Team:Rutgers/css/default
From 2013.igem.org
Line 1: | Line 1: | ||
- | |||
/* Removing wiki-like stuff */ | /* Removing wiki-like stuff */ | ||
/****************************/ | /****************************/ | ||
Line 11: | Line 10: | ||
padding: 0;} | padding: 0;} | ||
#top-section { | #top-section { | ||
- | + | /* width: 965px; */ | |
height: 0; | height: 0; | ||
margin: 0 auto; | margin: 0 auto; |
Revision as of 21:39, 27 September 2013
/* 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;}
/* 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; } }