Team:Alberta/genomikon.css

From 2010.igem.org

(Difference between revisions)
 
(270 intermediate revisions not shown)
Line 3: Line 3:
*/
*/
-
/*
 
-
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
 
-
** Copyright Gabriel Wicke - http://wikidev.net/
 
-
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
 
-
**
 
-
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
 
-
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
 
-
** Michael Zeltner and Geir Bækholt)
 
-
** All you guys rock :)
 
-
*/
 
-
 
-
 
-
/* Font size:
 
-
** We take advantage of keyword scaling- browsers won't go below 9px
 
-
** More at http://www.w3.org/2003/07/30-font-size
 
-
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
 
-
*/
 
 +
div#test{
 +
background-color:red;
 +
width:100px;
 +
height:100px;
 +
}
/* things we want to hide */
/* things we want to hide */
 +
#info-box1 h2 .editsection, #info-box2 h2 .editsection, #info-box3 h2 .editsection, #info-box4 h2 .editsection{
 +
display:none;
 +
}
h1.firstHeading {
h1.firstHeading {
display:none;
display:none;
}
}
-
 
+
#p-logo{
-
/* things we changed */
+
  display:none;
-
 
+
-
// make a content area in center and a sidebar on each side
+
-
div#center-content{
+
-
    width:600px;  
+
}
}
-
 
+
/* rearrange the topsection bar */
-
 
+
#top-section{
-
h1, h2, h3, h4, h5, h6 {
+
     height:0;
-
     color: #9D2063;
+
-
    border:none;
+
}
}
-
 
+
#menubar{
-
 
+
     top:0;
-
/* rest */
+
-
body {
+
-
     font: x-small sans-serif;
+
-
    color: black;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    background-color: #aaaaaa;
+
}
}
-
 
+
#search-controls{
-
/* scale back up to a sane default */
+
     top:4px;
-
#globalWrapper {
+
     left:547px;
-
     position: relative;
+
     width:0;
-
     font-size: 127%;
+
-
     width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    padding-bottom: 10px;
+
}
}
-
.visualClear {
+
#searchInput{
-
     clear: both;
+
     border:1px solid white;
 +
    position:absolute;
}
}
-
 
+
/*
-
/* The top section contains the banner, the search box, and the left and right menus */
+
#mw-searchButton{
-
 
+
     color:#FFFFFF;
-
#top-section {
+
     left:172px;
-
     position: relative;
+
     top:0;
-
     height: 98px;
+
     position:absolute;
-
     width: 975px;
+
-
#    margin-left: 10px;
+
-
margin: 0 auto 0 auto;
+
-
     border-left: 1px solid #444444;
+
-
    border-right: 1px solid #444444;
+
}
}
-
 
+
#searchGoButton{
-
#p-logo {
+
     position:absolute;
-
     position: absolute;
+
     left:130px;
-
     z-index: 1;
+
-
    height: 107px;
+
-
    width: 975px;
+
-
}
+
-
#p-logo h5 {
+
-
    display: none;
+
-
}
+
-
#p-logo a,
+
-
#p-logo a:hover {
+
-
    text-decoration: none;
+
}
}
 +
*/
-
#search-controls {
+
#searchGoButton{
-
position: absolute;
+
   display:none;
-
top:   10px;
+
-
right: 15px;
+
-
width: 150px;
+
-
height: 40px;
+
-
background-color: transparent;
+
-
    text-align: center;
+
-
    z-index: 3;
+
}
}
-
input.searchButton {
+
#mw-searchButton{
-
margin: 1px 10px 0 10px;
+
  background-color:#282560;
-
font-size: 100%;
+
  border:1px solid white;
-
background: none;
+
  color:transparent;
-
border: none;
+
  height:19px;
-
color: #AAAAFF;
+
  left:124px;
-
font-weight: bold;
+
  position:absolute;
-
}
+
  top:-1px;
-
input.searchButton:hover {
+
  width:24px;
-
color: white;
+
  cursor:pointer;
-
}
+
  background-image:url("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png");
-
#searchInput {
+
  background-position:center center;
-
    width: 10.9em;
+
  background-repeat:no-repeat;
-
    margin: 0;
+
-
    font-size: 95%;
+
}
}
-
#menubar {
 
-
    position: absolute;
 
-
    white-space: nowrap;
 
-
    top: 78px;
 
-
    width: 400px;
 
-
    z-index: 5;
 
-
    font-family: sans-serif;
 
-
    font-size: 95%;
 
-
    line-height: 1em;
 
-
}
 
-
.left-menu {
 
-
    left: -5px;
 
-
    text-align: left;
 
-
    text-transform: lowercase;
 
-
}
 
-
.right-menu {
 
-
    text-align: right;
 
-
    right: 10px;
 
-
}
 
-
#menubar ul {
 
-
    color: #555555;
 
-
    list-style: none;
 
-
}
 
-
#menubar li {
 
-
    display: inline;
 
-
    position: relative;
 
-
    cursor: pointer;
 
-
    padding-left: 4px;
 
-
    padding-right: 10px;
 
-
}
 
-
#menubar li a {
 
-
    color: #555555;
 
-
}
 
-
#menubar li a:hover {
 
-
    color: white;
 
-
    text-decoration: none;
 
-
}
 
-
#menubar .selected a {
 
-
color: white;
 
-
}
 
-
/* footer */
+
/******** things we added ****************/
-
#footer-box {
+
#tour-link{
-
margin-left: 10px;
+
  -moz-border-radius:10px 10px 10px 10px;
-
width: 965px;
+
  -webkit-border-radius:10px 10px 10px 10px;
-
padding: 5px;
+
  background-color:#282560;
-
background-color: white;
+
  position: absolute;
-
margin: 0 auto;
+
  bottom: 0px;
-
border: 1px solid #444444;
+
  left: 0px;
-
}
+
  padding:28px;
-
#footer {
+
  width: 89%;
-
color: #000000;
+
  text-align:center;
-
text-align: center;
+
  z-index: 10;
-
font-size: 90%;;
+
-
}
+
-
#footer li {
+
-
display: inline;
+
-
margin: 0 1.3em;
+
}
}
-
/* Sponsors box */
+
#tour-link:hover{
-
 
+
  background-color:#403B9D;
-
#sponsor-box {
+
  cursor: pointer;
-
    height: 49px;
+
-
    width: 975px;
+
-
#    margin-left: 10px;   
+
-
margin: 0 auto;
+
-
    border-left: 1px solid #444444;
+
-
    border-right: 1px solid #444444;
+
-
    border-bottom: 1px solid #444444;
+
-
    background-color: white;
+
-
    font-family: 'verdana' 'arial' sans-serif;
+
-
    font-size: 11pt;
+
-
    line-height: 1.2em;
+
-
    z-index: 5;
+
-
}
+
-
#f-poweredbyico {
+
-
    float: right;
+
}
}
-
#f-copyrightico {
+
#tour-link p {
-
    float: left;
