Team:McMaster-Ontario/css
From 2012.igem.org
(168 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | /* Converts generic template into empty one. | |
- | + | Ne touche pas */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#content { | #content { | ||
- | + | border: none; | |
- | + | background-color: transparent; | |
+ | width:100%; | ||
+ | margin:0; | ||
+ | padding:0; | ||
} | } | ||
- | |||
#catlinks { | #catlinks { | ||
- | + | display: none; | |
- | + | ||
} | } | ||
- | + | #footer-box { | |
- | + | display: none; | |
- | #footer-box { | + | height: 0px; |
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#p-logo { | #p-logo { | ||
- | + | display: none; | |
} | } | ||
- | |||
#top-section { | #top-section { | ||
- | + | border: none; | |
- | + | height: 0px; | |
} | } | ||
- | + | .firstHeading { | |
- | .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; }