"
Template:Team:Waterloo/CSS/TopBar
From 2014.igem.org
(Difference between revisions)
Super.suzie (Talk | contribs) |
|||
| (29 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: | + | ***/ |
| + | |||
| + | 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 { | ||
| - | font-family: | + | font-family: Oxygen, sans-serif; |
color: #FFFFFF; | color: #FFFFFF; | ||
font-size: 14px; | font-size: 14px; | ||
| Line 55: | Line 74: | ||
#headings > li:hover > .sections_panel { | #headings > li:hover > .sections_panel { | ||
display: block; | display: block; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
.spacer { | .spacer { | ||
height: 80px; | height: 80px; | ||
| + | } | ||
| + | img#toTop{ | ||
| + | height: 30px; | ||
| + | position: fixed; | ||
| + | bottom: 5%; | ||
| + | float: right; | ||
| + | right: 2%; | ||
| + | -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */ | ||
| + | transition: height 0.5s; | ||
| + | z-index:999; | ||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> | ||
Latest revision as of 01:11, 18 October 2014