+
  margin: 0;
 +
  color:#FFFFFF;
 +
  font-weight:bold;
 +
  font-size:30px;
}
}
-
/* Pulldown menu boxes */
+
div#igem-logo-link{
-
 
+
  background-color:transparent;
-
.hidden  { visibility: hidden;  }
+
  background-image:url("https://static.igem.org/mediawiki/2010/7/74/Team-Alberta-IGEM-logo100x77.png");
-
.visible {      visibility: visible; }
+
  height:77px;
-
 
+
  margin:0;
-
 
+
  position:absolute;
-
.menubox {
+
  width:100px;
-
position: absolute;
+
  left:870px;
-
top: 20px;
+
  top:33px;
-
left: 0px;
+
-
border: 1px solid #A4A4A4;
+
-
background-color: #E0E0E0;
+
-
width: 200px;
+
-
        height: 200px;
+
-
z-index: 20;
+
}
}
-
.bridge1 {
+
div#igem-logo-link a{
-
position: absolute;
+
  color:transparent;
-
top: 18px;
+
  display:block;
-
left: 1px;
+
  height:77px;
-
width: 59px;
+
  width:100px;
-
        height: 4px;
+
-
background-color: #d8d8d8;
+
-
z-index: 25;
+
}
}
-
 
-
.shadow1 {
+
#top-strip{
-
position: absolute;
+
    background-color:#282560;
-
top: 23px;
+
    clear:both;
-
left: 3px;
+
    display:block;
-
width: 202px;
+
    height:170px;
-
        height: 202px;
+
    padding-left:50%;
-
background-color: #202020;
+
    padding-right:54%;
-
border-right: 1px solid #454545;
+
    position:absolute;
-
border-bottom: 1px solid #454545;
+
    top:0;
-
z-index: 18;
+
    width:0
-
opacity: 0.6
+
}
}
-
.shadow2 {
+
#top-strip h2{
-
position: absolute;
+
    color:#73FF9A;
-
top: 25px;
+
    display:block;
-
left: 5px;
+
    font-size:35px;
-
width: 202px;
+
    font-weight:bold;
-
        height: 202px;
+
    left:61px;
-
border-right: 1px solid #606060;
+
    line-height:39px;
-
border-bottom: 1px solid #606060;
+
    position:relative;
-
background-color: #303030;
+
    top:22px;
-
opacity: 0.4;
+
-
z-index: 16;
+
-
}
+
-
.shadow3 {
+
-
position: absolute;
+
-
top: 27px;
+
-
left: 7px;
+
-
width: 202px;
+
-
        height: 202px;
+
-
border-right: 1px solid #666666;
+
-
border-bottom: 1px solid #666666;
+
-
background-color: #000000;
+
-
opacity: 0.2;
+
-
z-index: 13;
+
}
}
-
/* REGISTRY POP-UP COMMENT BOX */
+
/*** position the genomikon logo ***/
-
.boxctrl {
+
#top-strip a img{
-
  position: relative;
+
    position:absolute;
-
cursor: pointer;
+
    top:38px;
-
}
+
    left:0;
-
.boxctrl .box {
+
    width:auto;
-
position: absolute;
+
    height:79px;
-
visibility: hidden;
+
-
z-index:10000;
+
-
background-color: #ffffdd;
+
-
border: 2px solid #444444;
+
-
padding: 5px;
+
-
}
+
-
.boxctrl:hover .box {
+
-
visibility: visible;
+
}
}
-
/* IGEM RIGHT SIDEBAR STYLING */
+
/*** navbar styling **/
-
#right-sidebar {
+
#navbar {
-
position: absolute;
+
    position:absolute;
-
right: 0px;
+
    top:131px;
-
width: 190px;
+
-
border-left: 3px solid gray;
+
-
font-size: 95%;
+
-
line-height: 90%;
+
}
}
-
.right-box {
+
#navbar ul {
-
width: 180px;
+
    list-style:none;
-
padding: 4px 5px 5px 5px;
+
    width:100%;
-
margin-top: 10px;
+
-
border: 1px solid #444444;
+
-
border-left: none;
+
}
}
-
 
+
#navbar ul li{
-
.right-box:first-child {
+
    float:left;
-
margin-top: 0px;
+
    position:relative;
}
}
-
 
+
#navbar ul li a:visited,#navbar ul li a:link{
-
.right-heading {
+
    margin-right:30px;
-
font-size: 125%;
+
    color:#fff;
-
font-weight: bold;
+
    font-weight:bold;
-
padding: 0.5em 0 0;
+
-
line-height:100%;
+
}
}
-
.right-box ul {
+
#navbar ul li a:hover,#navbar ul li a.selected {
-
line-height: 90%;
+
    color:#00F2BC;
 +
    text-decoration:none;
}
}
-
.right-box li {
+
#navbar li.headlink ul{
-
color: #666666;    /* The items are grayed until they have links */
+
    display:table;
 +
    display:none;
 +
    background-color:#282560;
 +
     margin:0 10px 0 0;
 +
    text-align:left;
 +
    padding:10px;
 +
    z-index:20;
 +
    position:absolute;
 +
    left:-10px;
 +
    width:100%;
}
}
-
 
+
#navbar li.headlink ul li{
-
/*****************************************************************************************************
+
    float:none;
-
* The content div contains all of the contents of the page - provided by mediawiki
+
-
****************************************************************************************************/
+
-
#content {
+
-
    position: relative;
+
-
    width:  965px;
+
-
#    margin-left: 10px;
+
-
margin: 0 auto;
+
-
    padding: 5px 5px 5px 5px;;
+
-
    background: white;
+
-
    color: black;
+
-
    border-left: 1px solid #444444;
+
-
    border-right: 1px solid #444444;
+
-
    line-height: 1.5em;
+
-
    z-index: 2;
+
}
}
-
#column-one {
 
-
    padding-top: 107px;
 
-
    position: absolute;
 
-
    right: 4px;
 
-
    padding: 100px 20px 0 0;
 
-
}
 
-
/* the left column width is specified in class .portlet */
 
-
/* general styles */
+
/* make a content area in center and a sidebar on each side*/
-
 
+
#left-sidebar, #right-sidebar, #center-content, #wide-content{
-
table {
+
     float:left;
-
    font-size: 100%;
+
     /* leave space for header */
-
    background: white;
+
     margin-top:170px;
-
    color: black;
+
    min-height:1em;
-
}
+
-
a {
+
-
    text-decoration: none;
+
-
    color: #002bb8;
+
-
    background: none;
+
-
}
+
-
a:visited {
+
-
    color: #002bb8;
+
-
}
+
-
a:active {
+
-
     color: #002bb8;
+
-
}
+
-
a:hover {
+
-
     text-decoration: underline;
+
-
}
+
-
a.stub {
+
-
    color: #772233;
+
-
}
+
-
/* a.new, #p-personal a.new {    - rdr */
+
-
a.new {
+
-
     color: #AAAAFF;
+
-
}
+
-
a.new:visited, #p-personal a.new:visited {
+
-
    color: #002bb8;
