Template:Team:Amsterdam/ernst/stylesheet

From 2012.igem.org

Revision as of 12:15, 30 June 2012 by ErnstBank (Talk | contribs)

<style>

  1. top-section {

height: 0px; margin: 0px; margin-left: auto; margin-right: auto; background-color:black; margin-bottom: 0 !important; }

  1. menubar.left-menu {

background-color:black; width:975px; float:left; border: none; }

  1. menubar.right-menu li a{

background-color:black; }

  1. menubar.left-menu a {

color:white; }

  1. menubar.right-menu a {

color:white; }

  1. search-controls {

display:none; }

  1. contentgrid {

padding-left:25px; padding-right:25px; width:900px; border: 1px solid #529bc7 background-color: black; margin-left:-6px; margin-bottom:-5px; }

.firstHeading{ width: 0px; height: 0px; margin-bottom: 0px; display: none; position: relative; top:0; left:0; margin:0; }

body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: white; }

/*Defining the columns */

  1. total {

background-color: white; width: 100%; margin-right: 0em; margin-left: 0em; margin-top: 0em; text-align: left; z-index: 0; }

  1. header-left{

float: left; height: 150px; width: 25%; text-align: center; background-color: white; }

  1. header-middle{

float: left; height: 150px; width: 50%; text-align: center; background-color: white; }

  1. header-right{

float: left; height: 150px; width: 25%; text-align: center; background-color: white; }

  1. menu {

float: left; height: 25px; width: 70%; border: 1px solid black; text-align: center; background-color: black; }

  1. centerContent {

float: left; width: 70%; border: 1px solid black; background-color: grey; min-height: 400px; }

  1. rightContent {

float: right; width: 27%; background-color: white; }

  1. footer2 {

font-size: 10px; height: 100px; width: 100%; clear:both; text-align: left; background-color: white; }

/* Text styles */ p { padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; }

h3 { font-size: 36px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

h4 { font-size:20px; }

m1 { font-size: 36px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

/* Menu */

  1. nav, #nav ul2{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:2em;
}
#nav a:link, #nav a:active, #nav a:visited{
   display:block;
   padding:0em 0.5em;
   color:white;
   text-decoration:none;
   background-color:black;
}
  1. nav a:hover{
   background-color:black;
   color:white;

}

  1. nav li2{
   float:left;
   position:relative;
   width: 8em;

}

  1. nav ul2 {
   position:absolute;
   width:8em;
   display:none;

}

  1. nav li2 ul2 a{
   width:100%;
   border:1px solid black;
   float:left;

}

  1. nav ul2 ul2{
   top:auto;

}

  1. nav li2 ul2 ul2 {
   top: 0.5em;
   left:8em;
   margin:0em 0 0 1em;
   }
  1. nav li2:hover ul2 ul2, #nav li2:hover ul2 ul2 ul2, #nav li2:hover ul2 ul2 ul2 ul2{
   display:none;
   }
  1. nav li2:hover ul2, #nav li2 li2:hover ul2, #nav li2 li2 li2:hover ul2, #nav li2 li2 li2 li2:hover ul2{
   display:block;
   }

</style>