Team:Alberta/base.css
From 2010.igem.org
Line 12: | Line 12: | ||
top:20px; | top:20px; | ||
} | } | ||
+ | |||
+ | /* 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; | ||
+ | } | ||
+ | |||
+ | #container | ||
+ | { | ||
+ | width: 100%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #header | ||
+ | { | ||
+ | width: 100%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #title | ||
+ | { | ||
+ | background: #ffffff; | ||
+ | width:28.5%; | ||
+ | float: left; | ||
+ | padding: 0em; | ||
+ | font-size: 3.4em; | ||
+ | color: #757575; | ||
+ | height: 2em; | ||
+ | margin-left:1.5%; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #highlight | ||
+ | { | ||
+ | background: #fff200; | ||
+ | width:100%; | ||
+ | clear: both; | ||
+ | padding: 0em; | ||
+ | height: 3px; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #crest | ||
+ | { | ||
+ | background:url(https://static.igem.org/mediawiki/2010/8/82/Alberta_Crest.png) repeat-x scroll 0 0; | ||
+ | height:215px; | ||
+ | float: right; | ||
+ | overflow:hidden; | ||
+ | width:190px; | ||
+ | position:absolute; | ||
+ | top:8.7em; | ||
+ | right:2.1em; | ||
+ | } | ||
+ | |||
+ | .llink2 A:link {text-decoration: underline; color: #757575; font-size: 1em;} | ||
+ | .llink2 A:visited {text-decoration: none; color: #656565; font-size: 1em;} | ||
+ | .llink2 A:hover {text-decoration: none; font-size: 1em;} | ||
+ | .llink2 A:active {text-decoration: none; font-size: 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;} | ||
+ | |||
+ | #highlightb | ||
+ | { | ||
+ | background: #ffffff; | ||
+ | width:100%; | ||
+ | clear: both; | ||
+ | padding: 0em; | ||
+ | height: 3px; | ||
+ | } | ||
+ | |||
+ | #top | ||
+ | { | ||
+ | background: #ffffff; | ||
+ | width: 100%; | ||
+ | clear: both; | ||
+ | padding: 0em; | ||
+ | height: 100%; | ||
+ | font-family: "Trebuchet MS", Times; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #bottom | ||
+ | { | ||
+ | width: 100%; | ||
+ | padding: 0em; | ||
+ | /* height: 12.625em; */ | ||
+ | height: 10em; | ||
+ | background: #3b3b3b; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | #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 } |
Revision as of 02:38, 20 August 2010
/* this file contains css to be included everywhere */
.firstHeading {display:none;}
/* styling for btn that pulls down igem menu */
- show-toolbar-btn {
background-color:#CCCCCC; left:40px; padding:3px; position:absolute; top:20px;
}
/* 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;
}
- container
{
width: 100%; margin: 0px; padding: 0px;
}
- header
{
width: 100%; margin: 0px; padding: 0px;
}
- title
{
background: #ffffff; width:28.5%; float: left; padding: 0em; font-size: 3.4em; color: #757575; height: 2em; margin-left:1.5%; vertical-align: middle;
}
- 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;
}
- highlight
{
background: #fff200; width:100%; clear: both; padding: 0em; height: 3px;
}
- 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;
}
- 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;
}
- crest
{
background:url() repeat-x scroll 0 0; height:215px; float: right; overflow:hidden; width:190px; position:absolute; top:8.7em; right:2.1em;
}
.llink2 A:link {text-decoration: underline; color: #757575; font-size: 1em;} .llink2 A:visited {text-decoration: none; color: #656565; font-size: 1em;} .llink2 A:hover {text-decoration: none; font-size: 1em;} .llink2 A:active {text-decoration: none; font-size: 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;}
- highlightb
{
background: #ffffff; width:100%; clear: both; padding: 0em; height: 3px;
}
- top
{
background: #ffffff; width: 100%; clear: both; padding: 0em; height: 100%; font-family: "Trebuchet MS", Times; text-align: left;
}
- bottom
{
width: 100%; padding: 0em;
/* height: 12.625em; */
height: 10em; background: #3b3b3b; border: 0;
}
- 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;
}
- 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;
}
- 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 }