+
}
}
-
img {
+
#left-sidebar.not-top, #right-sidebar.not-top, #center-content.not-top, #wide-content.not-top{
-
    border: none;
+
     margin-top:0;
-
    vertical-align: middle;
+
-
}
+
-
p {
+
-
    margin: .4em 0 .5em 0;
+
-
    line-height: 1.5em;
+
-
}
+
-
p img {
+
-
     margin: 0;
+
}
}
-
hr {
+
#center-content{
-
    height: 1px;
+
     width:550px;  
-
    color: #aaa;
+
-
    background-color: #aaa;
+
-
    border: 0;
+
-
     margin: .2em 0 .2em 0;
+
}
}
-
 
+
/*The centre content for the Timeline needs to be a bit wider*/
-
h1, h2, h3, h4, h5, h6 {
+
#center-content .timeline{
-
    color: #9D2063;
+
     width:800px;
-
    background: none;
+
     float:none;
-
    font-weight: normal;
+
-
    margin: 0;
+
-
    padding-top: .5em;
+
-
     padding-bottom: .17em;
+
-
     border:none;
+
}
}
-
h1 { font-size: 188%; }
+
#wide-content{
-
h2 { font-size: 150%; }
+
     width:1075px;
-
h3, h4, h5, h6 {
+
-
     border-bottom: none;
+
-
    font-weight: bold;
+
}
}
-
h3 { font-size: 132%; }
 
-
h4 { font-size: 116%; }
 
-
h5 { font-size: 100%; }
 
-
h6 { font-size: 80%;  }
 
-
ul {
+
#left-sidebar, #right-sidebar{
-
    line-height: 1.5em;
+
     width:198px;
-
    list-style-type: square;
+
-
     margin: .3em 0 0 1.5em;
+
-
    padding: 0;
+
-
    list-style-image: url(bullet.gif);
+
}
}
-
ol {
+
/*Need Timeline to start at left*/
-
    line-height: 1.5em;
+
#left-sidebar .Timeline{
-
     margin: .3em 0 0 3.2em;
+
     width:0px;
-
    padding: 0;
+
-
    list-style-image: none;
+
}
}
-
li {
+
#left-sidebar{
-
     margin-bottom: .1em;
+
     margin-right:20px;
}
}
-
dt {
+
#right-sidebar{
-
     font-weight: bold;
+
     border:none;
-
     margin-bottom: .1em;
+
     margin-left:20px;
-
}
+
 
-
dl {
+
/*  position: absolute;
-
    margin-top: .2em;
+
     right: 0px;
-
     margin-bottom: .5em;
+
     width: 190px;
-
}
+
     border-left: 3px solid gray;
-
dd {
+
-
     line-height: 1.5em;
+
-
     margin-left: 2em;
+
-
    margin-bottom: .1em;
+
-
}
+
-
 
+
-
fieldset {
+
-
    border: 1px solid #2f6fab;
+
-
    margin: 1em 0 1em 0;
+
-
    padding: 0 1em 1em;
+
-
    line-height: 1.5em;
+
-
}
+
-
legend {
+
-
    background: white;
+
-
    padding: .5em;
+
     font-size: 95%;
     font-size: 95%;
-
}
+
     line-height: 90%;*/
-
form {
+
-
     border: none;
+
-
    margin: 0;
+
}
}
-
textarea {
+
#tourbar-back{
 +
    clear:both;
 +
    height: 3px;
     width: 100%;
     width: 100%;
-
     padding: .1em;
+
     background-color: #EEEEEE;
}
}
-
 
+
/* the tourbar */
-
input.historysubmit {
+
#tourbar{
-
     padding: 0 .3em .3em .3em !important;
+
     clear:both;
-
     font-size: 94%;
+
     height:5em;
-
     cursor: pointer;
+
     margin:173px auto 4em;
-
     height: 1.7em !important;
+
     width:788px;
-
    margin-left: 1.6em;
+
}
}
-
select {
+
#tourbar a{
-
    vertical-align: top;
+
     background:none repeat scroll 0 0 #CCCCCC;
-
}
+
     color:black;
-
abbr, acronym, .explain {
+
     display:block;
-
    border-bottom: 1px dotted black;
+
     float:left;
-
    color: black;
+
     height:1em;
-
     background: none;
+
     padding:3em 0;
-
    cursor: help;
+
     text-align:center;
-
}
+
     vertical-align:middle;
-
q {
+
-
    font-family: Times, "Times New Roman", serif;
+
-
    font-style: italic;
+
-
}
+
-
/* disabled for now
+
-
blockquote {
+
-
    font-family: Times, "Times New Roman", serif;
+
-
    font-style: italic;
+
-
}*/
+
-
code {
+
-
    background-color: #f9f9f9;
+
-
}
+
-
pre {
+
-
    padding: 1em;
+
-
    border: 1px dashed #2f6fab;
+
-
     color: black;
+
-
    background-color: #f9f9f9;
+
-
    line-height: 1.1em;
+
-
}
+
-
 
+
-
/*
+
-
** the main content area
+
-
*/
+
-
 
+
-
#siteSub {
+
-
     display: none;
+
-
}
+
-
#contentSub {
+
-
     font-size: 84%;
+
-
     line-height: 1.2em;
+
-
    margin: 0 0 1.4em 1em;
+
-
     color: #7d7d7d;
+
-
    width: auto;
+
-
}
+
-
span.subpages {
+
-
    display: block;
+
-
}
+
-
 
+
-
/* Some space under the headers in the content area */
+
-
#bodyContent h1, #bodyContent h2 {
+
-
    margin-bottom: .6em;
+
-
}
+
-
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
-
    margin-bottom: .3em;
+
-
}
+
-
.firstHeading {
+
-
     margin-bottom: .1em;
+
-
}
+
-
 
+
-
/* user notification thing */
+
-
.usermessage {
+
-
     background-color: #ffce7b;
+
-
    border: 1px solid #ffa500;
+
-
    color: black;
+
     font-weight: bold;
     font-weight: bold;
-
     margin: 2em 0 1em;
+
     width:100px;
-
    padding: .5em 1em;
+
     margin-right:5px;
-
    vertical-align: middle;
+
     margin-left:5px;
-
}
+
     -moz-border-radius: 10px;
-
#siteNotice {
+
     border-radius: 10px;
-
    text-align: center;
+
-
    font-size: 95%;
+
-
    padding: 0 .9em;
+
-
}
+
-
#siteNotice p {
+
-
     margin: 0;
+
-
    padding: 0;
+
-
}
+
-
.error {
+
-
    color: red;
+
-
    font-size: larger;
+
-
}
+
-
#catlinks {
+
-
    border: 1px solid #aaa;
+
-
    background-color: #f9f9f9;
+
-
    padding: 5px;
+
-
     margin-top: 1em;
+
-
     clear: both;
