From 2012.igem.org
(Difference between revisions)
|
|
(18 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
- | <style> | + | <script> <!-- Script that fixes the column heights --> |
- | body {
| + | var height = Math.max($("#main-sidebar-right").height(),$("#main-content").height()); |
- | text-align: center;
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | font-size: 11px;
| + | |
- | Background: white;
| + | |
- | }
| + | |
| | | |
- | /*Defining the columns */
| + | $("#main-sidebar-right").css({ height: height}); |
- | #total { | + | $("#main-content").css({ height: height}); |
- | background-color: white;
| + | </script> |
- | width: 100%;
| + | </div><!-- Is opened in header (id=main-bg) --> |
- | margin-right: auto;
| + | <div id="footer"> |
- | 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;
| |
- | }
| |
- | </style>
| |
- | <head>
| |
- | </head>
| |
- | <body>
| |
- | <div id="footer">
| |
- | <a href="http://www.uva.nl"><img src="http://www.uva.nl/template/skins/uva/gfx/uva-nl.jpg" height="50"></img></a>
| |
- | <a href="http://www.vu.nl"><img src="http://www.vu.nl/nl/Images/VUlogo_NL_530px_tcm9-201740.png" height="50"></a>
| |
| </div> | | </div> |
- | </body> | + | </div> <!-- Is opened in header (id=main) --> |
| </html> | | </html> |
Latest revision as of 14:20, 26 September 2012