Template:MissouriMiners2012

From 2012.igem.org

(Difference between revisions)
(Undo revision 248207 by Lordcheeto (talk))
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 29: Line 26:
.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: 47px; }
-
#header { position: absolute; top: 0; left: 0; min-width: 100%; }
+
#banner img { height: 94px }
-
#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; }
 +
#menu { padding-left: 120px; }
 +
#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; }
#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; }
 +
#header { position: absolute; top: 0; left: 0; min-width: 100%; }
 +
#spacer { background-color: white; height: 94px; }
-
#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 47: Line 43:
#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; }
 +
 +
 +
.newline { margin: 10px 6px 0px 0px; }
 +
// This can be adjusted. 964 = 4x + 3y, floor(x) = x, floor(y) = y |=> x = 241 - 3n, y = 4n
 +
.profile { width: 184px; height: 298px; margin: 10px 6px 0px 5px; float: left; background-color:yellow; }
 +
.return { margin: 10px 0px 0px 5px; }
@font-face {
@font-face {

Revision as of 02:02, 2 October 2012