Team:McMaster-Ontario/css
From 2012.igem.org
(130 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | /* 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; | ||
+ | } |
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; }