Template:Team:Amsterdam/Top
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style> | ||
+ | body { | ||
+ | text-align: center; | ||
+ | font-family: Arial, Helvetica, sans-serif; | ||
+ | font-size: 11px; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | /*Defining the columns */ | ||
+ | #total { | ||
+ | background-color: white; | ||
+ | width: 100%; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | margin-top: -12em; | ||
+ | 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: 75%; | ||
+ | border: 1px solid black; | ||
+ | text-align: center; | ||
+ | background-color: black; | ||
+ | } | ||
+ | #centerContent { | ||
+ | float: left; | ||
+ | width: 75%; | ||
+ | border: 1px solid black; | ||
+ | background-color: grey; | ||
+ | } | ||
+ | #rightContent { | ||
+ | float: right; | ||
+ | width: 20%; | ||
+ | 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; | ||
+ | } | ||
+ | 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; | ||
+ | } | ||
+ | </style> | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; | <meta http-equiv="Content-Type" content="text/html; | ||
charset=iso-8859-1" /> | charset=iso-8859-1" /> | ||
<title>Test page</title> | <title>Test page</title> | ||
- | |||
<script type='text/javascript' src='http://f.cl.ly/items/0E0N2k3R001J2T2q3A0D/jquery-1.2.3.min.js'></script> | <script type='text/javascript' src='http://f.cl.ly/items/0E0N2k3R001J2T2q3A0D/jquery-1.2.3.min.js'></script> | ||
<script type='text/javascript'> | <script type='text/javascript'> |
Revision as of 18:43, 19 May 2012