Team:BCCS-Bristol/mainCSS.css

From 2010.igem.org

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 3: Line 3:
************/
************/
-
#mainwrapper,#headerwrapper,#footerwrapper,#contentwrapper,#navwrapper {
+
#content {
-
margin: 0;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
-
padding: 0;
+
font-size: 1.14em;
-
border: 0;
+
background-color:#fffadf;
}
}
-
#mainwrapper {
+
#bodyContent {
-
  margin: auto;
+
margin:0 auto;
-
  padding: 0;
+
width:64em;
-
  border:1px solid #aef16e;
+
background-color:#fffbe2;
-
  width:880px;
+
-
  height:auto;
+
-
  background-color:#f3ffe7;
+
}
}
-
#headerwrapper {
+
#headwrapper {
-
  width:880px;
+
border:0;
-
  height:186px;
+
margin:0 auto;
-
  margin-bottom:auto;
+
padding:0;
-
  margin-top:0;
+
width:64em;
-
  background-color:red;
+
}
}
-
#navwrapper {
+
h1.firstHeading {  
-
   width:880px;
+
   display:none;  
-
  height:36px;
+
-
  margin-top:auto;
+
-
  margin-bottom:0;
+
}
}
-
#contentwrapper {
+
h1 {
 +
color: #77A541;
 +
text-align:center;
 +
background-color:#FFEBD8;
 +
border-bottom: 1px solid #77A541;
 +
}
 +
h2, h3, h4, h5, h6 {
 +
color:#6c9041;
}
}
-
#footerwrapper {
+
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;
}
}
-
#content {  
+
table.gallery{
-
  font-family: "Trebuchet MS", Helvetica, sans-serif;
+
margin:auto;
-
  font-size: 1.14em;  
+
}
}
-
h2 {  
+
table.gallery td{
-
   background: #DFE4EB;
+
   border-color:#fff9d2;
-
  border:0;
+
}
-
  border-top: 1px solid #B1BECF;
+
 
-
  color: black;
+
#toc, .toc{
 +
background-color:#fff4aa;
}
}
.panel img {  
.panel img {  
-
  width: 200px;
+
width: 200px;
}  /*width of the boxes at the bottom */
}  /*width of the boxes at the bottom */
-
/************
+
/*********
-
WIKI HACKS
+
Header
-
************/
+
*********/
-
h1.firstHeading {  
+
#header_image{
-
  display:none;  
+
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{
-
  NAVBAR
+
position: absolute;
-
*************/
+
bottom: 0.5em;
 +
right: 2em;
 +
color: black;
 +
z-index: 3;
 +
font-size: 1.5em;
 +
}
-
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none; z-index:500;}
 
-
ul#nav { position:center; left: 3px; z-index:500; }
+
/*********
 +
Navigation
 +
*********/
-
ul#nav ul { display: none;}
+
ul#nav, ul#nav ul {  
 +
  padding:0;
 +
  margin:0;
 +
  list-style-type: none;
 +
  list-style-image: none
 +
}
-
ul#nav li {float:left; position:relative; margin-bottom: 0; }
+
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 {
ul#nav a {
   display:block;
   display:block;
-
   width:12em;
+
   width:11.5em;
   font-size:1em;
   font-size:1em;
   height:2em;  
   height:2em;  
Line 90: Line 139:
ul#nav .subList a {
ul#nav .subList a {
-
   width:12em;
+
   width:11.5em;
   padding-left:1em;
   padding-left:1em;
   font-size:0.8em;
   font-size:0.8em;
Line 99: Line 148:
   display:block;  
   display:block;  
   position:absolute;  
   position:absolute;  
-
   left:12em; /* ul#nav a width */
+
   left:11.5em; /* ul#nav a width */
   top:0;
   top:0;
}
}
Line 105: Line 154:
ul#nav > li:hover > ul {  
ul#nav > li:hover > ul {  
   left:0;
   left:0;
-
   top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
+
   top:2.6em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
}
}
ul#nav > li {   
ul#nav > li {   
-
   border: 0.2em solid #F7F8E0;   
+
   border: 0.5em solid #fff8ca;   
   background: #003366;  
   background: #003366;  
}
}
Line 122: Line 171:
ul#nav li > ul {
ul#nav li > ul {
-
   border: 0.2em solid #000;  
+
   border: 0.1em solid #000;  
-
   -moz-border-radius: 0.2em;
+
   -moz-border-radius: 0.1em;
}
}
ul#nav li > a {   
ul#nav li > a {   
-
  background: #fff;  
+
background: #F8FEF1;
-
  color: black;  
+
color: black;  
}
}
-
ul#nav li:hover > a {  
+
ul#nav li:hover > a {
-
  color: #fff;  
+
color: #F1FEE1;
-
  background: #000;  
+
background: #77A541;
-
} /*menu text po najechaniu myszka */
+
} /*menu text mouseover */
ul#nav > li > a {   
ul#nav > li > a {   
-
   color:#000;  
+
   color:#000;
-
   background: #BDBDBD;  
+
   background: #f1fee1;
-
   border: 0.1em solid #585858;  
+
   border: 0.1em solid #585858;
   font-weight:bold;  
   font-weight:bold;  
} /*menu text properties*/
} /*menu text properties*/
ul#nav > li:hover > a { }
ul#nav > li:hover > a { }
 +
 +
#navwrapper {
 +
border:0;
 +
margin:0;
 +
padding:0;
 +
width:64em;
 +
height:3.2em;
 +
background-color:#fff8ca;
 +
}

Latest revision as of 19:55, 27 October 2010

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

  GENERAL
                        • /
  1. content { 
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.14em;
background-color:#fffadf;

}

  1. bodyContent { 
margin:0 auto;
width:64em;
background-color:#fffbe2;

}

  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, 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;

}

  1. toc, .toc{ 
background-color:#fff4aa;

}

.panel img { 

width: 200px;

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


/********* Header

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

}

  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: #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 { }

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

}

Retrieved from "http://2010.igem.org/Team:BCCS-Bristol/mainCSS.css"