Team:BCCS-Bristol/mainCSS.css
From 2010.igem.org
(Difference between revisions)
(28 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
font-family: "Trebuchet MS", Helvetica, sans-serif; | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
font-size: 1.14em; | font-size: 1.14em; | ||
- | background-color:# | + | background-color:#fffadf; |
- | + | } | |
#bodyContent { | #bodyContent { | ||
margin:0 auto; | margin:0 auto; | ||
- | |||
- | |||
width:64em; | width:64em; | ||
+ | background-color:#fffbe2; | ||
} | } | ||
Line 32: | Line 31: | ||
background-color:#FFEBD8; | background-color:#FFEBD8; | ||
border-bottom: 1px solid #77A541; | border-bottom: 1px solid #77A541; | ||
+ | } | ||
+ | |||
+ | h2, h3, h4, h5, h6 { | ||
+ | color:#6c9041; | ||
} | } | ||
h2 { | h2 { | ||
- | |||
background: #FFF0E2; | background: #FFF0E2; | ||
border:0; | border:0; | ||
border-top: 1px solid #B0BEA1; | border-top: 1px solid #B0BEA1; | ||
- | color: | + | } |
+ | |||
+ | table, div.tright ,div.tleft, div.thumb, table.gallery, .gallerytext, table.gallery td { | ||
+ | background-color:#fffbe2; | ||
+ | border-color:#fffbe2; | ||
+ | } | ||
+ | |||
+ | table.gallery{ | ||
+ | margin:auto; | ||
+ | } | ||
+ | |||
+ | table.gallery td{ | ||
+ | border-color:#fff9d2; | ||
+ | } | ||
+ | |||
+ | #toc, .toc{ | ||
+ | background-color:#fff4aa; | ||
} | } | ||
Line 52: | Line 70: | ||
#header_image{ | #header_image{ | ||
+ | border:0; | ||
+ | padding:0; | ||
+ | margin:0; | ||
position: relative; | position: relative; | ||
width: 64em; | width: 64em; | ||
height: 10em; | height: 10em; | ||
background: url('https://static.igem.org/mediawiki/2010/2/27/BCCS_Wheat2.JPG'); | background: url('https://static.igem.org/mediawiki/2010/2/27/BCCS_Wheat2.JPG'); | ||
- | clear: both; | + | clear: both; |
} | } | ||
Line 155: | Line 176: | ||
ul#nav li > a { | ul#nav li > a { | ||
- | background: # | + | background: #F8FEF1; |
color: black; | color: black; | ||
} | } | ||
Line 162: | Line 183: | ||
color: #F1FEE1; | color: #F1FEE1; | ||
background: #77A541; | background: #77A541; | ||
- | } /*menu text | + | } /*menu text mouseover */ |
ul#nav > li > a { | ul#nav > li > a { |
Latest revision as of 19:55, 27 October 2010
/************
GENERAL
- /
- content {
font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; background-color:#fffadf;
}
- bodyContent {
margin:0 auto; width:64em; background-color:#fffbe2;
}
- headwrapper {
border:0; margin:0 auto; padding:0; width:64em;
}
h1.firstHeading {
display:none;
}
h1 {
color: #77A541; text-align:center; background-color:#FFEBD8; border-bottom: 1px solid #77A541;
}
h2, h3, h4, h5, h6 {
color:#6c9041;
}
h2 {
background: #FFF0E2; border:0; border-top: 1px solid #B0BEA1;
}
table, div.tright ,div.tleft, div.thumb, table.gallery, .gallerytext, table.gallery td {
background-color:#fffbe2; border-color:#fffbe2;
}
table.gallery{
margin:auto;
}
table.gallery td{
border-color:#fff9d2;
}
- toc, .toc{
background-color:#fff4aa;
}
.panel img {
width: 200px;
} /*width of the boxes at the bottom */
/*********
Header
- /
- header_image{
border:0; padding:0; margin:0; position: relative; width: 64em; height: 10em; background: url('https://static.igem.org/mediawiki/2010/2/27/BCCS_Wheat2.JPG'); clear: both;
}
- header_blend{
position: absolute; bottom: 0; z-index: 2; width: 64em; height: 4em; background: #fff8ca; opacity:0.5; filter:alpha(opacity=50); border-top: 0.2em solid #ffee8d;>
}
- header_text{
position: absolute; bottom: 0.5em; right: 2em; color: black; z-index: 3; font-size: 1.5em;
}
/*********
Navigation
- /
ul#nav, ul#nav ul {
padding:0; margin:0; list-style-type: none; list-style-image: none
}
ul#nav {
left: 0.5em; z-index:500;
}
ul#nav ul {
display: none;
}
ul#nav li {
float:left; margin:0 auto; position:relative;
}
ul#nav a {
display:block; width:11.5em; font-size:1em; height:2em; line-height:2em; /* ul#nav a height */ text-decoration:none; text-indent:0.5em;
}
ul#nav .subList a {
width:11.5em; padding-left:1em; font-size:0.8em; font-style:italic;
}
ul#nav li:hover > ul {
display:block; position:absolute; left:11.5em; /* ul#nav a width */ top:0;
}
ul#nav > li:hover > ul {
left:0; top:2.6em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */
}
ul#nav > li {
border: 0.5em solid #fff8ca; background: #003366;
}
ul#nav > li:first-child {
-moz-border-radius-topleft: 0.0em;
}
ul#nav > li:last-child {
-moz-border-radius-topright: 0.0em;
}
ul#nav li > ul {
border: 0.1em solid #000; -moz-border-radius: 0.1em;
}
ul#nav li > a {
background: #F8FEF1; color: black;
}
ul#nav li:hover > a {
color: #F1FEE1; background: #77A541;
} /*menu text mouseover */
ul#nav > li > a {
color:#000; background: #f1fee1; border: 0.1em solid #585858; font-weight:bold;
} /*menu text properties*/
ul#nav > li:hover > a { }
- navwrapper {
border:0; margin:0; padding:0; width:64em; height:3.2em; background-color:#fff8ca;
}