+
-
}
+
-
/* currently unused, intended to be used by a metadata box
+
-
in the bottom-right corner of the content area */
+
-
.documentDescription {
+
-
    /* The summary text describing the document */
+
-
    font-weight: bold;
+
-
    display: block;
+
-
    margin: 1em 0;
+
-
    line-height: 1.5em;
+
-
}
+
-
.documentByLine {
+
-
     text-align: right;
+
-
    font-size: 90%;
+
-
    clear: both;
+
-
    font-weight: normal;
+
-
    color: #76797c;
+
-
}
+
-
/* emulate center */
 
-
.center {
 
-
    width: 100%;
 
-
    text-align: center;
 
-
}
 
-
*.center * {
 
-
    margin-left: auto;
 
-
    margin-right: auto;
 
-
}
 
-
/* small for tables and similar */
 
-
.small, .small * {
 
-
    font-size: 94%;
 
-
}
 
-
table.small {
 
-
    font-size: 100%;
 
}
}
-
/*
+
#tourbar a:hover{
-
** content styles
+
    text-decoration: none;
-
*/
+
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 +
    -moz-opacity: 0.5;
 +
    opacity: 0.5;
-
#toc,
 
-
.toc {
 
-
border: 1px solid #aaa;
 
-
background-color: #f9f9f9;
 
-
padding: 5px;
 
-
font-size: 95%;
 
}
}
-
#toc h2,
+
#tourbar a.selected{
-
.toc h2 {
+
    margin-top:1em;
-
display: inline;
+
-
border: none;
+
-
padding: 0;
+
-
font-size: 100%;
+
-
font-weight: bold;
+
}
}
-
#toc #toctitle,
+
#tourbar a.left{
-
.toc #toctitle,
+
    background-color:white;
-
#toc .toctitle,
+
    background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png");
-
.toc .toctitle {
+
    background-repeat:no-repeat;
-
text-align: center;
+
    width:54px;
}
}
-
#toc ul,
+
#tourbar a.right{
-
.toc ul {
+
    background-color:white;
-
list-style-type: none;
+
    background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png");
-
list-style-image: none;
+
    background-repeat:no-repeat;
-
margin-left: 0;
+
    width:54px;
-
padding-left: 0;
+
-
text-align: left;
+
}
}
-
#toc ul ul,
+
/* the info boxes on homepage */
-
.toc ul ul {
+
#main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{
-
margin: 0 0 0 2em;
+
    height:250px;
 +
    padding:18px;
 +
    z-index:-1;
 +
    float:left;
}
}
-
#toc .toctoggle,
+
#info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol {
-
.toc .toctoggle {
+
    margin-left: 1em;
-
font-size: 94%;
+
}
}
-
 
+
#main-info-box {
-
/* images */
+
    width:550px;
-
div.floatright, table.floatright {
+
    overflow:hidden;
-
     clear: right;
+
     padding:0;
-
     float: right;
+
     height:286px;
     position: relative;
     position: relative;
-
     margin: 0 0 .5em .5em;
+
     z-index: 10;
-
    border: 0;
+
-
/*
+
-
    border: .5em solid white;
+
-
    border-width: .5em 0 .8em 1.4em;
+
-
*/
+
-
}
+
-
div.floatright p { font-style: italic; }
+
-
div.floatleft, table.floatleft {
+
-
    float: left;
+
-
    position: relative;
+
-
    margin: 0 .5em .5em 0;
+
-
    border: 0;
+
-
/*
+
-
    margin: .3em .5em .5em 0;
+
-
    border: .5em solid white;
+
-
    border-width: .5em 1.4em .8em 0;
+
-
*/
+
-
}
+
-
div.floatleft p { font-style: italic; }
+
-
/* thumbnails */
+
-
div.thumb {
+
-
    margin-bottom: .5em;
+
-
    border-style: solid;
+
-
    border-color: white;
+
-
    width: auto;
+
-
}
+
-
div.thumb div {
+
-
    border: 1px solid #ccc;
+
-
    padding: 3px !important;
+
-
    background-color: #f9f9f9;
+
-
    font-size: 94%;
+
-
    text-align: center;
+
-
    overflow: hidden;
+
-
}
+
-
div.thumb div a img {
+
-
    border: 1px solid #ccc;
+
-
}
+
-
div.thumb div div.thumbcaption {
+
-
    border: none;
+
-
    text-align: left;
+
-
    line-height: 1.4em;
+
-
    padding: .3em 0 .1em 0;
+
-
}
+
-
div.magnify {
+
-
    float: right;
+
-
    border: none !important;
+
-
    background: none !important;
+
-
}
+
-
div.magnify a, div.magnify img {
+
-
    display: block;
+
-
    border: none !important;
+
-
    background: none !important;
+
-
}
+
-
div.tright {
+
-
    clear: right;
+
-
    float: right;
+
-
    border-width: .5em 0 .8em 1.4em;
+
-
}
+
-
div.tleft {
+
-
    float: left;
+
-
    margin-right: .5em;
+
-
    border-width: .5em 1.4em .8em 0;
+
}
}
-
.hiddenStructure {
+
#tinted-info-box {
-
     display: none;
+
     width:100%
-
}
+
    overflow:hidden;
-
img.tex {
+
    padding:10px;
-
     vertical-align: middle;
+
    height:286px;
-
}
+
     clear:both;
-
span.texhtml {
+
     background-color: #00F2BC;
-
     font-family: serif;
+
   
 +
 
}
}
-
/*
+
#left-gray-box {
-
** classes for special content elements like town boxes
+
     width:100%;
-
** intended to be referenced directly from the wiki src
+
     padding-left: 10px;
-
*/
+
     background-color: #e6e6e6;
-
 
+
-
/*
+
-
** User styles
+
-
*/
+
-
/* table standards */
+
-
table.rimage {
+
-
    float: right;
+
-
    position: relative;
+
-
    margin-left: 1em;
+
-
    margin-bottom: 1em;
+
-
    text-align: center;
+
-
}
+
-
.toccolours {
+
-
     border: 1px solid #aaa;
+
-
    background-color: #f9f9f9;
+
-
     padding: 5px;
+
-
    font-size: 95%;
+
-
}
+
-
div.townBox {
+
-
    position: relative;
+
-
    float: right;
+
-
    background: white;
+
-
    margin-left: 1em;
+
-
    border: 1px solid gray;
+
-
    padding: .3em;
+
-
    width: 200px;
+
-
    overflow: hidden;
+
-
    clear: right;
+
-
}
+
-
div.townBox dl {
+
-
    padding: 0;
+
-
    margin: 0 0 .3em;
+
-
    font-size: 96%;
+
-
}
+
-
div.townBox dl dt {
+
-
    background: none;
+
-
    margin: .4em 0 0;
+
-
}
+
-
div.townBox dl dd {
+
-
    margin: .1em 0 0 1.1em;
+
-
     background-color: #f3f3f3;
+
}
}
-
/*
+
#info-box1,#info-box2,#info-box3,#info-box4 {
-
** edit views etc
+
    background-color:#00CDD0;
-
*/
+
    color:#282560;
