Team:BCCS-Bristol/mainCSS.css

From 2010.igem.org

(Difference between revisions)
Line 28: Line 28:
h1 {
h1 {
-
  color:#77A541;
+
  color: #77A541;
  text-align:center;
  text-align:center;
  background-color:#FFEBD8;
  background-color:#FFEBD8;
Line 35: Line 35:
h2 {
h2 {
-
  color:#B0BEA1;
+
  color: #B0BEA1;
  background: #FFF0E2;
  background: #FFF0E2;
  border:0;
  border:0;

Revision as of 16:29, 27 October 2010

/************

  GENERAL
                        • /
  1. content {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.14em;
background-color:#fffbe2;
}
  1. bodyContent {
margin:0 auto;
border:0;
padding:0;
width:64em;

}

  1. 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 {

color: #B0BEA1;
background: #FFF0E2;
border:0;
border-top: 1px solid #B0BEA1;
color: black;

}

.panel img {

width: 200px;

} /*width of the boxes at the bottom */


/********* Header

                  • /
  1. header_image{
position: relative;
width: 64em;
height: 10em;
background: url('https://static.igem.org/mediawiki/2010/2/27/BCCS_Wheat2.JPG');
clear: both; "

}

  1. 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;>

}

  1. 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: #fff;
color: black; 

}

ul#nav li:hover > a {

color: #F1FEE1;
background: #77A541;

} /*menu text po najechaniu myszka */

ul#nav > li > a {

 color:#000;
 background: #f1fee1;
 border: 0.1em solid #585858;
 font-weight:bold; 

} /*menu text properties*/

ul#nav > li:hover > a { }

  1. navwrapper {
border:0;
margin:0;
padding:0;
width:64em;
height:3.2em;
background-color:#fff8ca;

}