Template:Team:Amsterdam/stylesheet.css

From 2012.igem.org

(Difference between revisions)

Latest revision as of 22:56, 19 May 2012

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

/*Defining the columns */

total {

background-color: white; width: 100%; margin-right: auto; margin-left: auto; margin-top: auto; text-align: left;

}

header-left{

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

header-middle{

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

header-right{

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

menu {

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

centerContent {

float: left; width: 70%; border: 1px solid black; background-color: white; }

rightContent {

float: left; width: 27%; margin-left: 10px; background-color: white; }

footer {

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

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

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

nav a:hover{

   background-color:black;
   color:white;

}

nav li2{

   float:left;
   position:relative;
   width: 8em;

}

nav ul2 {

   position:absolute;
   width:8em;
   display:none;

}

nav li2 ul2 a{

   width:100%;
   border:1px solid black;
   float:left;

}

nav ul2 ul2{

   top:auto;

}

nav li2 ul2 ul2 {

   top: 0.5em;
   left:8em;
   margin:0em 0 0 1em;
   }

nav li2:hover ul2 ul2, #nav li2:hover ul2 ul2 ul2, #nav li2:hover ul2 ul2 ul2 ul2{

   display:none;
   }

nav li2:hover ul2, #nav li2 li2:hover ul2, #nav li2 li2 li2:hover ul2, #nav li2 li2 li2 li2:hover ul2{

   display:block;
   }

@@ Line 3: / Line 3: @@
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
-background-color: white;
+Background: white;
 }
@@ Line 10: / Line 10: @@
 background-color: white;
 width: 100%;
-margin-right: 0em;
+margin-right: auto;
-margin-left: 0em;
+margin-left: auto;
-margin-top: -10em;
+margin-top: auto;
 text-align: left;
 }
 #header-left{
@@ Line 39: / Line 40: @@
 float: left;
 height: 25px;
-width: 75%;
+width: 70%;
 border: 1px solid black;
 text-align: center;
@@ Line 46: / Line 47: @@
 #centerContent {
 float: left;
-width: 75%;
+width: 70%;
 border: 1px solid black;
-background-color: grey;
+background-color: white;
 }
 #rightContent {
-float: right;
+float: left;
-width: 20%;
+width: 27%;
+margin-left: 10px;
 background-color: white;
 }
 #footer {
 font-size: 10px;
-height: 14px;
 width: 100%;
 clear:both;
-text-align: center;
+height: 100px;
-background-color: white;
+margin-top: 10px;
+text-align: left;
+background-color: grey;
 }