Team:Rutgers/css/default
From 2013.igem.org
(Created page with "- →General Blueprint Style: @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); @font-face { font-family: 'bpicons'; src:url('../fonts/bpicons/bpicons.eot')...") |
|||
Line 106: | Line 106: | ||
} | } | ||
} | } | ||
+ | |||
+ | |||
+ | /* Removing wiki-like stuff */ | ||
+ | /****************************/ | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | |||
+ | /* Redesigning the topmenu */ | ||
+ | /***************************/ | ||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0;} | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | font-size: 65%; | ||
+ | top: -14px;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: white;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: white;} | ||
+ | #menubar > ul > li:last-child { | ||
+ | display:none;} |
Revision as of 01:19, 27 September 2013
/* General Blueprint Style */ @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700); @font-face { font-family: 'bpicons'; src:url('../fonts/bpicons/bpicons.eot'); src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'), url('../fonts/bpicons/bpicons.woff') format('woff'), url('../fonts/bpicons/bpicons.ttf') format('truetype'), url('../fonts/bpicons/bpicons.svg#bpicons') format('svg'); font-weight: normal; font-style: normal; } /* Made with http://icomoon.io/ */
- , *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; }
body {
font-family: 'Lato', Calibri, Arial, sans-serif; color: #ff0000; background-color: black;
}
a { color: #f0f0f0; text-decoration: none; }
a:hover { color: #000; }
.container > header { margin: 0 auto; position: relative; max-width: 69em; padding: 2em; }
.container > header img { margin: 0 auto; width: 100%; text-align: center; }
.main { width: 80%; padding: 1em; margin: 0 auto; }
.container > header h1 { font-size: 5em; /*line-height: 200px; margin: 0 0 0.6em 0;*/ font-weight: 400; }
- sidebar ul {
list-style: none; background: black; border: 1px solid white; padding: 5px; }
- sidebar li {
color: black; margin: 0 0 0 10px; }
- sidebar {
width: 100px; position: fixed; left: 0; top: 35%; margin: 0 0 0 0px; z-index: 5; }
- sidebar a:hover {
color: red; }
@media screen and (max-width: 55em) {
#sidebar { display: none; }
.container > header h1, .container > header nav { float: none; }
.container > header > span, .container > header h1 { text-align: center; }
.container > header nav { margin: 0 auto; }
.container > header > span { text-indent: 30px; } }
/* Removing wiki-like stuff */
/****************************/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
/* Redesigning the topmenu */ /***************************/ body {
margin: 10px 0 0 0; padding: 0;}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- menubar {
font-size: 65%; top: -14px;}
.left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: white;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: white;}
- menubar > ul > li:last-child {
display:none;}