"
Team:Grinnell/Template/Home
From 2011.igem.org
(Difference between revisions)
| (38 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | <html><a href="https://2011.igem.org/Team:Grinnell"><img alt="Grinnell logo" src="https://static.igem.org/mediawiki/2011/ | + | <html><div id='Glogo'><a href="https://2011.igem.org/Team:Grinnell"><img alt="Grinnell logo" src="https://static.igem.org/mediawiki/2011/2/20/Grinnell_wiki_logo_975px.jpg" /></a></div></html> |
__NOTOC__ | __NOTOC__ | ||
<html><head> | <html><head> | ||
| Line 7: | Line 7: | ||
and Team Heidelberg 2008, who copied their menu from Cesar Daniel (http://vitalspot.com/ScriptFreeMenu/)*/ | and Team Heidelberg 2008, who copied their menu from Cesar Daniel (http://vitalspot.com/ScriptFreeMenu/)*/ | ||
| - | #globalWrapper{background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed;} | + | #globalWrapper{background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed; font-size:150%;} |
| + | |||
| + | #content{border-top: 1px solid #444444;} | ||
h1.firstHeading{display:none} | h1.firstHeading{display:none} | ||
| + | |||
| + | #Glogo{ | ||
| + | position:relative; | ||
| + | z-index:1; | ||
| + | left:-5px; | ||
| + | top:-23px | ||
| + | } | ||
| + | |||
| + | #p-logo{ | ||
| + | border:none; | ||
| + | height:0px; | ||
| + | overflow:hidden; | ||
| + | } | ||
| + | |||
| + | #top-section{ | ||
| + | height:30px; | ||
| + | padding:0px; | ||
| + | border:none; | ||
| + | background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed; | ||
| + | } | ||
| + | |||
| + | div#search-controls.noprint, input.searchButton{ | ||
| + | display:none; | ||
| + | } | ||
| + | |||
| + | h1{ | ||
| + | background:#010101; | ||
| + | color:#c40001; | ||
| + | padding:15px; | ||
| + | border:15px; | ||
| + | position:relative; | ||
| + | left:-6px; | ||
| + | width:947px; | ||
| + | } | ||
| + | h2{ | ||
| + | background:#c40001; | ||
| + | color:#010101; | ||
| + | padding:10px; | ||
| + | border:10px; | ||
| + | position:relative; | ||
| + | left:-6px; | ||
| + | width:957px; | ||
| + | } | ||
| + | |||
/*Reset*/ | /*Reset*/ | ||
div.menu-bar ul li ul.ddm{ | div.menu-bar ul li ul.ddm{ | ||
| Line 22: | Line 68: | ||
div.menu-bar { | div.menu-bar { | ||
height:25px; | height:25px; | ||
| + | position:absolute; | ||
| + | left:-23px; | ||
| + | top:195px; | ||
| + | z-index:15; | ||
} | } | ||
| Line 30: | Line 80: | ||
margin:0 !important; | margin:0 !important; | ||
display:block; | display:block; | ||
| - | width: | + | width:162px; |
text-align:center; | text-align:center; | ||
| - | left:90px; /*Used left to manually center menu*/ | + | font-size:90%; |
| + | /*left:90px; /*Used left to manually center menu*/ | ||
} | } | ||
| Line 48: | Line 99: | ||
div.menu-bar ul li ul.ddm li ul.sm li a:link, div.menu-bar ul li ul.ddm li ul.sm a:visited{ | div.menu-bar ul li ul.ddm li ul.sm li a:link, div.menu-bar ul li ul.ddm li ul.sm a:visited{ | ||
display:block; | display:block; | ||
| - | font-size:1. | + | font-size:1.7em; |
| - | color:# | + | color:#010101; |
| - | background-color:# | + | background-color:#c40001; |
text-align:center; | text-align:center; | ||
padding:4px; | padding:4px; | ||
| Line 57: | Line 108: | ||
div.menu-bar ul li a:hover, div.menu-bar ul li ul.ddm li a:hover, div.menu-bar ul li ul.ddm li ul.sm li a:hover{ | div.menu-bar ul li a:hover, div.menu-bar ul li ul.ddm li a:hover, div.menu-bar ul li ul.ddm li ul.sm li a:hover{ | ||
| - | background-color:# | + | background-color:#010101; |
| - | color:# | + | color:#c40001; |
} | } | ||
| Line 67: | Line 118: | ||
div.menu-bar ul li:hover ul.ddm, div.menu-bar ul li a:hover ul.ddm{ | div.menu-bar ul li:hover ul.ddm, div.menu-bar ul li a:hover ul.ddm{ | ||
display:block; | display:block; | ||
| - | width: | + | width:162px; |
padding:1px; | padding:1px; | ||
position:absolute; | position:absolute; | ||
| - | top: | + | top:25px; |
| - | left:- | + | left:-21px;/*Use 'top' and 'left' to get the ddm position where you want it*/ |
} | } | ||
div.menu-bar ul li:hover ul.ddm li a, div.menu-bar ul li a:hover ul.ddm li a{ | div.menu-bar ul li:hover ul.ddm li a, div.menu-bar ul li a:hover ul.ddm li a{ | ||
| - | width: | + | width:162px; |
padding-left:0; | padding-left:0; | ||
padding-right:0; | padding-right:0; | ||
| Line 83: | Line 134: | ||
div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm { | div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm { | ||
display: block; | display: block; | ||
| - | width: | + | width: 110px; |
padding: 1px; | padding: 1px; | ||
position: relative; | position: relative; | ||
| - | top: - | + | top: -34px; |
| - | left: | + | left: 143px; |
} | } | ||
div.menu-bar ul li:hover ul.ddm li:hover ul.sm li a, | div.menu-bar ul li:hover ul.ddm li:hover ul.sm li a, | ||
div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm li a { | div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm li a { | ||
| - | width: | + | width: 165px; |
} | } | ||
/*Fixing display problems in IE browsers*/ | /*Fixing display problems in IE browsers*/ | ||
| Line 153: | Line 204: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| - | <li><a href="https://2011.igem.org/Team:Grinnell/Attributions">Attributions</a | + | <li><a href="https://2011.igem.org/Team:Grinnell/Attributions">Attributions</a> |
| - | + | ||
| - | + | ||
| - | + | ||
</li> | </li> | ||
</ul></div> | </ul></div> | ||
</body></html> | </body></html> | ||
Latest revision as of 03:59, 29 September 2011
