Team:Warsaw/tabs.css

From 2010.igem.org

(Difference between revisions)
(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...)
 
(One intermediate revision not shown)
Line 8: Line 8:
padding-top: 2em;
padding-top: 2em;
}
}
-
 
-
 
#contents {
#contents {
padding: 1.5em;
padding: 1.5em;
Line 17: Line 15:
min-height: 300px;
min-height: 300px;
}
}
-
 
-
 
#header {
#header {
position: relative;
position: relative;
Line 28: Line 24:
width: 45em;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
width: 45em;/* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
}
-
 
-
 
#header ul#primary {
#header ul#primary {
margin: 0;
margin: 0;
Line 41: Line 35:
width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
}
-
 
-
 
#header ul#primary li  {
#header ul#primary li  {
display: inline;
display: inline;
Line 48: Line 40:
list-style: none;
list-style: none;
}
}
-
 
-
 
#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
width: 8em;
width: 8em;
Line 69: Line 59:
color: #333;
color: #333;
}
}
-
 
-
 
#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
border: 1px solid #666;
border: 1px solid #666;
Line 82: Line 70:
margin-top: 0;
margin-top: 0;
}
}
-
 
-
 
#header ul#primary a {
#header ul#primary a {
background: #FFFAE1;
background: #FFFAE1;
Line 91: Line 77:
border-bottom: none;
border-bottom: none;
}
}
-
 
-
 
#header ul#primary a:hover {
#header ul#primary a:hover {
margin-top: 0;
margin-top: 0;
Line 102: Line 86:
padding-bottom: 5px;
padding-bottom: 5px;
}
}
-
 
-
 
#header ul#secondary {
#header ul#secondary {
position: absolute;
position: absolute;
Line 116: Line 98:
width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
}
-
 
-
 
#header ul#secondary li a,#header ul#secondary li span {
#header ul#secondary li a,#header ul#secondary li span {
width: auto;
width: auto;
Line 134: Line 114:
border-right:
border-right:
-
1px dotted #AAA;
+
       
 +
        1px dotted #AAA;
background: none;
background: none;
}
}
-
 
-
 
#header ul#secondary li a {
#header ul#secondary li a {
color: #06C;
color: #06C;
Line 146: Line 125:
text-decoration: underline;
text-decoration: underline;
}
}
-
 
-
 
#header ul#secondary li a:hover {
#header ul#secondary li a:hover {
color: #333;
color: #333;
Line 159: Line 136:
border-right: 1px dotted #AAA;
border-right: 1px dotted #AAA;
}
}
-
 
-
 
#header ul#secondary li a:active {
#header ul#secondary li a:active {
color: #000;
color: #000;
background: transparent;
background: transparent;
-
}
+
}#header ul#secondary li:last-child a { border: none; }
-
 
+
-
 
+
-
#header ul#secondary li:last-child a { border: none; }
+

Latest revision as of 15:13, 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; }#header ul#secondary li:last-child a { border: none; }