-
.special li {
+
    overflow:hidden;
-
     line-height: 1.4em;
+
     width:228px;
-
     margin: 0;
+
     margin-top: 18px;
-
     padding: 0;
+
     cursor: pointer;
-
}
+
    -moz-border-radius: 10px;
 +
    border-radius: 10px;
-
/* Page history styling */
 
-
/* the auto-generated edit comments */
 
-
.autocomment {
 
-
    color: gray;
 
}
}
-
#pagehistory span.user {
+
#info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{
-
     margin-left: 1.4em;
+
     color:#282560;
-
     margin-right: .4em;
+
    text-align:center;
 +
     text-transform:uppercase;
}
}
-
#pagehistory span.minor {
+
#info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{
-
     font-weight: bold;
+
     color:#000
}
}
-
#pagehistory li {
+
.right-info-box{
-
    border: 1px solid white;
+
}
}
-
#pagehistory li.selected {
+
.center-info-box{
-
     background-color: #f9f9f9;
+
     float:left;
-
    border: 1px dashed #aaa;
+
}
}
-
 
+
/* software */
-
/*
+
#tourbar a.software{
-
** Diff rendering
+
     background-color:#B5FFEE;
-
*/
+
-
table.diff, td.diff-otitle, td.diff-ntitle {
+
-
     background-color: white;
+
}
}
-
td.diff-addedline {
+
#info-box1{
-
     background: #cfc;
+
     margin-top:0;
-
    font-size: smaller;
+
/*    background-color:#00cdd0;*/
-
}
+
     background-color:#B5FFEE;
-
td.diff-deletedline {
+
     margin-left:12px;
-
    background: #ffa;
+
-
    font-size: smaller;
+
-
}
+
-
td.diff-context {
+
-
     background: #eee;
+
-
    font-size: smaller;
+
-
}
+
-
span.diffchange {
+
-
    color: red;
+
-
     font-weight: bold;
+
}
}
-
/*
+
#info-box1:hover {
-
** keep the whitespace in front of the ^=, hides rule from konqueror
+
     background-color: #93DDB4
-
** this is css3, the validator doesn't like it when validating as css2
+
-
*/
+
-
#bodyContent a[href ^="http://"],
+
-
#bodyContent a[href ^="gopher://"] {
+
-
/*    background: url(external.png) center right no-repeat;    rdr */
+
-
/*    padding-right: 13px;                                    rdr */
+
-
}
+
-
#bodyContent a[href ^="https://"],
+
-
.link-https {
+
-
     background: url(lock_icon.gif) center right no-repeat;
+
-
    padding-right: 16px;
+
-
}
+
-
#bodyContent a[href ^="mailto:"],
+
-
.link-mailto {
+
-
    background: url(mail_icon.gif) center right no-repeat;
+
-
    padding-right: 18px;
+
-
}
+
-
#bodyContent a[href ^="news://"] {
+
-
    background: url(news_icon.png) center right no-repeat;
+
-
    padding-right: 18px;
+
-
}
+
-
#bodyContent a[href ^="ftp://"],
+
-
.link-ftp {
+
-
    background: url(file_icon.gif) center right no-repeat;
+
-
    padding-right: 18px;
+
-
}
+
-
#bodyContent a[href ^="irc://"],
+
-
.link-irc {
+
-
    background: url(discussionitem_icon.gif) center right no-repeat;
+
-
    padding-right: 18px;
+
-
}
+
-
/* disable interwiki styling */
+
-
#bodyContent a.extiw,
+
-
#bodyContent a.extiw:active {
+
-
    color: #36b;
+
-
    background: none;
+
-
    padding: 0;
+
-
}
+
-
/* this can be used in the content area to switch off
+
-
special external link styling */
+
-
#bodyContent .plainlinks a {
+
-
    background: none !important;
+
-
    padding: 0;
+
}
}
-
/* the icon in front of the user name, single quotes
+
/* kit box */
-
in bg url to hide it from iemac */
+
#tourbar a.kit {
-
li#pt-userpage,
+
     background-color:#b8fed1;
-
li#pt-anonuserpage,
+
-
li#pt-login {
+
-
     padding-left: 20px;
+
-
    text-transform: none;
+
}
}
-
 
+
#info-box2{
-
/* hide from incapable browsers */
+
    /*background-color: # b8fed1;*/
-
head:first-child+body #footer li { white-space: nowrap; }
+
     background-color:#D6FFE2;
-
 
+
-
 
+
-
/* js pref toc */
+
-
#preftoc {
+
-
     float: left;
+
-
    margin: 1em;
+
-
    width: 13em;
+
}
}
-
#preftoc li {
+
#info-box2:hover {
-
    border: 1px solid white;
+
     /*background-color:#9AC2FD;*/
-
}
+
     background-color:#A6FFC0;
-
#preftoc li.selected {
+
-
     background-color: #f9f9f9;
+
-
    border: 1px dashed #aaa;
+
-
}
+
-
#preftoc a,
+
-
#preftoc a:active {
+
-
    display: block;
+
-
     color: #0014a6;
+
-
}
+
-
#prefcontrol {
+
-
    clear: both;
+
-
    float: left;
+
-
    margin-top: 1em;
+
-
}
+
-
div.prefsectiontip {
+
-
    font-size: 95%;
+
-
    margin-top: 1em;
+
-
}
+
-
fieldset.operaprefsection {
+
-
    margin-left: 15em;
+
}
}
-
/*
+
/* achievments boxes*/
-
** IE/Mac fixes, hope to find a validating way to move this
+
#tourbar a.achievements{
-
** to a separate stylesheet. This would work but doesn't validate:
+
    background-color:#B4FFC9;
-
** @import("IEMacFixes.css");
+
-
*/
+
-
/* tabs: border on the a, not the div */
+
-
* > html #p-cactions li { border: none; }
+
-
* > html #p-cactions li a {
+
-
    border: 1px solid #aaa;
+
-
    border-bottom: none;
+
}
}
-
 
+
#info-box3{
-
/* * > html #p-cactions li.selected a { border-color: #00bd23; }  */
+
/*   background-color:# 7 3FF9A;*/
-
/* footer icons need a fixed width */
+
     background-color:#B4FFC9;
-
* > html #f-poweredbyico,
+
     margin-left:17px;
-
/* * > html #f-copyrightico { width: 88px; } */
+
-
* > html #bodyContent,
+
-
* > html #bodyContent pre {
+
-
     overflow-x: auto;
+
-
    width: 100%;
+
-
     padding-bottom: 25px;
+
}
}
-
 
+
#info-box3:hover {
-
/* more IE fixes */
+
     background-color:#93DDb8;
-
/* float/negative margin brokenness */
+
-
* html #footer {margin-top: 0;}
+
-
* html #column-content {
+
-
     display: inline;
+
-
    margin-bottom: 0;
+
}
}
-
* html div.editsection { font-size: smaller; }
 
-
#pagehistory li.selected { position: relative; }
 
