"
Team:Calgary/Sandbox
From 2012.igem.org
(Difference between revisions)
| Line 5: | Line 5: | ||
--> | --> | ||
<style> | <style> | ||
| + | /*** | ||
| + | Minimal header: removes the search bar and header image and readjusts font colours in the menus. | ||
| + | |||
| + | Thanks a lot to the 2011 Brown-Stanford iGEM team for snippets of their code! | ||
| + | Check out their wiki at https://2011.igem.org/Team:Brown-Stanford | ||
| + | ***/ | ||
| + | |||
| + | div#top-section{ /*the div containing the entire top bar*/ | ||
| + | height: 20px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | margin-bottom: 0px !important; | ||
| + | margin-top: -14px; | ||
| + | padding:0px 0px 0px 0px;; | ||
| + | border: none; | ||
| + | width: 100%; | ||
| + | background: none; | ||
| + | color: black; | ||
| + | position:absolute; | ||
| + | } | ||
| + | |||
| + | #p-logo { /*the header image*/ | ||
| + | height:0px; | ||
| + | overflow:hidden; | ||
| + | border:none; | ||
| + | } | ||
| + | |||
| + | #content{ | ||
| + | margin-top: 14px; | ||
| + | } | ||
| + | |||
| + | #search-controls { | ||
| + | overflow:hidden; | ||
| + | display:none; | ||
| + | background: none; | ||
| + | position: absolute; | ||
| + | top: 170px; | ||
| + | right: 40px; | ||
| + | } | ||
| + | |||
| + | |||
| + | div#header { | ||
| + | width: 975px; | ||
| + | text-align: left; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | margin-bottom: 0px !important; | ||
| + | } | ||
| + | |||
| + | #menubar { | ||
| + | position: absolute; | ||
| + | background: none; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | .left-menu, .right-menu{ | ||
| + | position: absolute; | ||
| + | background: none; | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | .left-menu li, .right-menu li a { | ||
| + | color: transparent !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | .left-menu ul li, .right-menu ul li a{ | ||
| + | background: none; | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { | ||
| + | color: white !important; | ||
| + | } | ||
| + | |||
| + | /***End minimal header***/ | ||
| + | |||
| + | /*Desktop styles*/ | ||
@media only screen and (min-device-width:481px){ | @media only screen and (min-device-width:481px){ | ||
p{ | p{ | ||
| Line 18: | Line 96: | ||
} | } | ||
| + | /*Typical smartphone device styles*/ | ||
@media only screen and (max-device-width:480px){ | @media only screen and (max-device-width:480px){ | ||
p{ | p{ | ||
| Line 28: | Line 107: | ||
} | } | ||
| + | /*Hi-res smartphone device styles*/ | ||
@media (-webkit-min-device-pixel-ratio: 1.5), | @media (-webkit-min-device-pixel-ratio: 1.5), | ||
(-o-min-device-pixel-ratio: 3/2), | (-o-min-device-pixel-ratio: 3/2), | ||
Revision as of 16:38, 25 May 2012
This is a paragraph.
