Team:SDU-Denmark/css2
From 2010.igem.org
(Difference between revisions)
(220 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | /* Wiki Hacks - START */ | ||
+ | /* Author: Pieter van Boheemen */ | ||
+ | /* Team: TU Delft */ | ||
+ | #globalWrapper { border: none; margin: 0; padding: 0; width: 100%; height:100%; background-image: url(https://static.igem.org/mediawiki/2010/e/e8/Gbwrapbg.gif);} | ||
+ | #content { background-image: url(https://static.igem.org/mediawiki/2010/6/63/Team-SDU-Denmark-bstract-flow.jpg); border: none; padding: 0; margin: 0; width: 100%; height:100%; overflow: hidden;} | ||
+ | #bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;} | ||
+ | #top-section { height: 16px; margin-top: 0; left: 50%; margin-left: -581px; margin-right: auto; margin-bottom: 0 !important; padding:0; border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #5873f8; font-size: 10px; background-color: #58cf41;} | ||
+ | #p-logo { height:1px; overflow:hidden; display: none;} | ||
+ | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;} | ||
+ | .left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right; color: #ffffff;} | ||
+ | .left-menu ul { border: none; } | ||
+ | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none; color:} | ||
+ | .right-menu ul { border: none; width: 300px;} | ||
+ | #footer-box { border: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;} | ||
+ | .visualClear { display: none; } | ||
+ | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;} | ||
+ | #f-list a { color: #333; font-size: 10px;} | ||
+ | #f-list a:hover { color: #666;} | ||
+ | .printfooter { display: none; } | ||
+ | #footer ul { margin: 0; padding: 0;} | ||
+ | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;} | ||
+ | #search-controls { display:none; } | ||
+ | h3#siteSub { display: none;} | ||
+ | #contentSub {display: none;} | ||
+ | /* Wiki Hacks - END */ | ||
+ | |||
.firstHeading { | .firstHeading { | ||
Line 6: | Line 33: | ||
} | } | ||
- | + | ul#topnav { | |
- | a | + | margin-top: -7px; |
- | a:hover { color: #6982f9; text-decoration: none;} | + | padding: 0; |
+ | float: left; | ||
+ | width: 823px; | ||
+ | list-style: none; | ||
+ | position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ | ||
+ | font-family: verdana, sans-serif; | ||
+ | font-size: 17px; | ||
+ | font-weight: bold; | ||
+ | background: url(Navibg.jpg) repeat-x; | ||
+ | } | ||
+ | |||
+ | ul#topnav li { | ||
+ | float: left; | ||
+ | margin: 0; padding: 0; | ||
+ | border-right: //1px solid #555; /*--Divider for each parent level links--*/ | ||
+ | } | ||
+ | |||
+ | ul#topnav li a { | ||
+ | padding: 10px 15px; | ||
+ | display: block; | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul#topnav li a:hover { | ||
+ | color: #6982f9; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul#topnav li:hover { | ||
+ | }/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/ | ||
+ | |||
+ | ul#topnav li span { | ||
+ | float: left; | ||
+ | padding: 15px 0; | ||
+ | position: absolute; | ||
+ | left: 0; top:25px; | ||
+ | display: none; /*--Hide by default--*/ | ||
+ | width: 705px; | ||
+ | color: #6982f9; | ||
+ | text-align: center; | ||
+ | /*--Bottom right rounded corner--*/ | ||
+ | -moz-border-radius-bottomright: 5px; | ||
+ | -khtml-border-radius-bottomright: 5px; | ||
+ | -webkit-border-bottom-right-radius: 5px; | ||
+ | /*--Bottom left rounded corner--*/ | ||
+ | -moz-border-radius-bottomleft: 5px; | ||
+ | -khtml-border-radius-bottomleft: 5px; | ||
+ | -webkit-border-bottom-left-radius: 5px; | ||
+ | } | ||
+ | |||
+ | ul#topnav li:hover span { | ||
+ | display: block; | ||
+ | } /*--Show subnav on hover--*/ | ||
+ | |||
+ | ul#topnav li span a { | ||
+ | display: inline; font-size: 12px; color: #6982f9; | ||
+ | } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ | ||
+ | |||
+ | ul#topnav li span a:hover { | ||
+ | text-decoration: underline; color: #6982f9; | ||
+ | } | ||
#header { | #header { | ||
position: absolute; | position: absolute; | ||
top: 5px; | top: 5px; | ||
- | left: | + | left: 50%; |
+ | margin-left: -411px; | ||
width: 823px; | width: 823px; | ||
height: 74px; | height: 74px; | ||
Line 22: | Line 112: | ||
position: absolute; | position: absolute; | ||
top: 79px; | top: 79px; | ||
- | left: | + | left: 50%; |
+ | margin-left: -411px; | ||
width: 823px; | width: 823px; | ||
height: 36px; | height: 36px; | ||
- | + | background-image: url(https://static.igem.org/mediawiki/2010/7/7f/Team-SDU-Denmark-Navibg.jpg) | |
- | + | } | |
+ | |||
+ | #return { | ||
+ | float: right; | ||
+ | margin-top: 50px; | ||
+ | margin-right: 10px; | ||
font-weight: bold; | font-weight: bold; | ||
- | |||
- | |||
} | } | ||
#subnavi { | #subnavi { | ||
position: relative; | position: relative; | ||
- | margin-top: | + | margin-top: 140px; |
- | margin-left: | + | left: 50%; |
+ | margin-left: -411px; | ||
width: 823px; | width: 823px; | ||
} | } | ||
+ | |||
+ | #leftcolumn { | ||
+ | float: left; | ||
+ | width: 630px; | ||
+ | padding: 10px; | ||
+ | border: 1px solid #5873f8; | ||
+ | border-bottom: 2px solid #5873f8; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | background-color: #ffffff; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #parts { | ||
+ | float: left; | ||
+ | width: 800px; | ||
+ | padding: 10px; | ||
+ | border: 1px solid #5873f8; | ||
+ | border-bottom: 2px solid #5873f8; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | background-color: #ffffff; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #rightcolumn { | ||
+ | float: right; | ||
+ | width: 150px; | ||
+ | padding: 7px; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #5873f8; | ||
+ | border-bottom: 2px solid #5873f8; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | font-family: verdana, sans-serif; | ||
+ | font-size: 11px; | ||
+ | color: #6982f9; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | #bonus a:link{ | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #bonus a:hover{ | ||
+ | color: #5873f8; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sponsor { | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | <!-- | ||
+ | a:link {color: #5873F8; text-decoration: none; } | ||
+ | a:active {color: #5873F8; text-decoration: none; } | ||
+ | a:visited {color: #5873F8; text-decoration: none; } | ||
+ | a:hover {color: #50CC38; text-decoration: underline; } | ||
+ | --> | ||
+ | |||
</style> | </style> |
Latest revision as of 03:37, 28 October 2010