-
/* Mac IE 5.0 fix; floated content turns invisible */
+
/* biobytes boxes */
-
* > html #column-content {
+
#tourbar a.biobytes{
-
     float: none;
+
     background-color:#BCD7FF;
}
}
-
* > html #column-one {
+
#info-box4 {
-
    position: absolute;
+
/*    background-color:#00F2BC;*/
-
     left: 0;
+
     background-color:#BCD7FF;
-
     top: 0;
+
     margin-left:18px;
}
}
-
* > html #footer {
+
#info-box4:hover {
-
    margin-left: 13.2em;
+
/*    background-color:#33f5f6;*/
-
}
+
     background-color:#9AC2FD;
-
.redirectText {
+
-
    font-size: 150%;
+
-
     margin: 5px;
+
}
}
-
.printfooter {
 
-
    display: none;
 
-
}
 
-
.not-patrolled {
 
-
    background-color: #ffa;
 
-
}
 
-
div.patrollink {
 
-
    font-size: 75%;
 
-
    text-align: right;
 
-
}
 
-
span.newpage, span.minor, span.searchmatch {
 
-
    font-weight: bold;
 
-
}
 
-
span.unpatrolled {
 
-
    font-weight: bold;
 
-
    color: red;
 
-
}
 
-
span.searchmatch {
+
/* parts table */
-
    color: red;
+
#mytable
-
}
+
{
-
.sharedUploadNotice {
+
width: 100%;
-
    font-style: italic;
+
padding: 0;
 +
margin: 0;
}
}
-
span.updatedmarker {
+
#mytable th
-
    color: black;
+
{
-
    background-color: #0f0;
+
  background-color:#282560;
-
}
+
  color:#fff;
-
span.newpageletter {
+
  padding:6px 6px 6px 12px;
-
    font-weight: bold;
+
  text-align:left;
-
    color: black;
+
-
    background-color: yellow;
+
-
}
+
-
span.minoreditletter {
+
-
    color: black;
+
-
    background-color: #c5ffe6;
+
}
}
-
table.gallery {
+
#mytable td
-
    border: 1px solid #ccc;
+
{
-
    margin: 2px;
+
background: #ccc;
-
    padding: 2px;
+
padding: 0.3em 0.3em 0.3em 0.7em;
-
    background-color: white;
+
color: #282560;
}
}
-
table.gallery tr {
 
-
    vertical-align: top;
 
-
}
 
-
table.gallery td {
+
#mytable td.alt
-
    vertical-align: top;
+
{
-
    background-color: #f9f9f9;
+
background: #ffffff;
-
    border: solid 2px white;
+
color: #282560;
}
}
-
div.gallerybox {
+
#mytable th.spec
-
    margin: 2px;
+
{
-
    width: 150px;
+
background: #a5a5a5 no-repeat;
 +
font: bold 1em "Trebuchet MS", Times;
 +
        color: #ffffff;
}
}
-
div.gallerybox div.thumb {
+
#mytable th.specalt
-
    text-align: center;
+
{
-
    border: 1px solid #ccc;
+
background: #ffffff no-repeat;
-
    margin: 2px;
+
font: bold 1em "Trebuchet MS", Times;
 +
color: #656565;
}
}
-
 
+
#mytable a:visited, #mytable a:link, #mytable a:hover{
-
div.gallerytext {
+
     color:#282560;
-
     font-size: 94%;
+
     text-decoration:underline;
-
     padding: 2px 4px;
+
}
}
-
 
+
#mytable a:hover {
-
span.comment {
+
    color:#00F2BC;
-
font-style: italic;
+
}
}
-
span.changedby {
+
/********* things we changed ***********/
-
font-size: 95%;
+
 
-
}
+
-
.previewnote {
+
#toctitle, span.tocnumber {
-
text-align: center;
+
  display:none;
-
color: #cc0000;
+
}
}
-
.editExternally {
+
.toclevel-1{
-
border: 1px solid gray;
+
  margin-bottom:1em;
-
background-color: #ffffff;
+
-
padding: 3px;
+
-
margin-top: 0.5em;
+
-
float: left;
+
-
font-size: small;
+
-
text-align: center;
+
}
}
-
.editExternallyHelp {
+
.toclevel-2{
-
font-style: italic;
+
  display:none;
-
color: gray;
+
}
}
-
 
+
span.toctext {
-
li span.deleted {
+
  color: #282560;
-
text-decoration: line-through;
+
  font-size:14px;
-
color: #888;
+
  line-height:14px;
-
font-style: italic;
+
}
}
-
.toggle {
+
#footer-box{
-
margin-left: 2em;
+
  background-color:#E6E6E6;
-
text-indent: -2em;
+
  border:none;
 +
  margin:100px auto 0;
 +
  padding:5px;
 +
  width:965px;
}
}
-
 
+
body {
-
/* Classes for EXIF data display */
+
  background-color:#FFFFFF;
-
table.metadata {
+
  background-image:url("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png");
-
font-size: 0.8em;
+
  background-repeat:repeat-x;
-
margin-left: 0.5em;
+
-
margin-bottom: 0.5em;
+
}
}
-
table.metadata caption {
+
#thanks-footer{
-
font-weight: bold;
+
    position: relative;
 +
    width: 1032px;
 +
    left: 0px;
 +
    clear:both;
 +
    background-color: #DDDDDD;
 +
    top: 12px;
 +
    border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    text-align: center;
}
}
-
table.metadata th {
+
/* new colors */
-
font-weight: normal;
+
-
}
+
-
table.metadata td {
+
h1, h2, h3, h4, h5, h6 {
-
padding: 0.1em;
+
    color: #9D2063;
 +
    border:none;
}
}
-
table.metadata {
+
h2 {
-
border: none;
+
    line-height:125%;
-
border-collapse: collapse;
+
}
}
-
table.metadata td, table.metadata th {
+
h3{
-
text-align: center;
+
  font-size:100%;
-
border: 1px solid #aaaaaa;
+
  font-weight:normal;
-
padding-left: 0.1em;
+
  position:relative;
-
padding-right: 0.1em;
+
  top:-1em;
 +
  color: #282560;
 +
  font-style: italic;
 +
  margin-bottom: -0.5em;
}
}
-
table.metadata th {
+
span.editsection, span.editsection a{
-
background-color: #f9f9f9;
+
    color:#ccc;
}
}
-
 
+
body{
-
table.metadata td {
+
    background-color:#fff;
-
background-color: #fcfcfc;
+
}
}
-
 
+
#content{
-
/* filetoc */
+
    border:none;
-
ul#filetoc {
+
    width:975px;
-
text-align: center;
+
    padding-left:0;
-
border: 1px solid #aaaaaa;
+
    padding-right:0;
-
background-color: #f9f9f9;
+
-
padding: 5px;
+
-
font-size: 95%;
+
-
margin-bottom: 0.5em;
+
-
margin-left: 0;
+
-
margin-right: 0;
+
}
}
-
#filetoc li {
+
#menubar li a, #menubar .selected a, #menubar li a:visited{  
-
display: inline;
+
    color: #888;
