"
Template:Team:Waterloo/CSS/TopBar
From 2014.igem.org
(Difference between revisions)
Super.suzie (Talk | contribs) |
|||
| (22 intermediate revisions not shown) | |||
| Line 4: | Line 4: | ||
#topbar { | #topbar { | ||
width: 100%; | width: 100%; | ||
| - | position:fixed; | + | min-width:900px; |
| + | position:absolute; | ||
| + | left:0px; | ||
| + | right:0px; | ||
| + | top:20px; | ||
| + | background: #333; | ||
| + | min-height:60px; | ||
| + | z-index:999; | ||
| + | |||
| + | /*** | ||
| + | this commented stuff is how it was before; changed the values to what is above here in order to fix display | ||
| + | on mobila devices :) - Stefan */ | ||
| + | /* position:fixed; | ||
left:0px; | left:0px; | ||
right:0px; | right:0px; | ||
| - | z-index:999; | + | z-index:999; |
| + | ***/ | ||
| + | |||
top:20px; | top:20px; | ||
background: #333; | background: #333; | ||
| - | + | /*** height:60px; ***/ | |
} | } | ||
.sections_panel { | .sections_panel { | ||
| Line 20: | Line 34: | ||
z-index:10000; | z-index:10000; | ||
display: none; | display: none; | ||
| - | width: | + | width: 220px; |
} | } | ||
.sections_panel > div { | .sections_panel > div { | ||
| Line 27: | Line 41: | ||
margin:10px; | margin:10px; | ||
color:#71CCE6; | color:#71CCE6; | ||
| + | } | ||
| + | #headings { | ||
| + | display: table; | ||
| + | margin: auto; | ||
} | } | ||
#headings > li { | #headings > li { | ||
| Line 46: | Line 64: | ||
line-height: 30px; | line-height: 30px; | ||
text-align: left; | text-align: left; | ||
| + | text-transform: uppercase; | ||
} | } | ||
.dropdown li > a { | .dropdown li > a { | ||
Latest revision as of 01:11, 18 October 2014
