Template:Team:Nevada:Header
From 2012.igem.org
(Difference between revisions)
Leochong718 (Talk | contribs) |
Leochong718 (Talk | contribs) |
||
(19 intermediate revisions not shown) | |||
Line 17: | Line 17: | ||
background-color:#ffffff; | background-color:#ffffff; | ||
height:100%; | height:100%; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#content { | #content { | ||
Line 36: | Line 29: | ||
width:100%; | width:100%; | ||
border:none; | border:none; | ||
- | margin: | + | margin:0px; |
padding:0; | padding:0; | ||
} | } | ||
Line 42: | 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: 12px; | padding-top: 12px; | ||
Line 61: | Line 54: | ||
height: 130px; | 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; | ||
Line 77: | Line 70: | ||
} | } | ||
#NavBar a:link { | #NavBar a:link { | ||
- | background-color:# | + | background-color:#bedc15; |
font-size: 12px; | font-size: 12px; | ||
- | font-style: | + | font-style: bold; |
text-decoration: none; | text-decoration: none; | ||
color: #000; | color: #000; | ||
- | margin-top: | + | margin-top: 7px; |
+ | } | ||
+ | #NavBar a:visited { | ||
+ | color: #033; | ||
+ | background-color:#bedc15; | ||
} | } | ||
#NavBar a:hover { | #NavBar a:hover { | ||
color: #fff; | color: #fff; | ||
- | + | background-color:#bedc15; | |
+ | margin-top: 7px; | ||
} | } | ||
.ColorBlue { | .ColorBlue { | ||
- | background-color: # | + | background-color: #a2ba1d; |
+ | } | ||
+ | |||
+ | #TopContainer { | ||
+ | width:100%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | height: auto; | ||
+ | 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 { | ||
+ | color: #333333; | ||
+ | background-color: #999; | ||
+ | position: absolute; | ||
+ | height: 20%; | ||
+ | width: 100%; | ||
+ | top: 0px; | ||
+ | opacity:0.3; | ||
+ | text-align: right; | ||
+ | |||
+ | } | ||
+ | .ThinTopBar { | ||
+ | color: #333333; | ||
+ | background-color: #999; | ||
+ | position: absolute; | ||
+ | height: 15%; | ||
+ | width: 100%; | ||
+ | top: 0px; | ||
+ | left:0px; | ||
+ | opacity:0.3; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #ContentArea { | ||
+ | height: auto; | ||
+ | width:100%; | ||
+ | float:left; | ||
+ | margin-bottom:40px; | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | #Footer { | ||
+ | float:left; | ||
+ | height: 100px; | ||
+ | width:100%; | ||
+ | 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 { | ||
+ | float:left; | ||
+ | clear:right; | ||
} | } | ||
#Abstract { | #Abstract { | ||
Line 95: | Line 169: | ||
width: 500px; | width: 500px; | ||
float: left; | float: left; | ||
- | + | } | |
+ | #SlidePanel { | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | background-color: #CCC; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
} | } | ||
.tile { | .tile { | ||
Line 104: | Line 185: | ||
position: relative; | position: relative; | ||
overflow:visible; | overflow:visible; | ||
+ | } | ||
+ | .LargeContentPlane { | ||
+ | border: 2px solid; | ||
+ | border-color:#000000; | ||
+ | border-radius:10px; | ||
+ | width:90%; | ||
+ | height:auto; | ||
+ | margin:10px; | ||
+ | padding:15px; | ||
+ | float:left; | ||
+ | } | ||
+ | .ProfPic { | ||
+ | float: left; | ||
+ | height: 170px; | ||
+ | width: 170pxpx; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | clear:left; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | .ProfDisc { | ||
+ | float:left; | ||
+ | clear:right; | ||
+ | width:500px; | ||
+ | height:170px; | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | .tileLong { | ||
+ | float: left; | ||
+ | height: 300px; | ||
+ | width: 600px; | ||
+ | display: block; | ||
+ | padding: 0px; | ||
position: relative; | position: relative; | ||
} | } | ||
- | + | .tileLongContent { | |
+ | float: left; | ||
+ | height: auto; | ||
+ | width: 90%; | ||
+ | display: block; | ||
+ | padding: 20px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #ProjTitle h3 { | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | .CurrentSlide { | ||
+ | display: inherit; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .TeamPic { | ||
+ | display: inherit; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
#ProjTitle { | #ProjTitle { | ||
font-size: 1.2em; | font-size: 1.2em; | ||
Line 127: | Line 267: | ||
padding-left: 0px; | padding-left: 0px; | ||
border-bottom:1px solid white; | border-bottom:1px solid white; | ||
+ | } | ||
+ | |||
+ | #HPButton { | ||
+ | width:150px; | ||
+ | height:auto; | ||
+ | margin:10px; | ||
+ | margin-left:20px; | ||
+ | padding:10px; | ||
+ | float:left; | ||
+ | text-align:center; | ||
+ | position:relative; | ||
+ | } | ||
+ | #BLImageHome { | ||
+ | display:block; | ||
+ | width:300px; | ||
+ | height:600px; | ||
+ | overflow:visible; | ||
+ | z-index:3; | ||
+ | } | ||
+ | .Slide | ||
+ | { | ||
+ | display:none; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .MouseOverImg { | ||
+ | height: auto; | ||
+ | width: 300px; | ||
+ | opacity: 0.2; | ||
+ | } | ||
+ | #ProjDesc { | ||
+ | font-size:1.1em; | ||
+ | margin-top: 10px; | ||
+ | padding-top: 70px; | ||
+ | padding-right: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | padding-left: 20px; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | color: #CCC; | ||
+ | } | ||
+ | |||
+ | .ProfText { | ||
+ | font-size:1.1em; | ||
+ | margin-top: 10px; | ||
+ | padding:5px; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | color: #CCC; | ||
+ | } | ||
+ | |||
+ | #ProjDesc h2 { | ||
+ | color:white; | ||
+ | font-size:1.2em; | ||
+ | } | ||
+ | |||
+ | .MouseOverImg:Hover { | ||
+ | opacity: 1; | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 15:42, 2 October 2012