-
list-style-type: none;
+
-
padding-right: 2em;
+
}
}
-
 
+
#menubar li a:hover{
-
/* @bug 1714 */
+
    color: #00F2BC;
-
input#wpSave, input#wpDiff {
+
-
margin-right: 0.33em;
+
}
}
-
/* Classes for article validation */
+
/* table of contents */
-
 
+
#toc{
-
table.revisionform_default {
+
    background-color: #EEEEEE;
-
border: 1px solid #000000;
+
    border:none;
 +
    width:100%;
 +
    padding-top: 14px;
 +
    -moz-border-radius: 10px;
 +
    border-radius: 10px;
}
}
 +
/*timeline stuff*/
-
table.revisionform_focus {
+
/*months and their overlaying divs*/
-
border: 1px solid #000000;
+
-
background-color:#00BBFF;
+
-
}
+
-
tr.revision_tr_default {
+
#May{
-
background-color:#EEEEEE;
+
background-color: Orange;
-
}
+
height: 500px;
 +
width: 780 px;
-
tr.revision_tr_first {
 
-
background-color:#DDDDDD;
 
}
}
-
p.revision_saved {
+
ul.rolodex{
-
color: green;
+
    list-style-type: none;
-
font-weight:bold;
+
    list-style-image: none;
}
}
-
#mw_trackbacks {
+
ul.rolodex li{
-
border: solid 1px #bbbbff;
+
    color: #282560;
-
background-color: #eeeeff;
+
-
padding: 0.2em;
+
}
}
-
 
+
ul.rolodex li:hover {
-
 
+
    color: #00F2BC;
-
/* Allmessages table */
+
    cursor: pointer;
-
 
+
-
#allmessagestable th {
+
-
background-color: #b2b2ff;
+
}
}
-
#allmessagestable tr.orig {
+
.startimage:hover {
-
background-color: #ffe2e2;
+
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 +
    -moz-opacity: 0.5;
 +
    opacity: 0.5;
}
}
-
 
+
div#horiz-line {
-
#allmessagestable tr.new {
+
    height: 3px;
-
background-color: #e2ffe2;
+
    width: 100%;
 +
    background-color: #282560;
 +
    margin-top: -1em;
 +
    margin-bottom: 1em;
}
}
-
 
+
#highschool4 {
-
#allmessagestable tr.def {
+
    position: relative;
-
background-color: #f0f0ff;
+
    top: 468px;
}
}

Latest revision as of 03:39, 28 October 2010

/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet

  • edited by Team Alberta 2010 for their wiki
  • /


div#test{ background-color:red; width:100px; height:100px; }

/* things we want to hide */

  1. info-box1 h2 .editsection, #info-box2 h2 .editsection, #info-box3 h2 .editsection, #info-box4 h2 .editsection{

display:none; } h1.firstHeading { display:none; }

  1. p-logo{ 
 display:none;

}

/* rearrange the topsection bar */

  1. top-section{ 
   height:0;

}

  1. menubar{ 
   top:0;

}

  1. search-controls{ 
   top:4px;
   left:547px;
   width:0;

}

  1. searchInput{ 
   border:1px solid white;
   position:absolute;

} /*

  1. mw-searchButton{ 
   color:#FFFFFF;
   left:172px;
   top:0;
   position:absolute;

}

  1. searchGoButton{ 
   position:absolute;
   left:130px;

}

  • /
  1. searchGoButton{ 
 display:none;

}

  1. mw-searchButton{ 
 background-color:#282560;
 border:1px solid white;
 color:transparent;
 height:19px;
 left:124px;
 position:absolute;
 top:-1px;
 width:24px;
 cursor:pointer;
 background-image:url("Team-alberta-search-glass.png");
 background-position:center center;
 background-repeat:no-repeat;

}


/******** things we added ****************/

  1. tour-link{ 
 -moz-border-radius:10px 10px 10px 10px;  
 -webkit-border-radius:10px 10px 10px 10px;  
 background-color:#282560;  
 position: absolute;
 bottom: 0px;
 left: 0px;
 padding:28px;
 width: 89%;
 text-align:center;
 z-index: 10;

}

  1. tour-link:hover{ 
 background-color:#403B9D;
 cursor: pointer;

}

  1. tour-link p { 
 margin: 0;
 color:#FFFFFF;
 font-weight:bold;
 font-size:30px;

}

div#igem-logo-link{ 

 background-color:transparent;
 background-image:url("Team-Alberta-IGEM-logo100x77.png");
 height:77px;
 margin:0;
 position:absolute;
 width:100px;
 left:870px;
 top:33px;

}

div#igem-logo-link a{ 

 color:transparent;
 display:block;
 height:77px;
 width:100px;

}

  1. top-strip{ 
   background-color:#282560;
   clear:both;
   display:block;
   height:170px;
   padding-left:50%;
   padding-right:54%;
   position:absolute;
   top:0;
   width:0

}

  1. top-strip h2{ 
   color:#73FF9A;
   display:block;
   font-size:35px;
   font-weight:bold;
   left:61px;
   line-height:39px;
   position:relative;
   top:22px;

}

/*** position the genomikon logo ***/

  1. top-strip a img{ 
   position:absolute;
   top:38px;
   left:0;
   width:auto;
   height:79px;

}

/*** navbar styling **/

  1. navbar { 
   position:absolute;
   top:131px;

}

  1. navbar ul { 
   list-style:none;
   width:100%;

}

  1. navbar ul li{ 
   float:left;
   position:relative;

}

  1. navbar ul li a:visited,#navbar ul li a:link{ 
   margin-right:30px;
   color:#fff;
   font-weight:bold;

}

  1. navbar ul li a:hover,#navbar ul li a.selected { 
   color:#00F2BC;
   text-decoration:none;

}

  1. navbar li.headlink ul{ 
   display:table;
   display:none;
   background-color:#282560;
   margin:0 10px 0 0;
   text-align:left;
   padding:10px;
   z-index:20;
   position:absolute;
   left:-10px;
   width:100%;

}

  1. navbar li.headlink ul li{ 
    float:none;

}


