Template:MissouriMiners2012
From 2012.igem.org
(Difference between revisions)
Lordcheeto (Talk | contribs) |
Lordcheeto (Talk | contribs) |
||
Line 6: | Line 6: | ||
<style type="text/css" title="MissouriMiners"> | <style type="text/css" title="MissouriMiners"> | ||
+ | <!-- Standard styles to be applied to everything. --> | ||
* { box-sizing: border-box; margin: 0; padding: 0; } | * { box-sizing: border-box; margin: 0; padding: 0; } | ||
+ | <!-- Pretty background throughout. --> | ||
html { background:white url('https://static.igem.org/mediawiki/2012/e/eb/Missouri_Miners_Background.png') repeat fixed top; } | html { background:white url('https://static.igem.org/mediawiki/2012/e/eb/Missouri_Miners_Background.png') repeat fixed top; } | ||
+ | <!-- This is for the top bar (login, etc). --> | ||
#top-section { padding-left: 107px; } | #top-section { padding-left: 107px; } | ||
#menubar { position: relative; z-index: 1; top: 0; left: 0; } | #menubar { position: relative; z-index: 1; top: 0; left: 0; } | ||
Line 26: | Line 29: | ||
.clearfix:after { clear: both; content: " "; display: block; } | .clearfix:after { clear: both; content: " "; display: block; } | ||
.centered { width: 990px; margin: 0 auto; } | .centered { width: 990px; margin: 0 auto; } | ||
- | #banner { height: | + | |
- | #banner img { height: | + | #header { position: absolute; top: 0; left: 0; min-width: 100%; } |
+ | #banner { height: 175px; } | ||
+ | #banner img { height: 157px; margin-top: 19px; } | ||
+ | #spacer { background-color: white; height: 222px; } | ||
+ | |||
#menuwrap { background-color: #085706; padding-top: 9px; } | #menuwrap { background-color: #085706; padding-top: 9px; } | ||
- | |||
- | |||
- | |||
#backgroundWrapper { width: 100%; height: 100%; } | #backgroundWrapper { width: 100%; height: 100%; } | ||
#main { background-color: white; float: left; width: 990px; padding: 10px; margin: 10px 0; border: 3px #CCC double; } | #main { background-color: white; float: left; width: 990px; padding: 10px; margin: 10px 0; border: 3px #CCC double; } | ||
- | |||
- | |||
+ | #menu a { color: white; font: .85em/1.2em "Segoe UI Semibold",BebasNeueRegular,Calibri,sans-serif; text-transform: uppercase; } | ||
+ | #menu a:hover, #menu .active a { color: #222; } | ||
#menu ul, #menu li { list-style: none; } | #menu ul, #menu li { list-style: none; } | ||
#menu > ul > li { float: left; margin: 16px 39px 0 0; padding: 0 0 3px; } | #menu > ul > li { float: left; margin: 16px 39px 0 0; padding: 0 0 3px; } | ||
Line 43: | Line 47: | ||
#menu li ul { display: none; width: 500px; position: absolute; top: 1em; left: 0; background-color: #085706; margin-top: 6px; padding: 0px 0px 10px 10px;} | #menu li ul { display: none; width: 500px; position: absolute; top: 1em; left: 0; background-color: #085706; margin-top: 6px; padding: 0px 0px 10px 10px;} | ||
#menu li:hover ul { display: block; } | #menu li:hover ul { display: block; } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
@font-face { | @font-face { |
Revision as of 02:01, 2 October 2012