Team:Rutgers/css/default

From 2013.igem.org

(Difference between revisions)
(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; }

  1. sidebar ul {

list-style: none; background: black; border: 1px solid white; padding: 5px; }

  1. sidebar li {

color: black; margin: 0 0 0 10px; }

  1. sidebar {

width: 100px; position: fixed; left: 0; top: 35%; margin: 0 0 0 0px; z-index: 5; }

  1. 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 */ /****************************/

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}

/* Redesigning the topmenu */ /***************************/ body {

   margin: 10px 0 0 0;
   padding: 0;}
  1. top-section {
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar {
   font-size: 65%;
   top: -14px;}

.left-menu:hover {

   background-color: transparent;}
  1. menubar li a {
   background-color: transparent;}
  1. menubar:hover {
   color: white;}
  1. menubar li a {
   color: transparent;}
  1. menubar:hover li a {
   color: white;}
  1. menubar > ul > li:last-child {
   display:none;}