/* make a content area in center and a sidebar on each side*/

  1. left-sidebar, #right-sidebar, #center-content, #wide-content{ 
   float:left;
   /* leave space for header */
   margin-top:170px;
   min-height:1em;

}

  1. left-sidebar.not-top, #right-sidebar.not-top, #center-content.not-top, #wide-content.not-top{ 
   margin-top:0;

}

  1. center-content{ 
   width:550px;

} /*The centre content for the Timeline needs to be a bit wider*/

  1. center-content .timeline{ 
   width:800px;
   float:none;

}

  1. wide-content{ 
   width:1075px;

}

  1. left-sidebar, #right-sidebar{ 
   width:198px;

} /*Need Timeline to start at left*/

  1. left-sidebar .Timeline{ 
   width:0px;

}

  1. left-sidebar{ 
   margin-right:20px;

}

  1. right-sidebar{ 
   border:none;
   margin-left:20px;

/* position: absolute; 

   right: 0px;
   width: 190px;
   border-left: 3px solid gray;
   font-size: 95%;
   line-height: 90%;*/

}

  1. tourbar-back{ 
   clear:both;
   height: 3px;
   width: 100%;
   background-color: #EEEEEE;

} /* the tourbar */

  1. tourbar{ 
   clear:both;
   height:5em;
   margin:173px auto 4em;
   width:788px;

}

  1. tourbar a{ 
   background:none repeat scroll 0 0 #CCCCCC;
   color:black;
   display:block;
   float:left;
   height:1em;
   padding:3em 0;
   text-align:center;
   vertical-align:middle;
   font-weight: bold;
   width:100px;
   margin-right:5px;
   margin-left:5px;
   -moz-border-radius: 10px;
   border-radius: 10px;

}

  1. tourbar a:hover{ 
   text-decoration: none;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;

}

  1. tourbar a.selected{ 
   margin-top:1em;

}

  1. tourbar a.left{ 
   background-color:white;
   background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png");
   background-repeat:no-repeat;
   width:54px;

}

  1. tourbar a.right{ 
   background-color:white;
   background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png");
   background-repeat:no-repeat;
   width:54px;

} /* the info boxes on homepage */

  1. main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{ 
   height:250px;
   padding:18px;
   z-index:-1;
   float:left;

}

  1. info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol { 
   margin-left: 1em;

}

  1. main-info-box { 
   width:550px;
   overflow:hidden;
   padding:0;
   height:286px;
   position: relative;
   z-index: 10;

}

  1. tinted-info-box { 
   width:100%
   overflow:hidden;
   padding:10px;
   height:286px;
   clear:both;
   background-color: #00F2BC;

}

  1. left-gray-box { 
   width:100%;
   padding-left: 10px;
   background-color: #e6e6e6;

}

  1. info-box1,#info-box2,#info-box3,#info-box4 { 
   background-color:#00CDD0;
   color:#282560;
   overflow:hidden;
   width:228px;
   margin-top: 18px;
   cursor: pointer;
   -moz-border-radius: 10px;
   border-radius: 10px;

}

  1. info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{ 
   color:#282560;
   text-align:center;
   text-transform:uppercase;

}

  1. info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{ 
   color:#000

} .right-info-box{ } .center-info-box{ 

   float:left;

} /* software */

  1. tourbar a.software{ 
   background-color:#B5FFEE;

}

  1. info-box1{ 
   margin-top:0;

/* background-color:#00cdd0;*/ 

   background-color:#B5FFEE;
   margin-left:12px;

}

  1. info-box1:hover { 
   background-color: #93DDB4

}

/* kit box */

  1. tourbar a.kit { 
   background-color:#b8fed1;

}

  1. info-box2{ 
   /*background-color: # b8fed1;*/
   background-color:#D6FFE2;

}

  1. info-box2:hover { 
   /*background-color:#9AC2FD;*/
   background-color:#A6FFC0;

}

/* achievments boxes*/

  1. tourbar a.achievements{ 
   background-color:#B4FFC9;

}

  1. info-box3{

/* background-color:# 7 3FF9A;*/ 

   background-color:#B4FFC9;
   margin-left:17px;

}

  1. info-box3:hover { 
   background-color:#93DDb8;

}

/* biobytes boxes */

  1. tourbar a.biobytes{ 
   background-color:#BCD7FF;

}

  1. info-box4 {

/* background-color:#00F2BC;*/ 

   background-color:#BCD7FF;
   margin-left:18px;

}

  1. info-box4:hover {

/* background-color:#33f5f6;*/ 

   background-color:#9AC2FD;

}


/* parts table */

  1. mytable

{ width: 100%; padding: 0; margin: 0; }

  1. mytable th

{ 

 background-color:#282560;
 color:#fff;
 padding:6px 6px 6px 12px;
 text-align:left;

}

  1. mytable td

{ background: #ccc; padding: 0.3em 0.3em 0.3em 0.7em; color: #282560; }


  1. mytable td.alt

{ background: #ffffff; color: #282560; }

  1. mytable th.spec

{ background: #a5a5a5 no-repeat; font: bold 1em "Trebuchet MS", Times; 

       color: #ffffff;

}

  1. mytable th.specalt

{ background: #ffffff no-repeat; font: bold 1em "Trebuchet MS", Times; color: #656565; }

  1. mytable a:visited, #mytable a:link, #mytable a:hover{ 
   color:#282560;
   text-decoration:underline;

}

  1. mytable a:hover { 
    color:#00F2BC;

}

/********* things we changed ***********/


  1. toctitle, span.tocnumber { 
 display:none;

} .toclevel-1{ 

 margin-bottom:1em;

} .toclevel-2{ 

 display:none;

} span.toctext { 

 color: #282560;
 font-size:14px;
 line-height:14px;

}

  1. footer-box{ 
 background-color:#E6E6E6;
 border:none;
 margin:100px auto 0;
 padding:5px;
 width:965px;

} body { 

 background-color:#FFFFFF;
 background-image:url("Team-Alberta-topStrip.png");
 background-repeat:repeat-x;

}

  1. thanks-footer{ 
   position: relative;
   width: 1032px;
   left: 0px;
   clear:both;
   background-color: #DDDDDD;
   top: 12px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   text-align: center;

}

/* new colors */

h1, h2, h3, h4, h5, h6 { 

   color: #9D2063;
   border:none;

}

h2 { 

   line-height:125%;

}

h3{ 

  font-size:100%;
  font-weight:normal;
  position:relative;
  top:-1em;
  color: #282560;
  font-style: italic;
  margin-bottom: -0.5em;

}

span.editsection, span.editsection a{ 

   color:#ccc;

} body{ 

   background-color:#fff;

}

  1. content{ 
   border:none;
   width:975px;
   padding-left:0;
   padding-right:0;

}

  1. menubar li a, #menubar .selected a, #menubar li a:visited{ 
   color: #888;

}

  1. menubar li a:hover{ 
   color: #00F2BC;

}


/* table of contents */

  1. toc{ 
   background-color: #EEEEEE;
   border:none;
   width:100%;
   padding-top: 14px;
   -moz-border-radius: 10px;
   border-radius: 10px;

} /*timeline stuff*/

/*months and their overlaying divs*/

  1. May{

background-color: Orange; height: 500px; width: 780 px;

}

ul.rolodex{ 

   list-style-type: none;
   list-style-image: none;

}

ul.rolodex li{ 

   color: #282560;

} ul.rolodex li:hover { 

   color: #00F2BC;
   cursor: pointer;

}

.startimage:hover { 

   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;

} div#horiz-line { 

   height: 3px;
   width: 100%;
   background-color: #282560;
   margin-top: -1em;
   margin-bottom: 1em;

}

  1. highschool4 { 
   position: relative;
   top: 468px;

}

Retrieved from "http://2010.igem.org/Team:Alberta/genomikon.css"