|
|
| Line 1: |
Line 1: |
| - | <html><style type="text/css">
| |
| | | | |
| - | /*------------------------------------*\
| |
| - | RESET
| |
| - | \*------------------------------------*/
| |
| - |
| |
| - | //From DTU-DENMARK 2011 -> Thanks guys!
| |
| - |
| |
| - | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
| |
| - | display:none;}
| |
| - | #top-section {
| |
| - | border: none;
| |
| - | height: 0px;}
| |
| - | #content {
| |
| - | border: none;}
| |
| - | /* Removes "teams" from the menubar */
| |
| - | #menubar > ul > li:last-child {
| |
| - | display: none;}
| |
| - | /* Resizes the menubar to fik the links (default is 400px) */
| |
| - | #menubar {
| |
| - | width: auto;}
| |
| - | // Eliminating iGEM Stuff
| |
| - |
| |
| - | #contentSub {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #bodyContent{
| |
| - | background: white;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | #siteSub {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #search-controls {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | .firstHeading {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #search-controls {
| |
| - | margin-top:30px;
| |
| - | }
| |
| - |
| |
| - | #footer-box {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | /* GENERAL CONFIGURATION */
| |
| - |
| |
| - | body {
| |
| - | background: #145224; /* defines the default background color of the document*/
| |
| - |
| |
| - | /* background-image:url('https://static.igem.org/mediawiki/2012/1/1d/B_image.png'); */
| |
| - |
| |
| - | color: white; /* defines the default font-color of the document*/
| |
| - |
| |
| - | }
| |
| - | a {
| |
| - | color: blue; /* defines the default color of links */
| |
| - | }
| |
| - | a:hover {
| |
| - | color: red; /* defines the default color of links hovered by the cursor */
| |
| - | }
| |
| - |
| |
| - | /*------------------------------------*\
| |
| - | NAV
| |
| - | \*------------------------------------*/
| |
| - | #navbar{
| |
| - | width: 100%;
| |
| - | height: 33px;
| |
| - | background-color: #333;
| |
| - | border-top: 1px solid white;
| |
| - | }
| |
| - |
| |
| - | #nav{
| |
| - | list-style:none;
| |
| - | float:left;
| |
| - | width:100%;
| |
| - | font-weight: bold;
| |
| - | position:relative;
| |
| - | z-index:5;
| |
| - | }
| |
| - | #nav li{
| |
| - | float:left;
| |
| - | margin-right:0px;
| |
| - | top: 0px;
| |
| - | position:relative;
| |
| - | width: 110px;
| |
| - |
| |
| - | }
| |
| - | #nav a{
| |
| - | display:block;
| |
| - | color:#fff;
| |
| - | padding: 5px;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | #nav a:hover{
| |
| - | color:#fff;
| |
| - | background:#6b0c36;
| |
| - | text-decoration:underline;
| |
| - | }
| |
| - | #nav li: hover{
| |
| - | border-bottom: 1px solid white;
| |
| - | z-index:2;
| |
| - | }
| |
| - | /*--- DROPDOWN ---*/
| |
| - | #nav ul{
| |
| - | background:#fff;
| |
| - | list-style:none;
| |
| - | position:absolute;
| |
| - | left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
| |
| - | border-bottom: 1px solid black;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #nav ul li{
| |
| - | float:none;
| |
| - | }
| |
| - | #nav ul a{
| |
| - | }
| |
| - | #nav li:hover ul{
| |
| - | left:0px;
| |
| - | top: 0px;
| |
| - | margin-top: 29px;
| |
| - | }
| |
| - | #nav li:hover a{
| |
| - | background: #111;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | #nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | #nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
| |
| - | background:white;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | .selflink{
| |
| - | margin-top: 5px;
| |
| - | }
| |
| - |
| |
| - | .center{
| |
| - | text-align: center;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </html>
| |
"
