From 2012.igem.org
(Difference between revisions)
|
|
(2 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | body {
| + | asdasd |
- | text-align: center;
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | font-size: 11px;
| + | |
- | background-color: white;
| + | |
- | }
| + | |
- | | + | |
- | /*Defining the columns */
| + | |
- | #total {
| + | |
- | background-color: white;
| + | |
- | width: 1000px;
| + | |
- | margin-right: auto;
| + | |
- | margin-left: auto;
| + | |
- | text-align: left;
| + | |
- | }
| + | |
- | #header-left{
| + | |
- | float: left;
| + | |
- | height: 150px;
| + | |
- | width: 250px;
| + | |
- | text-align: center;
| + | |
- | background-color: white;
| + | |
- | }
| + | |
- | #header-middle{
| + | |
- | float: left;
| + | |
- | height: 150px;
| + | |
- | width: 500px;
| + | |
- | text-align: center;
| + | |
- | background-color: white;
| + | |
- | }
| + | |
- | #header-right{
| + | |
- | float: left;
| + | |
- | height: 150px;
| + | |
- | width: 250px;
| + | |
- | text-align: center;
| + | |
- | background-color: white;
| + | |
- | }
| + | |
- | #menu {
| + | |
- | float: left;
| + | |
- | height: 25px;
| + | |
- | width: 750px;
| + | |
- | border: 1px solid black;
| + | |
- | text-align: center;
| + | |
- | background-color: black;
| + | |
- | }
| + | |
- | #centerContent {
| + | |
- | float: left;
| + | |
- | width: 750px;
| + | |
- | border: 1px solid black;
| + | |
- | background-color: grey;
| + | |
- | }
| + | |
- | #rightContent {
| + | |
- | float: right;
| + | |
- | width: 200px;
| + | |
- | background-color: white;
| + | |
- | }
| + | |
- | #footer {
| + | |
- | font-size: 10px;
| + | |
- | height: 14px;
| + | |
- | width: 100%;
| + | |
- | clear:both;
| + | |
- | text-align: center;
| + | |
- | background-color: white;
| + | |
- | }
| + | |
- | | + | |
- | /* Text styles */
| + | |
- | p {
| + | |
- | padding: 0px;
| + | |
- | margin-top: 5px;
| + | |
- | margin-right: 0px;
| + | |
- | margin-bottom: 7px;
| + | |
- | margin-left: 0px;
| + | |
- | }
| + | |
- | h1 {
| + | |
- | 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 ul{
| + | |
- | 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:0px 5px;
| + | |
- | border:1px solid black;
| + | |
- | color:white;
| + | |
- | text-decoration:none;
| + | |
- | background-color:black;
| + | |
- | }
| + | |
- | | + | |
- | #nav a:hover{
| + | |
- | background-color:black;
| + | |
- | color:white;
| + | |
- | }
| + | |
- | #nav li{
| + | |
- | float:left;
| + | |
- | position:relative;
| + | |
- | width: 100px;
| + | |
- | }
| + | |
- | #nav ul {
| + | |
- | position:absolute;
| + | |
- | width:100px;
| + | |
- | top:2em;
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #nav li ul a{
| + | |
- | width:100px;
| + | |
- | float:left;
| + | |
- | }
| + | |
- | #nav ul ul{
| + | |
- | top:auto;
| + | |
- | }
| + | |
- | | + | |
- | #nav li ul ul {
| + | |
- | top: 10px;
| + | |
- | left:100px;
| + | |
- | margin:0px 0 0 10px;
| + | |
- | }
| + | |
- | | + | |
- | #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
| + | |
- | display:block;
| + | |
- | }
| + | |
Latest revision as of 13:41, 17 May 2012
asdasd