"
Template:Team:Amsterdam/stylesheet.css
From 2012.igem.org
| (6 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: white; | |
} | } | ||
| Line 12: | Line 12: | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
| + | margin-top: auto; | ||
text-align: left; | text-align: left; | ||
| - | + | ||
} | } | ||
#header-left{ | #header-left{ | ||
| Line 39: | Line 40: | ||
float: left; | float: left; | ||
height: 25px; | height: 25px; | ||
| - | width: | + | width: 70%; |
border: 1px solid black; | border: 1px solid black; | ||
text-align: center; | text-align: center; | ||
| Line 46: | Line 47: | ||
#centerContent { | #centerContent { | ||
float: left; | float: left; | ||
| - | width: | + | width: 70%; |
border: 1px solid black; | border: 1px solid black; | ||
| - | background-color: | + | background-color: white; |
} | } | ||
#rightContent { | #rightContent { | ||
| - | float: | + | float: left; |
| - | width: | + | width: 27%; |
| + | margin-left: 10px; | ||
background-color: white; | background-color: white; | ||
} | } | ||
#footer { | #footer { | ||
font-size: 10px; | font-size: 10px; | ||
| - | |||
width: 100%; | width: 100%; | ||
clear:both; | clear:both; | ||
| - | text-align: | + | height: 100px; |
| - | background-color: | + | 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 */
- 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; }
