Template:Michigan Header3
From 2011.igem.org
(Difference between revisions)
(82 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html | + | <html> |
- | < | + | </p> |
- | + | ||
- | + | ||
- | + | ||
<!-- INCLUDES JAVASCRIPTS --> | <!-- INCLUDES JAVASCRIPTS --> | ||
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> | <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> | ||
Line 11: | Line 8: | ||
/* Set up body first */ | /* Set up body first */ | ||
+ | body { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | width:1000px; | ||
+ | background-color:white; | ||
+ | } | ||
- | + | #globalWrapper { | |
- | + | background-color:white; | |
- | + | width:100%; | |
+ | margin:0; | ||
+ | padding:0; | ||
+ | border:none; | ||
+ | } | ||
#p-logo { | #p-logo { | ||
display:none; | display:none; | ||
} | } | ||
- | |||
#top-section { | #top-section { | ||
height:18px; | height:18px; | ||
width: 100%; | width: 100%; | ||
border:none; | border:none; | ||
+ | background-color: #A1BAC0; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2011/5/54/MichBanner.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: right; | ||
+ | margin:0; | ||
} | } | ||
- | + | #search-controls { | |
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#content { | #content { | ||
width:100%; | width:100%; | ||
- | |||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
+ | border:none; | ||
+ | } | ||
+ | #content #top, #content #siteSub, #content #contentSub { | ||
+ | display:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | #bodyContent{ | ||
+ | width:100%; | ||
+ | border:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
} | } | ||
- | # | + | #bodyContent p { |
- | { | + | margin:0; |
- | + | padding:0; | |
} | } | ||
/* END IGEM Header Overrides */ | /* END IGEM Header Overrides */ | ||
- | |||
- | |||
- | |||
- | |||
.ColorMaize { | .ColorMaize { | ||
background-color: #ffd215; | background-color: #ffd215; | ||
Line 84: | Line 79: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: right; | background-position: right; | ||
- | |||
} | } | ||
#NavBar { | #NavBar { | ||
Line 93: | Line 87: | ||
border-bottom-style: inset; | border-bottom-style: inset; | ||
border-bottom-color: #CCC; | border-bottom-color: #CCC; | ||
+ | margin:0; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
#TopContainer { | #TopContainer { | ||
- | width: | + | width:100%; |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
height: auto; | height: auto; | ||
- | |||
padding: 0; | padding: 0; | ||
} | } | ||
Line 113: | Line 103: | ||
height: 100%; | height: 100%; | ||
width: 20%; | width: 20%; | ||
+ | right: 0px; | ||
+ | top:0px; | ||
+ | opacity:0.3; | ||
+ | } | ||
+ | .LeftBar { | ||
+ | color: #D6D6D6; | ||
+ | background-color: #999; | ||
+ | position: absolute; | ||
+ | height: 100%; | ||
+ | width: 10%; | ||
right: 0px; | right: 0px; | ||
opacity:0.3; | opacity:0.3; | ||
Line 123: | Line 123: | ||
width: 100%; | width: 100%; | ||
top: 0px; | top: 0px; | ||
+ | opacity:0.3; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #BLMaizeTile{ | ||
+ | z-index:1; | ||
+ | } | ||
+ | #TLBlueTile{ | ||
+ | z-index:2; | ||
+ | } | ||
+ | .ThinTopBar { | ||
+ | color: #333333; | ||
+ | background-color: #999; | ||
+ | position: absolute; | ||
+ | height: 15%; | ||
+ | width: 100%; | ||
+ | top: 0px; | ||
+ | left:0px; | ||
opacity:0.3; | opacity:0.3; | ||
text-align: right; | text-align: right; | ||
Line 129: | Line 146: | ||
height: auto; | height: auto; | ||
width:100%; | width:100%; | ||
- | float: left; | + | float:left; |
- | + | margin-bottom:40px; | |
- | + | margin-left:40px; | |
} | } | ||
#NavBar a:link { | #NavBar a:link { | ||
Line 160: | Line 177: | ||
opacity:0.4; | opacity:0.4; | ||
} | } | ||
- | #Logo { | + | #Logo, #Header img.current { |
float:left; | float:left; | ||
+ | clear:right; | ||
} | } | ||
.ColorBlue { | .ColorBlue { | ||
Line 189: | Line 207: | ||
} | } | ||
.tile { | .tile { | ||
- | |||
float: left; | float: left; | ||
height: 300px; | height: 300px; | ||
Line 195: | Line 212: | ||
display: block; | display: block; | ||
position: relative; | position: relative; | ||
+ | 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 { | .tileLong { | ||
- | |||
float: left; | float: left; | ||
height: 300px; | height: 300px; | ||
Line 203: | Line 251: | ||
display: block; | display: block; | ||
padding: 0px; | padding: 0px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .tileLongContent { | ||
+ | float: left; | ||
+ | height: auto; | ||
+ | width: 90%; | ||
+ | display: block; | ||
+ | padding: 20px; | ||
position: relative; | position: relative; | ||
} | } | ||
Line 209: | Line 266: | ||
} | } | ||
.CurrentSlide { | .CurrentSlide { | ||
+ | display: inherit; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .TeamPic { | ||
display: inherit; | display: inherit; | ||
vertical-align: middle; | vertical-align: middle; | ||
Line 220: | Line 284: | ||
} | } | ||
#ProjTitle { | #ProjTitle { | ||
- | font-size: | + | font-size: 1.2em; |
font-style: italic; | font-style: italic; | ||
font-weight: bold; | font-weight: bold; | ||
Line 229: | Line 293: | ||
height: auto; | height: auto; | ||
width: 100%; | width: 100%; | ||
- | margin: | + | margin-top:10px; |
padding-right: 0px; | padding-right: 0px; | ||
padding-top: 0px; | padding-top: 0px; | ||
- | padding-bottom: | + | padding-bottom: 10px; |
padding-left: 0px; | padding-left: 0px; | ||
+ | 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 | .Slide | ||
Line 241: | Line 324: | ||
vertical-align: middle; | 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> | ||
Line 265: | Line 381: | ||
}); | }); | ||
</script> | </script> | ||
- | |||
- | |||
</html> | </html> |
Latest revision as of 22:46, 28 September 2011