Team:UT Dallas/page.css
From 2011.igem.org
(50 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
body { | body { | ||
margin: 0; padding: 0; | margin: 0; padding: 0; | ||
- | + | font: 10px normal "Lucida Grande", Arial, Helvetica, sans-serif; | |
background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif'); | background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif'); | ||
background-repeat:repeat-x; | background-repeat:repeat-x; | ||
Line 13: | Line 13: | ||
height:650px; | height:650px; | ||
width: 960px; | width: 960px; | ||
- | margin:15px auto | + | margin: 15px auto 0px; |
position: relative; | position: relative; | ||
background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat; | background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat; | ||
+ | overflow: auto; | ||
} | } | ||
#header { | #header { | ||
padding-top: 120px; | padding-top: 120px; | ||
} | } | ||
+ | |||
+ | |||
.contents { | .contents { | ||
- | + | background: none repeat scroll 0 0 #Ffffff; | |
- | + | border-left: 1px solid #000000; | |
- | + | border-right: 1px solid #000000; | |
- | + | font: 16px normal "Lucida Grande", Arial, Helvetica, sans-serif; | |
- | + | height: auto !important; | |
- | + | margin: -1px auto 0px; | |
- | + | min-height: 495px; | |
- | + | padding-left: 11px; | |
- | + | padding-right: 11px; | |
- | + | padding-top: 10px; | |
- | + | position: relative; | |
- | + | text-align: justify; | |
- | + | width: 936px; | |
- | + | overflow: auto; | |
- | + | } | |
- | + | #crumbs | |
+ | { | ||
+ | color: #FFFFFF; | ||
+ | font-size: 85%; | ||
+ | line-height: 1.5; | ||
+ | padding-left: 14px; | ||
+ | padding-right: 14px; | ||
+ | font-weight: bold; | ||
+ | margin-bottom:1px | ||
} | } | ||
- | |||
.rounded { | .rounded { | ||
position:absolute; | position:absolute; | ||
Line 47: | Line 57: | ||
margin: 0 auto; | margin: 0 auto; | ||
position: relative; | position: relative; | ||
- | background: url(https://static.igem.org/mediawiki/2011/c/c5/Rounded.gif) no-repeat; | + | background: url('https://static.igem.org/mediawiki/2011/c/c5/Rounded.gif') no-repeat; |
height:11px; | height:11px; | ||
z-index:-1; | z-index:-1; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#footer{ | #footer{ | ||
color: #003300; | color: #003300; | ||
Line 105: | Line 106: | ||
} | } | ||
- | + | ||
- | + | ||
- | + | #left ul{ | |
- | + | list-style:none; | |
- | + | overflow:hidden; | |
+ | padding-left:0px; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | #left ul li{ | ||
+ | margin-top:8px; | ||
+ | position:relative; | ||
+ | padding-top:4px; | ||
+ | padding-bottom:0px; | ||
+ | padding:0px; | ||
+ | } | ||
+ | #left ul.llmenu li{ | ||
+ | padding-left:10px; | ||
+ | } | ||
+ | #left ul li.backLava | ||
+ | { | ||
+ | background-color:#ffffff; | ||
+ | border-left:solid; | ||
+ | border-color:#96d446; | ||
+ | border-width:5px; | ||
+ | height:23px; | ||
} | } | ||
- | . | + | #left ul.llmenugreen li{ |
+ | border-color:#96d446; | ||
+ | } | ||
+ | |||
+ | #left ul.llmenublue li{ | ||
+ | border-color:#386abc; | ||
+ | } | ||
+ | |||
+ | #left ul.llmenured li{ | ||
+ | border-color:#fb5c2b; | ||
+ | } | ||
+ | |||
+ | #left ul.llmenuyellow li{ | ||
+ | border-color:#fad72a; | ||
+ | } | ||
+ | |||
+ | #left a{ | ||
+ | color:#555; | ||
+ | font-size:15px; | ||
+ | font-weight:normal; | ||
+ | text-decoration:none; | ||
+ | outline:none; | ||
+ | display:block; | ||
+ | width:182px; | ||
+ | } | ||
+ | |||
+ | #left a:hover { | ||
+ | color:#181818; | ||
+ | } | ||
+ | |||
+ | |||
+ | #left a.hello{ | ||
+ | display:inline; | ||
+ | } | ||
+ | |||
+ | #container2 { | ||
+ | clear:left; | ||
+ | float:left; | ||
+ | width:936px; | ||
+ | overflow:hidden; | ||
+ | background:#ECECEC; /* column 2 background colour */ | ||
+ | } | ||
+ | #container1 { | ||
+ | background: none repeat scroll 0 0 #ECECEC; | ||
+ | border-right: 11px solid #FFFFFF; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | right: 751px; | ||
+ | width: 936px; | ||
+ | } | ||
+ | #left { | ||
+ | background: none repeat scroll 0 0 #ECECEC; | ||
+ | float:left; | ||
+ | width:185px; | ||
+ | position:relative; | ||
+ | left:751px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #right { | ||
+ | background: none repeat scroll 0 0 #ECECEC; | ||
+ | float: left; | ||
+ | left: 762px; | ||
+ | margin-left: 10px; | ||
+ | margin-top: 10px; | ||
+ | min-height: 495px; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | width: 720px; | ||
+ | } | ||
+ | |||
+ | #right li | ||
{ | { | ||
- | + | font-size:15px; | |
- | font-size: | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #right h2 | |
{ | { | ||
- | + | font-size: 130%; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | a.app_download |
{ | { | ||
- | + | background: url("https://static.igem.org/mediawiki/2011/1/1d/Android_download.png") no-repeat scroll left center transparent; | |
- | + | color: #336600; | |
- | + | font-size: 14px; | |
- | + | font-weight: bold; | |
- | + | height: 25px; | |
+ | line-height: 40px; | ||
+ | padding-bottom: 7px; | ||
+ | padding-left: 32px; | ||
+ | padding-top: 8px; | ||
+ | text-decoration: none; | ||
} | } | ||
- | + | a.app_download:hover | |
- | + | { | |
- | + | background: url("https://static.igem.org/mediawiki/2011/3/3e/Android_download_glow.png") no-repeat scroll left center transparent; | |
- | + | color: #669900; | |
- | + | font-size: 14px; | |
- | + | font-weight: bold; | |
- | + | height: 25px; | |
- | + | line-height: 40px; | |
+ | padding-bottom: 7px; | ||
+ | padding-left: 32px; | ||
+ | padding-top: 8px; | ||
+ | text-decoration: none; | ||
} | } | ||
- | + | #right table | |
- | + | { | |
- | + | background:inherit; | |
- | + | font-size:15px; | |
} | } | ||
- | + | #july | |
- | + | { | |
- | + | float:left; | |
- | + | background: url("https://static.igem.org/mediawiki/2011/e/e9/Calender_july.png") no-repeat left center transparent; | |
- | + | height: 120px; | |
+ | width: 165px; | ||
+ | padding-left: 35px; | ||
+ | line-height: 28px; | ||
+ | padding-top: 11px; | ||
} | } | ||
- | + | #august | |
- | + | { | |
- | float: left; | + | float:left; |
- | + | background: url("https://static.igem.org/mediawiki/2011/7/7e/Calender_august.png") no-repeat left center transparent; | |
- | + | height: 120px; | |
- | left: | + | width: 165px; |
- | + | padding-left: 38px; | |
- | + | margin-left: 57px; | |
- | + | margin-right: 57px; | |
- | + | line-height: 28px; | |
- | + | padding-top: 11px; | |
- | + | } | |
- | + | #sept | |
- | + | { | |
- | + | float:left; | |
- | + | background: url("https://static.igem.org/mediawiki/2011/3/3e/Calender_sept.png") no-repeat left center transparent; | |
- | + | height: 120px; | |
+ | width: 165px; | ||
+ | padding-left: 36px; | ||
+ | line-height: 28px; | ||
+ | padding-top: 11px; | ||
+ | } | ||
+ | a.week_link | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #ebebeb; | ||
+ | color: #595959; | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | height: 25px; | ||
+ | list-style: none outside none; | ||
+ | padding: 0 0 0 5px; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | width: 153px; | ||
+ | } | ||
+ | a.week_link:hover | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #efefef; | ||
+ | color: #000000; | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | height: 25px; | ||
+ | list-style: none outside none; | ||
+ | padding: 0 0 0 5px; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | width: 153px; | ||
+ | } | ||
+ | |||
+ | #igem_link | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/f/fa/IGEM_official_logo_small.png") no-repeat transparent; | ||
+ | width:175px; | ||
+ | height:134px; | ||
+ | margin: 20px auto 10px 5px; | ||
+ | } | ||
+ | |||
+ | #igem_link:hover | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/5/59/IGEM_official_logo_small_glow.png") no-repeat transparent; | ||
+ | width:175px; | ||
+ | height:134px; | ||
+ | margin: 20px auto 10px 5px; | ||
+ | } | ||
+ | #utd_link | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/8/83/UTDlogo.png") no-repeat transparent; | ||
+ | width:175px; | ||
+ | height:75px; | ||
+ | margin: 20px auto 10px 5px; | ||
+ | } | ||
+ | |||
+ | #utd_link:hover | ||
+ | { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/c/cb/UTDlogo_glow.png") no-repeat transparent; | ||
+ | width:175px; | ||
+ | height:75px; | ||
+ | margin: 20px auto 10px 5px; | ||
} | } | ||
- | |||
- | |||
- |
Latest revision as of 22:34, 12 October 2011
body { margin: 0; padding: 0;
font: 10px normal "Lucida Grande", Arial, Helvetica, sans-serif;
background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif'); background-repeat:repeat-x; background-position:top center; background-attachment:fixed;
} .container { min-height:650px;
height:auto !important; height:650px;
width: 960px; margin: 15px auto 0px; position: relative; background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat; overflow: auto; }
- header {
padding-top: 120px; }
.contents {
background: none repeat scroll 0 0 #Ffffff; border-left: 1px solid #000000; border-right: 1px solid #000000; font: 16px normal "Lucida Grande", Arial, Helvetica, sans-serif; height: auto !important; margin: -1px auto 0px; min-height: 495px; padding-left: 11px; padding-right: 11px; padding-top: 10px; position: relative; text-align: justify; width: 936px;
overflow: auto; }
- crumbs
{
color: #FFFFFF; font-size: 85%; line-height: 1.5; padding-left: 14px;
padding-right: 14px; font-weight: bold; margin-bottom:1px } .rounded { position:absolute; bottom:0; left:0; width: 960px; margin: 0 auto; position: relative; background: url('https://static.igem.org/mediawiki/2011/c/c5/Rounded.gif') no-repeat; height:11px; z-index:-1; }
- footer{
color: #003300; font-size: 9px; margin-top:10px; font-family: Verdana, Geneva, Arial, sans-serif; text-align: center; width: 100%; height: 18px
}
- header img {
margin: 20px 0 10px; }
- ordered_list{
font: 16px normal Arial, Helvetica, sans-serif; margin-top:30px; }
- ordered_list li {
margin-left:5px; margin-top:15px; font-weight:bold; margin-left:-20px; } .authors{ color:#0000FF; font-size:15px; font-weight:normal; margin-top:4px; }
- title{
text-align: center; width: 100%; height: 51px; background: url(title.png) no-repeat center; letter-spacing:2px; }
- title span{
color: #003300; font-size: 20px;
position: relative; top: 25% }
- left ul{
list-style:none; overflow:hidden; padding-left:0px; margin-left:10px; }
- left ul li{
margin-top:8px; position:relative; padding-top:4px; padding-bottom:0px; padding:0px; }
- left ul.llmenu li{
padding-left:10px;
}
- left ul li.backLava
{
background-color:#ffffff; border-left:solid; border-color:#96d446; border-width:5px;
height:23px; }
- left ul.llmenugreen li{
border-color:#96d446;
}
- left ul.llmenublue li{
border-color:#386abc;
}
- left ul.llmenured li{
border-color:#fb5c2b;
}
- left ul.llmenuyellow li{
border-color:#fad72a;
}
- left a{
color:#555; font-size:15px; font-weight:normal; text-decoration:none; outline:none; display:block; width:182px; }
- left a:hover {
color:#181818;
}
- left a.hello{
display:inline;
}
- container2 {
clear:left; float:left; width:936px; overflow:hidden; background:#ECECEC; /* column 2 background colour */ }
- container1 {
background: none repeat scroll 0 0 #ECECEC;
border-right: 11px solid #FFFFFF;
float: left; position: relative; right: 751px; width: 936px;
}
- left {
background: none repeat scroll 0 0 #ECECEC; float:left; width:185px; position:relative; left:751px; overflow:hidden; }
- right {
background: none repeat scroll 0 0 #ECECEC; float: left; left: 762px; margin-left: 10px; margin-top: 10px; min-height: 495px; overflow: hidden; position: relative; width: 720px;
}
- right li
{ font-size:15px; }
- right h2
{ font-size: 130%; } a.app_download {
background: url("") no-repeat scroll left center transparent; color: #336600; font-size: 14px; font-weight: bold; height: 25px; line-height: 40px; padding-bottom: 7px; padding-left: 32px; padding-top: 8px; text-decoration: none;
}
a.app_download:hover {
background: url("") no-repeat scroll left center transparent; color: #669900; font-size: 14px; font-weight: bold; height: 25px; line-height: 40px; padding-bottom: 7px; padding-left: 32px; padding-top: 8px; text-decoration: none;
}
- right table
{ background:inherit; font-size:15px; }
- july
{ float:left; background: url("") no-repeat left center transparent; height: 120px;
width: 165px;
padding-left: 35px; line-height: 28px; padding-top: 11px; }
- august
{ float:left; background: url("") no-repeat left center transparent; height: 120px;
width: 165px;
padding-left: 38px;
margin-left: 57px; margin-right: 57px;
line-height: 28px; padding-top: 11px; }
- sept
{ float:left; background: url("") no-repeat left center transparent; height: 120px;
width: 165px;
padding-left: 36px; line-height: 28px; padding-top: 11px; } a.week_link {
background: none repeat scroll 0 0 #ebebeb; color: #595959; float: left; font-size: 16px; font-weight: bold; height: 25px; list-style: none outside none; padding: 0 0 0 5px; text-align: left; text-decoration: none; width: 153px;
} a.week_link:hover {
background: none repeat scroll 0 0 #efefef; color: #000000; float: left; font-size: 16px; font-weight: bold; height: 25px; list-style: none outside none; padding: 0 0 0 5px; text-align: left; text-decoration: none; width: 153px;
}
- igem_link
{
background: url("") no-repeat transparent; width:175px; height:134px; margin: 20px auto 10px 5px;
}
- igem_link:hover
{
background: url("") no-repeat transparent; width:175px; height:134px; margin: 20px auto 10px 5px;
}
- utd_link
{
background: url("") no-repeat transparent; width:175px; height:75px; margin: 20px auto 10px 5px;
}
- utd_link:hover
{
background: url("") no-repeat transparent; width:175px; height:75px; margin: 20px auto 10px 5px;
}