Team:Warsaw/tabs.css

From 2010.igem.org

(Difference between revisions)
Olchowik (Talk | contribs)
(New page: #main { border: 1px solid #666; clear: both; background: #FFF3B3; padding-top: 2em; } #contents { padding: 1.5em; background: #FFFDF3; min-height: 300px; } #header { posit...)
Newer edit →

Revision as of 15:10, 1 July 2010

  1. main {

border: 1px solid #666;

clear: both;

background: #FFF3B3;

padding-top: 2em; }


  1. contents {

padding: 1.5em;

background: #FFFDF3;

min-height: 300px; }


  1. header {

position: relative;

width: 100%;

height: 3em;

width: 45em;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ }


  1. header ul#primary {

margin: 0;

padding: 0;

position: absolute;

bottom: -1px;

width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ }


  1. header ul#primary li {

display: inline;

list-style: none; }


  1. header ul#primary a,#header ul#primary span,#header ul#primary a.current {

width: 8em;

display: block;

float: left;

padding: 4px 0; margin: 1px 2px 0 0;

text-align: center;

font-family: tahoma, verdana, sans-serif;

font-size: 85%; text-decoration: none;

color: #333; }


  1. header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {

border: 1px solid #666;

border-bottom: none;

background: #FFF3B3;

padding-bottom: 6px;

margin-top: 0; }


  1. header ul#primary a {

background: #FFFAE1;

border: 1px solid #AAA;

border-bottom: none; }


  1. header ul#primary a:hover {

margin-top: 0;

border-color: #666;

background: #FFF7CD;

padding-bottom: 5px; }


  1. header ul#secondary {

position: absolute;

margin: 0;

padding: 0;

bottom: -1.4em; left: 1px;

width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ }


  1. header ul#secondary li a,#header ul#secondary li span {

width: auto;

display: block;

float: left;

padding: 0 10px;

margin: 0;

text-align: auto;

border: none;

border-right:

1px dotted #AAA;

background: none;

}


  1. header ul#secondary li a {

color: #06C;

text-decoration: underline; }


  1. header ul#secondary li a:hover {

color: #333;

background: transparent;

padding: 0 10px;

border: none;

border-right: 1px dotted #AAA; }


  1. header ul#secondary li a:active {

color: #000;

background: transparent; }


  1. header ul#secondary li:last-child a { border: none; }