Team:Groningen/CSS/DefaultPage

From 2013.igem.org

Revision as of 18:56, 23 July 2013 by Tycho (Talk | contribs)

/*Splitting into two columns*/

  1. header {
 clear:both;
 float:left;
 width:100%;

}


  1. footer {
 clear:both;
 width:100%;
 border-top:1px solid #000;

}

  1. layoutdims {

clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */

       min-width: 700px;

} /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; }

.mainContent{ float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } .navigation{ float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden;

} .widgets { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { background:#eee; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ background:#fff; /* center column background colour */ } .threecol .colleft { right:51%; /* width of the middle column */ background:#f4f4f4; /* left column background colour */ } .threecol .mainContent { width:46%; /* width of center column content (column width minus padding on either side) */ left:0.5%; /* 100% plus left padding of center column */ background:#F70000;

} .threecol .navigation { width:200px; /* Width of left column content (column width minus padding on either side) */ left:0.5%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */

       min-height: 600px;  

background: yellow;

   display: inline-block;
     

} .threecol .widgets {

       float: right;

width:21%; /* Width of right column content (column width minus padding on either side) */ (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ background: black;

   display: inline-block;

}


/*Suppress iGEM defaults from iGEM 2012 Groningen*/ a[title="Main Page"]{display: none;} .firstHeading{display: none;} .noprint{display: none;}

  1. menubar{

display: block; background-color:transparent; }

  1. top-section {
   position: relative;
   height: 0px;
   width: 99%;
  1. margin-left: 10px;

margin: 0 auto 0 auto;

   border-left: 1px solid #44444;
   border-right: 1px solid #44444;
   border-bottom: 1px solid #44444;

}

  1. content {
   position: relative;
   width:  99%;
  1. margin-left: 10px;

margin: 0 auto;

   padding: 5px 5px 5px 5px;;
   background: white;
   color: black;
   border-left: 1px solid #444444;
   border-right: 1px solid #444444;
   line-height: 1.5em;
   z-index: 2;

}

/* scale back up to a sane default */

  1. globalWrapper {
   position: relative;
   font-size: 127%;
   width: 99%;
   margin: 0;
   padding: 0;
   padding-bottom: 10px;

}

  1. search-controls{display: none;}
  2. contentSub{display: none;}
  3. catlinks{display: none;}
  4. footer-box{display: none;}
  5. p-logo{display: block;}

/* Remove comments to remove links towards accounts etc */ /*#top-section { display: block; position: relative; height: 98px; width: 975px; margin: -20px auto; TODO put correct colours here! border-left: 1px solid rgb(118,28,17); border-right: 1px solid rgb(118,28,17); border-bottom: 1px solid rgb(118,28,17); }*/

<script type="text/javascript">

   $(document).ready(function() {
       $("p").filter( function() {
           return $.trim($(this).html()) == ;
       }).remove()
   });

</script>