Team:Alberta/base.css

From 2010.igem.org

(Difference between revisions)
Line 45: Line 45:
body  
body  
{   
{   
-
   background-color: #FFFFFF;
+
   background-color: #252525;
   margin: 0px;
   margin: 0px;
   padding: 0px;
   padding: 0px;

Revision as of 18:03, 3 October 2010

/* this file contains css to be included everywhere */

.firstHeading {display:none;}


/* styling for btn that pulls down igem menu */

  1. show-toolbar-btn {
 background-color:#CCCCCC;
 left:40px;
 padding:3px;
 position:absolute;
 top:20px;

}

/********** main page styling (might need to move this */

  1. logo img {

width:50px; height:50px; padding:5px; float:left; }

  1. logo {
 background: #ffffff;
 float: left;
 padding: 0em;
 font-size: 41px;
 color: #757575;
 height: 50px;
 line-height:50px;
 margin-bottom:5px;

}

/* tabs on home page */ div.info-tab { align:left; }


/************ end of main page styling */

/* This sets the inner and outer colours of the page. */ body {

 background-color: #252525;
 margin: 0px;
 padding: 0px;
 border: 0px;
 font-family:"Trebuchet MS", arial;

}

  1. container

{

 width: 100%;
 margin: 0px;
 padding: 0px;

}

  1. header

{

 width: 100%;
 margin: 0px;
 padding: 0px;

}


  1. navbar

{

 background: #ffffff;
 width:65.5%;
 float: right;
 padding: 0em;
 text-align:right;
 font-size: 1em;
 color: #a5a5a5;
 margin-right:2.5%;
 vertical-align: middle;
 height: 2.5em;
 display: inline;

}


  1. navbar a, #navbar a:active, #navbar a:hover {
 text-decoration: none; font-size: 1em;}
  1. navbar a:link {color: #757575;}
  2. navbar a:visited {color: #656565;}
  1. navbar a.selected {text-decoration:underline;}


  1. highlight

{

 background: #fff200;
 width:100%;
 clear: both;
 padding: 0em;
 height: 3px;

}

  1. sidebar

{

 width:18em;
 float: left;
 padding: 2em;
 font-size: 1em;
 margin: 0em;
 height: 12.93em;
 height: expression ('18.9em');
 background: #3b3b3b;
 color: #bfbfbf;
 border: 0;
 display: inline;

}

  1. RandomImageLong

{

 width: 52.981em;
 /* any IE */
 width: expression('52.981em');
 float: left;
 padding: 0em;
 margin: 0em;
 height: 16.9em;
 height: expression ('18.9em');
 position: relative;
 background-position: 0% 0%;
 border: 0em;

}

  1. crest

{

 background:url(Alberta_Crest.png) repeat-x scroll 0 0;
 height:215px;
 float: right;
 overflow:hidden;
 width:190px;
 position:absolute; 
 top:8.7em;
 right:2.1em;

}


p.link {

 colour: #fff200;
 background-color: #3b3b3b;
 font-size: 1.5em;
 font-family: "Trebuchet MS", Times;
 text-decoration: none;

}

.llink1 A:link {text-decoration: none; color: #fff200; font-size: 1.5em;} .llink1 A:visited {text-decoration: none; color: #fff200; font-size: 1.5em;} .llink1 A:hover {text-decoration: none; font-size: 1.5em;} .llink1 A:active {text-decoration: none; font-size: 1.5em;}

  1. highlightb

{

 background: #ffffff;
 width:100%;
 clear: both;
 padding: 0em;
 height: 3px;

}

  1. top

{

 background: #ffffff;
 width: 100%;
 clear: both;
 padding: 0em;
 height: 100%;
 font-family: "Trebuchet MS", Times;
 text-align: left;

}

  1. bottom

{

 width: 100%;
 padding: 0em;

/* height: 12.625em; */

 height: 10em;
 background: #3b3b3b;
 border: 0;

}

  1. bottomleft

{

 width:33em;
 float: left;
 margin: 1em;
 padding: 1em;
 font-size: 1em;

/* height: 12.625em; */

 height: 6.93em;
 background: #3b3b3b;
 color: #bfbfbf;
 border-right: 2.5px dotted #a5a5a5;
 font-family: "Trebuchet MS", Times;
 text-align: left;

}

  1. bottomright

{

 width:33em;
 float: left;
 margin: 1em;
 padding: 1em;
 font-size: 1em;

/* height: 12.625em; */

 height: 6.93em;
 background: #3b3b3b;
 color: #bfbfbf;
 border-left: 2.5px dotted #a5a5a5;
 font-family: "Trebuchet MS", Times;
 text-align: left;

}

  1. footer

{

 clear: both;
 margin: 0;
 padding: .5em;
 color: #333333;
 background-color: #dddddd;
 border-top: 3px solid #333333;

}

.llink3 A:link {text-decoration: underline; color: #757575; font-size: 1em;} .llink3 A:visited {text-decoration: none; color: #656565; font-size: 1em;} .llink3 A:hover {text-decoration: none; font-size: 1em;} .llink3 A:active {text-decoration: none; font-size: 1em;}

.h1 { text-decoration: none; color: #6a7a69; font-size: 2em;} .h2 { text-decoration: none; color: #fff200; font-size: 1.5em;} .h3 { text-decoration: none; color: #f0ec72; font-size: 1em} .h4 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;} .h5 { margin-top: 8em; margin-bottom: 3em; color: #fff200; font-size: 2em;}

/*hiding toggle content on initial load*/ div.hideme { display: none }