Template:Team:Amsterdam/stylesheet.css

From 2012.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 3: Line 3:
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-size: 11px;
-
background-color: white;
+
Background: white;
-
}
+
-
 
+
-
/* Hide useless iGEM default header */
+
-
 
+
-
div#top-section{ /*the div containing the entire top bar*/
+
-
 
+
-
height: 20px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-bottom: 0px !important;
+
-
margin-top: -14px;
+
-
padding:0px 0px 0px 0px;;
+
-
border: none;
+
-
width: 100%;
+
-
background: none;
+
-
color: black;
+
-
position:absolute;
+
-
}
+
-
 
+
-
#p-logo { /*the header image*/
+
-
height:0px;
+
-
overflow:hidden;
+
-
border:none;
+
-
}
+
-
 
+
-
#content{
+
-
margin-top: 14px;
+
-
}
+
-
 
+
-
#search-controls {
+
-
overflow:hidden;
+
-
display:none;
+
-
background: none;
+
-
position: absolute;
+
-
top: 170px;
+
-
right: 40px;
+
-
}
+
-
 
+
-
 
+
-
div#header {
+
-
width: 975px;
+
-
text-align: left;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
margin-bottom: 0px !important;
+
-
+
-
 
+
-
#menubar {
+
-
position: absolute;
+
-
background: none;
+
-
color: black;
+
-
}
+
-
 
+
-
.left-menu, .right-menu{
+
-
position: absolute;
+
-
background: none;
+
-
color: white;
+
-
}
+
-
 
+
-
.left-menu li, .right-menu li a {
+
-
color: transparent !important;
+
-
}
+
-
 
+
-
 
+
-
.left-menu ul li, .right-menu ul li a{
+
-
background: none;
+
-
color: white;
+
-
}
+
-
 
+
-
.right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
+
-
    color: white !important;
+
}
}
Line 81: Line 10:
background-color: white;
background-color: white;
width: 100%;
width: 100%;
-
margin-right: 0em;
+
margin-right: auto;
-
margin-left: 0em;
+
margin-left: auto;
-
margin-top: -10em;
+
margin-top: auto;
text-align: left;
text-align: left;
 +
}
}
#header-left{
#header-left{
Line 110: Line 40:
float: left;
float: left;
height: 25px;
height: 25px;
-
width: 75%;
+
width: 70%;
border: 1px solid black;
border: 1px solid black;
text-align: center;
text-align: center;
Line 117: Line 47:
#centerContent {
#centerContent {
float: left;
float: left;
-
width: 75%;
+
width: 70%;
border: 1px solid black;
border: 1px solid black;
-
background-color: grey;
+
background-color: white;
}
}
#rightContent {
#rightContent {
-
float: right;
+
float: left;
-
width: 20%;
+
width: 27%;
 +
margin-left: 10px;
background-color: white;
background-color: white;
}
}
#footer {
#footer {
font-size: 10px;
font-size: 10px;
-
height: 14px;
 
width: 100%;
width: 100%;
clear:both;
clear:both;
-
text-align: center;
+
height: 100px;
-
background-color: white;
+
margin-top: 10px;
 +
text-align: left;
 +
background-color: grey;
}
}

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

  1. total {

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

}

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

  1. rightContent {

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

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

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