Template:Team:Nevada:Header
From 2012.igem.org
(Difference between revisions)
Leochong718 (Talk | contribs) |
Leochong718 (Talk | contribs) |
||
(36 intermediate revisions not shown) | |||
Line 17: | Line 17: | ||
background-color:#ffffff; | background-color:#ffffff; | ||
height:100%; | height:100%; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#content { | #content { | ||
Line 32: | Line 25: | ||
padding:0px; | padding:0px; | ||
width:1060px; | width:1060px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#bodyContent{ | #bodyContent{ | ||
width:100%; | width:100%; | ||
border:none; | border:none; | ||
- | margin: | + | margin:0px; |
padding:0; | padding:0; | ||
} | } | ||
Line 47: | Line 35: | ||
#bodyContent p { | #bodyContent p { | ||
margin:0; | margin:0; | ||
- | padding: | + | padding:0px 15px; |
} | } | ||
/* END IGEM Header Overrides */ | /* END IGEM Header Overrides */ | ||
.ColorGreen { | .ColorGreen { | ||
- | background-color: # | + | background-color: #bedc15; |
} | } | ||
#NavBar { | #NavBar { | ||
- | height: | + | height: 28px; |
width: 100%; | width: 100%; | ||
- | padding-top: | + | padding-top: 12px; |
border-bottom-width: 2px; | border-bottom-width: 2px; | ||
border-bottom-style: inset; | border-bottom-style: inset; | ||
Line 64: | Line 52: | ||
} | } | ||
#Header { | #Header { | ||
- | height: | + | height: 130px; |
width:100%; | width:100%; | ||
- | border-bottom-width: | + | border-bottom-width: 0px; |
border-bottom-style: solid; | border-bottom-style: solid; | ||
border-bottom-color: #000; | border-bottom-color: #000; | ||
- | background-image: url(https://static.igem.org/mediawiki/2012/ | + | background-image: url(https://static.igem.org/mediawiki/2012/5/5c/Header2.png); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: top; | background-position: top; | ||
+ | |||
} | } | ||
+ | #ContentArea { | ||
+ | height: auto; | ||
+ | width:100%; | ||
+ | float:center; | ||
+ | margin-bottom:40px; | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | #NavBar a:link { | ||
+ | background-color:#bedc15; | ||
+ | font-size: 12px; | ||
+ | font-style: bold; | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | margin-top: 7px; | ||
+ | } | ||
+ | #NavBar a:visited { | ||
+ | color: #033; | ||
+ | background-color:#bedc15; | ||
+ | } | ||
+ | #NavBar a:hover { | ||
+ | color: #fff; | ||
+ | background-color:#bedc15; | ||
+ | margin-top: 7px; | ||
+ | } | ||
+ | .ColorBlue { | ||
+ | background-color: #a2ba1d; | ||
+ | } | ||
+ | |||
#TopContainer { | #TopContainer { | ||
width:100%; | width:100%; | ||
Line 79: | Line 96: | ||
height: auto; | height: auto; | ||
padding: 0; | padding: 0; | ||
+ | } | ||
+ | .RightBar { | ||
+ | color: #D6D6D6; | ||
+ | background-color: #999; | ||
+ | position: absolute; | ||
+ | height: 100%; | ||
+ | width: 20%; | ||
+ | right: 0px; | ||
+ | top:0px; | ||
+ | opacity:0.3; | ||
+ | } | ||
+ | .LeftBar { | ||
+ | color: #D6D6D6; | ||
+ | background-color: #999; | ||
+ | position: absolute; | ||
+ | height: 100%; | ||
+ | width: 10%; | ||
+ | right: 0px; | ||
+ | opacity:0.3; | ||
} | } | ||
.TopBar { | .TopBar { | ||
Line 89: | Line 125: | ||
opacity:0.3; | opacity:0.3; | ||
text-align: right; | text-align: right; | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
.ThinTopBar { | .ThinTopBar { | ||
Line 110: | Line 141: | ||
height: auto; | height: auto; | ||
width:100%; | width:100%; | ||
- | float: | + | float:left; |
margin-bottom:40px; | margin-bottom:40px; | ||
- | margin-left: | + | margin-left:0px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
#Footer { | #Footer { | ||
Line 131: | Line 150: | ||
width:100%; | width:100%; | ||
border-top:1px solid #000000; | border-top:1px solid #000000; | ||
- | + | } | |
+ | #ImgPicker { | ||
+ | color: #999; | ||
+ | background-color: #999; | ||
+ | height: 20%; | ||
+ | width: 100%; | ||
+ | z-index: 5; | ||
+ | position: absolute; | ||
+ | bottom: 0px; | ||
+ | opacity:0.4; | ||
} | } | ||
#Logo, #Header img.current { | #Logo, #Header img.current { | ||
float:left; | float:left; | ||
clear:right; | clear:right; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#Abstract { | #Abstract { | ||
Line 148: | Line 170: | ||
float: left; | float: left; | ||
} | } | ||
- | + | #SlidePanel { | |
- | background-color: # | + | float: left; |
- | + | height: 100%; | |
- | + | width: 100%; | |
- | + | background-color: #CCC; | |
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
} | } | ||
- | |||
.tile { | .tile { | ||
float: left; | float: left; | ||
Line 228: | Line 251: | ||
width: 100%; | width: 100%; | ||
} | } | ||
- | |||
#ProjTitle { | #ProjTitle { | ||
font-size: 1.2em; | font-size: 1.2em; |
Latest revision as of 15:42, 2 October 2012