Team:TU-Delft/Templates/NewStyleSheet

From 2012.igem.org

/* CSS Document */

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

}

  1. top-section {
   border: none;
   height: 0px;

}

  1. content {
 border: none;
 height: 100%;
 margin: 0;
 padding: 0;
 width: 100%;
 position: absolute;
 background-image: url('https://static.igem.org/mediawiki/2012/1/1e/Fluroscent_Background.JPG');

}


  1. menubar > ul > li:last-child {
   display: none;}
  1. menubar {
   width: auto;}


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;}

body { padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background: url('https://static.igem.org/mediawiki/2012/1/1e/Fluroscent_Background.JPG') repeat-x top left;

       height: 100%;

}


  1. menu, #menu ul {

list-style:none; padding:0; margin:0; }

  1. menu li {

float:left; position:relative; line-height:3.5em; width:13em; }

  1. menu li ul {

position:absolute; margin-top:-1em; margin-left:.5em; /* for IE */ display:none; }

  1. menu ul li ul {

margin-top:-3em; margin-left:7em; }

  1. menu li:hover ul, #menu li.over ul {

display:block; }

  1. menu li:hover ul ul, #menu li.over ul ul {

display:none; }

  1. menu ul li:hover ul, #menu ul li.over ul {

display:block; }

  1. menu a {

display:block; border-right:1px solid #fff; background:#E0F574; color:#3B3B3B; text-decoration:none; padding:0 10px; }

  1. menu a:hover {

background-color:#5798B4; color:#fff; }

  1. menu ul {

border-top:1px solid #fff; }

  1. menu ul a {

border-right:none; border-right:1px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; background:#AEC245; }


  1. menu {

z-index:1; }

  1. menu ul {

z-index:2; }

  1. menu ul ul {

z-index:3; }

.boxWrap {

 border: 1px solid #CCCCCC;
 background-color: #F5F5F5;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);    /* Old Mozilla Versions */
 border-radius: 15px;
 -moz-border-radius: 15px;
 padding: 15px;

}

.boxWrap {

 max-width: 1000px;

}