Team:McMaster-Ontario/css
From 2012.igem.org
(89 intermediate revisions not shown) | |||
Line 43: | Line 43: | ||
#globalWrapper { | #globalWrapper { | ||
margin: 0; | margin: 0; | ||
- | padding: | + | padding: 0px; |
- | + | overflow: hidden; | |
+ | } | ||
+ | #menubar ul { | ||
+ | position: fixed; | ||
+ | -webkit-transform: translateZ(0); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | #menubar li a { | ||
+ | background: none; | ||
} | } | ||
/*End of Line*/ | /*End of Line*/ | ||
Line 57: | Line 65: | ||
#navbar { | #navbar { | ||
float: right; | float: right; | ||
+ | line-height: 70px; | ||
+ | height: 70px; | ||
} | } | ||
#navbar .nav { | #navbar .nav { | ||
list-style: none; | list-style: none; | ||
- | |||
display: block; | display: block; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #content li { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | line-height: 112px; | ||
+ | padding: 0 15px 0 15px; | ||
+ | font-weight: 900; | ||
+ | font-size: 1.25em; | ||
+ | } | ||
+ | |||
+ | #content li a:link { | ||
+ | color: grey; | ||
+ | } | ||
+ | #content li a:visited { | ||
+ | color: grey; | ||
+ | } | ||
+ | #content li a:hover { | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #header { | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | height: 112px; | ||
+ | width: 100%; | ||
+ | background: black; | ||
+ | -webkit-transform: translateZ(0); | ||
+ | z-index: 1; | ||
+ | opacity: 0.9; | ||
+ | } | ||
+ | p { | ||
+ | margin: 0.5em; | ||
+ | } | ||
+ | div .section { | ||
+ | width: 100%; | ||
+ | background: black; | ||
+ | background-size: 1500px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: top; | ||
+ | padding: 50px 0px 50px 0px; | ||
} | } | ||
- | + | div .content { | |
- | + | width: 50%; | |
+ | margin: 0 auto 0 auto; | ||
+ | background: rgba(255,255,255,0.8); | ||
+ | padding: 50px; | ||
} | } |
Latest revision as of 16:16, 10 May 2013
/* Converts generic template into empty one.
Ne touche pas */
- content {
border: none; background-color: transparent; width:100%; margin:0; padding:0; }
- catlinks {
display: none; }
- footer-box {
display: none; height: 0px; }
- p-logo {
display: none; }
- top-section {
border: none; height: 0px; } .firstHeading { display: none; }
- search-controls {
display: none; } input.searchButton:hover { color: #B41111; } input.searchButton { color: #ffffff; } p { margin: 0; padding: 0; } div .visualClear { display: none; }
- globalWrapper {
margin: 0; padding: 0px; overflow: hidden; }
- menubar ul {
position: fixed; -webkit-transform: translateZ(0); z-index: 1; }
- menubar li a {
background: none; } /*End of Line*/
body { background: black; }
- navbar {
float: right; line-height: 70px; height: 70px; }
- navbar .nav {
list-style: none; display: block; margin: 0; }
- content li {
display: block; float: left; line-height: 112px; padding: 0 15px 0 15px; font-weight: 900; font-size: 1.25em; }
- content li a:link {
color: grey; }
- content li a:visited {
color: grey; }
- content li a:hover {
color: white; text-decoration: none; }
- header {
position: fixed; left: 0; top: 0; height: 112px; width: 100%; background: black; -webkit-transform: translateZ(0); z-index: 1; opacity: 0.9; } p { margin: 0.5em; } div .section { width: 100%; background: black; background-size: 1500px; background-repeat: no-repeat; background-position: top; padding: 50px 0px 50px 0px; } div .content { width: 50%; margin: 0 auto 0 auto; background: rgba(255,255,255,0.8); padding: 50px; }