Team:Michigan/Template:New
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | /* | + | /*Cleaning and Resetting the Background*/ |
- | + | ||
#top-section { | #top-section { | ||
- | height: 1px; | + | height: 1px; } |
- | } | + | |
- | + | ||
#p-logo { | #p-logo { | ||
- | height:1px; | + | height:1px; overflow:hidden; display:none;} |
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
#search-controls { | #search-controls { | ||
- | display: none; | + | display:none;} |
- | } | + | |
#top-section { | #top-section { | ||
height:14px; | height:14px; | ||
- | width:100%; | + | width: 100%; |
- | border:0; | + | border: 0; |
- | background: rgba(51,51,51,1) | + | background: rgba(51,51,51,1)} |
- | } | + | |
- | + | ||
.left-menu a { | .left-menu a { | ||
- | color:white; | + | color: white; } |
- | } | + | .left-menu:hover { |
+ | color: white; | ||
+ | background: transparent; } | ||
+ | .left-menu:hover a { | ||
+ | color: white; } | ||
+ | .right-menu li a { | ||
+ | background-color: transparent; | ||
+ | color: white;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | /* Michigan 2012 iGEM Wiki Stylesheet*/ | |
- | + | ||
- | + | ||
- | + | /* iGEM header override*/ | |
+ | /* Set up body first */ | ||
body { | body { | ||
- | margin: 0 auto; | + | margin:0 auto; |
- | + | padding:0; | |
- | width: 962px; | + | width:962px; |
background-image:url('https://static.igem.org/mediawiki/2012/7/75/DNA_Background.png'); | background-image:url('https://static.igem.org/mediawiki/2012/7/75/DNA_Background.png'); | ||
background-repeat:repeat; | background-repeat:repeat; | ||
} | } | ||
- | + | .header{ | |
+ | background-color:#ffffff; | ||
+ | width:962px; | ||
+ | margin: 0 auto; | ||
+ | padding:0; | ||
+ | opacity:0.6; | ||
+ | filter:alpha(opacity=60); /* For IE8 and earlier */ | ||
+ | } | ||
.header a#logo{ | .header a#logo{ | ||
- | + | margin-left:0px; | |
- | + | width:390px; | |
- | + | height:124px; | |
} | } | ||
Line 62: | Line 62: | ||
padding:0; | padding:0; | ||
} | } | ||
- | |||
#content #top, #content #siteSub, #content #contentSub { | #content #top, #content #siteSub, #content #contentSub { | ||
- | + | display:none; | |
- | + | margin:0; | |
- | + | padding:0; | |
} | } | ||
- | + | /* Hides default page title beneath banner */ | |
.firstHeading { | .firstHeading { | ||
- | + | height:0px; | |
- | + | visibility:hidden; | |
} | } | ||
- | + | #bodyContent{ | |
- | #bodyContent { | + | width:100%; |
- | + | border:none; | |
- | + | margin:0; | |
- | + | padding:0; | |
- | + | ||
} | } | ||
#bodyContent p { | #bodyContent p { | ||
- | + | margin:0 15px 0; | |
- | + | padding:0; | |
} | } | ||
+ | |||
#footer-box { | #footer-box { | ||
Line 90: | Line 89: | ||
border:none; | border:none; | ||
padding:5px 0; | padding:5px 0; | ||
- | + | opacity:0.6; | |
- | + | filter:alpha(opacity=60); /* For IE8 and earlier */ | |
} | } | ||
.toc { | .toc { | ||
- | + | display:none; | |
} | } | ||
- | a:hover { | + | a:hover{ |
- | + | text-decoration:none; | |
} | } | ||
+ | |||
+ | /* END IGEM Header Overrides */ | ||
#menu img{ | #menu img{ | ||
- | margin: 0 25px | + | margin: 0 25px 0px; |
border:none; | border:none; | ||
} | } | ||
+ | /* make a class for text over image effect*/ | ||
.text-image { | .text-image { | ||
- | + | position: relative; | |
- | + | padding:5px; | |
- | + | margin-bottom:10px; | |
} | } | ||
+ | |||
.left-col{ | .left-col{ | ||
- | + | width: 50%; /* for IE 6 */ | |
- | + | float: left; | |
} | } | ||
- | .right-col{ | + | |
- | + | .right-col{ | |
+ | float: left; | ||
+ | |||
} | } | ||
.three-col{ | .three-col{ | ||
- | + | width: 33%; | |
- | + | float: left; | |
} | } | ||
.locator { | .locator { | ||
- | + | font: 10px Helvetica, Sans-Serif; | |
- | + | margin: 0 0 10px 25px; | |
} | } | ||
span.text-image { | span.text-image { | ||
- | + | color:white; | |
- | + | background-color:#0a84c1; | |
- | + | font: bold 24px Helvetica, Sans-Serif; | |
- | + | letter-spacing: -1px; | |
- | + | padding: 5px; | |
- | + | margin: 10px 0 15px 10px; | |
- | + | ||
} | } | ||
+ | |||
.text-panel-border { | .text-panel-border { | ||
- | + | background-color: #dadada; | |
- | + | margin: 0 25px 25px; | |
- | + | padding: 10px 0px 10px; | |
- | + | float: left; | |
} | } | ||
.text-nopanel-content { | .text-nopanel-content { | ||
- | + | padding: 10px; | |
- | + | margin: 5px auto 5px; | |
- | + | width:95%; | |
} | } | ||
.text-panel-content { | .text-panel-content { | ||
- | + | border-bottom: 1px solid #E6E6E6; | |
- | + | border-left: 1px solid #E6E6E6; | |
- | + | border-right: 1px solid #E6E6E6; | |
- | + | border-top: 3px solid #CCCCCC; | |
- | + | background-color: #FFFFFF; | |
- | + | padding: 5px; | |
- | + | margin: 5px auto 5px; | |
- | + | width:95%; | |
+ | |||
} | } | ||
Line 169: | Line 175: | ||
p.title { | p.title { | ||
- | + | /*for some reason declaring everything under font is not supported*/ | |
- | + | font-style:italic; | |
- | + | font-size:200%; | |
- | + | line-height:200%; | |
} | } | ||
Line 192: | Line 198: | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | </body> | |
</html> | </html> |
Revision as of 20:20, 25 July 2012