Team:Alberta/sample.css

From 2011.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet  
/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet  
-
*      edited by Team Alberta 2010 for their wiki
+
*      edited by Team Alberta 2010 for their wiki
-
*/
+
*/
div#test{
div#test{
-
    background-color:red;
+
background-color:red;
width:100px;
width:100px;
height:100px;
height:100px;
Line 19: Line 19:
#p-logo{
#p-logo{
-
display:none;
+
  display:none;
}
}
/* rearrange the topsection bar */
/* rearrange the topsection bar */
#top-section{
#top-section{
-
height:0;
+
    height:0;
}
}
#menubar{
#menubar{
-
top:0;
+
    top:0;
}
}
#search-controls{
#search-controls{
-
top:4px;
+
    top:4px;
-
left:547px;
+
    left:547px;
-
width:0;
+
    width:0;
}
}
#searchInput{
#searchInput{
-
border:1px solid white;
+
    border:1px solid white;
-
position:absolute;
+
    position:absolute;
}
}
-
 
+
/*
 +
#mw-searchButton{
 +
    color:#FFFFFF;
 +
    left:172px;
 +
    top:0;
 +
    position:absolute;
 +
}
 +
#searchGoButton{
 +
    position:absolute;
 +
    left:130px;
 +
}
 +
*/
#searchGoButton{
#searchGoButton{
-
display:none;
+
  display:none;
}
}
#mw-searchButton{
#mw-searchButton{
-
    background-color:#FFFCD5;
+
  background-color:#282560;
-
border:1px solid white;
+
  border:1px solid white;
-
color:transparent;
+
  color:transparent;
-
height:19px;
+
  height:19px;
-
left:124px;
+
  left:124px;
-
position:absolute;
+
  position:absolute;
-
top:-1px;
+
  top:-1px;
-
width:24px;
+
  width:24px;
-
cursor:pointer;
+
  cursor:pointer;
-
      background-image:url("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png");
+
  background-image:url("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png");
-
      background-position:center center;
+
  background-position:center center;
-
      background-repeat:no-repeat;
+
  background-repeat:no-repeat;
}
}
Line 62: Line 73:
/******** things we added ****************/
/******** things we added ****************/
#tour-link{
#tour-link{
-
    -moz-border-radius:10px 10px 10px 10px;   
+
  -moz-border-radius:10px 10px 10px 10px;   
-
    -webkit-border-radius:10px 10px 10px 10px;   
+
  -webkit-border-radius:10px 10px 10px 10px;   
-
    background-color:#FFFCD5;
+
  background-color:#282560;
-
position: absolute;
+
  position: absolute;
-
bottom: 0px;
+
  bottom: 0px;
-
left: 0px;
+
  left: 0px;
-
padding:28px;
+
  padding:28px;
-
width: 89%;
+
  width: 89%;
-
      text-align:center;
+
  text-align:center;
-
      z-index: 10;
+
  z-index: 10;
}
}
#tour-link:hover{
#tour-link:hover{
-
    background-color:#403B9D;
+
  background-color:#403B9D;
-
cursor: pointer;
+
  cursor: pointer;
}
}
#tour-link p {
#tour-link p {
-
margin: 0;
+
  margin: 0;
-
color:#FFFFFF;
+
  color:#FFFFFF;
-
      font-weight:bold;
+
  font-weight:bold;
-
      font-size:30px;
+
  font-size:30px;
}
}
div#igem-logo-link{
div#igem-logo-link{
-
    background-color:transparent;
+
  background-color:transparent;
-
    background-image:url("https://static.igem.org/mediawiki/2010/7/74/Team-Alberta-IGEM-logo100x77.png");
+
  background-image:url("https://static.igem.org/mediawiki/2010/7/74/Team-Alberta-IGEM-logo100x77.png");
-
height:77px;
+
  height:77px;
-
margin:0;
+
  margin:0;
-
position:absolute;
+
  position:absolute;
-
width:100px;
+
  width:100px;
-
left:870px;
+
  left:870px;
-
top:33px;
+
  top:33px;
}
}
div#igem-logo-link a{
div#igem-logo-link a{
-
color:transparent;
+
  color:transparent;
-
display:block;
+
  display:block;
-
height:77px;
+
  height:77px;
-
width:100px;
+
  width:100px;
}
}
#top-strip{
#top-strip{
-
     background-color:#FFFCD5;
+
     background-color:#282560;
-
clear:both;
+
    clear:both;
-
display:block;
+
    display:block;
-
height:170px;
+
    height:170px;
-
      padding-left:50%;
+
    padding-left:50%;
-
      padding-right:54%;
+
    padding-right:54%;
-
position:absolute;
+
    position:absolute;
-
top:0;
+
    top:0;
-
width:0
+
    width:0
}
}
#top-strip h2{
#top-strip h2{
-
     /* color:#73FF9A; */
+
     color:#73FF9A;
-
color:#FFFCD5;
+
    display:block;
-
display:block;
+
    font-size:35px;
-
        font-size:35px;
+
    font-weight:bold;
-
        font-weight:bold;
+
    left:61px;
-
left:61px;
+
    line-height:39px;
-
    line-height:39px;
+
    position:relative;
-
position:relative;
+
    top:22px;
-
top:22px;
+
}
}
/*** position the genomikon logo ***/
/*** position the genomikon logo ***/
#top-strip a img{
#top-strip a img{
-
position:absolute;
+
    position:absolute;
-
top:38px;
+
    top:38px;
-
left:0;
+
    left:0;
-
width:auto;
+
    width:auto;
-
height:79px;
+
    height:79px;
}
}
/*** navbar styling **/
/*** navbar styling **/
#navbar {
#navbar {
-
position:absolute;
+
    position:absolute;
-
top:131px;
+
    top:131px;
}
}
#navbar ul {
#navbar ul {
     list-style:none;
     list-style:none;
-
width:100%;
+
    width:100%;
}
}
#navbar ul li{
#navbar ul li{
-
float:left;
+
    float:left;
-
position:relative;
+
    position:relative;
}
}
#navbar ul li a:visited,#navbar ul li a:link{
#navbar ul li a:visited,#navbar ul li a:link{
     margin-right:30px;
     margin-right:30px;
-
     /*  color:#fff; */
+
     color:#fff;
-
color:#FFFCD5;
+
    font-weight:bold;
-
      font-weight:bold;
+
}
}
#navbar ul li a:hover,#navbar ul li a.selected {
#navbar ul li a:hover,#navbar ul li a.selected {
-
     /* color:#00F2BC; */
+
     color:#00F2BC;
-
color:#39B54A;
+
    text-decoration:none;
-
      text-decoration:none;
+
}
}
#navbar li.headlink ul{
#navbar li.headlink ul{
-
display:table;
+
    display:table;
-
display:none;
+
    display:none;
-
        background-color:#39B54A;
+
    background-color:#282560;
-
margin:0 10px 0 0;
+
    margin:0 10px 0 0;
-
      text-align:left;
+
    text-align:left;
-
padding:10px;
+
    padding:10px;
-
        z-index:20;
+
    z-index:20;
-
position:absolute;
+
    position:absolute;
-
left:-10px;
+
    left:-10px;
-
width:100%;
+
    width:100%;
}
}
#navbar li.headlink ul li{
#navbar li.headlink ul li{
-
float:none;
+
    float:none;
}
}
Line 178: Line 186:
/* make a content area in center and a sidebar on each side*/
/* make a content area in center and a sidebar on each side*/
#left-sidebar, #right-sidebar, #center-content, #wide-content{
#left-sidebar, #right-sidebar, #center-content, #wide-content{
-
float:left;
+
    float:left;
-
      /* leave space for header */
+
    /* leave space for header */
-
      margin-top:170px;
+
    margin-top:170px;
-
      min-height:1em;
+
    min-height:1em;
}
}
Line 189: Line 197:
#center-content{
#center-content{
-
width:550px;  
+
    width:550px;  
}
}
/*The centre content for the Timeline needs to be a bit wider*/
/*The centre content for the Timeline needs to be a bit wider*/
#center-content .timeline{
#center-content .timeline{
-
width:800px;
+
    width:800px;
-
float:none;
+
    float:none;
}
}
#wide-content{
#wide-content{
-
width:1075px;
+
    width:1075px;
}
}
-
 
#left-sidebar, #right-sidebar{
#left-sidebar, #right-sidebar{
-
width:198px;
+
    width:198px;
}
}
/*Need Timeline to start at left*/
/*Need Timeline to start at left*/
#left-sidebar .Timeline{
#left-sidebar .Timeline{
-
width:0px;
+
    width:0px;
}
}
#left-sidebar{
#left-sidebar{
Line 212: Line 219:
}
}
#right-sidebar{
#right-sidebar{
-
border:none;
+
    border:none;
-
      margin-left:20px;
+
    margin-left:20px;
-
 
+
 
-
      /*  position: absolute;
+
/*  position: absolute;
-
right: 0px;
+
    right: 0px;
-
width: 190px;
+
    width: 190px;
-
border-left: 3px solid gray;
+
    border-left: 3px solid gray;
-
font-size: 95%;
+
    font-size: 95%;
-
line-height: 90%;*/
+
    line-height: 90%;*/
}
}
#tourbar-back{
#tourbar-back{
-
clear:both;
+
    clear:both;
-
height: 3px;
+
    height: 3px;
-
width: 100%;
+
    width: 100%;
-
      background-color: #EEEEEE;
+
    background-color: #EEEEEE;
}
}
/* the tourbar */
/* the tourbar */
#tourbar{
#tourbar{
-
clear:both;
+
    clear:both;
-
height:5em;
+
    height:5em;
-
margin:173px auto 4em;
+
    margin:173px auto 4em;
-
width:788px;
+
    width:788px;
}
}
#tourbar a{
#tourbar a{
-
background:none repeat scroll 0 0 #CCCCCC;
+
    background:none repeat scroll 0 0 #CCCCCC;
-
color:black;
+
    color:black;
-
display:block;
+
    display:block;
-
float:left;
+
    float:left;
-
height:1em;
+
    height:1em;
-
padding:3em 0;
+
    padding:3em 0;
-
        text-align:center;
+
    text-align:center;
-
        vertical-align:middle;
+
    vertical-align:middle;
-
        font-weight: bold;
+
    font-weight: bold;
-
width:100px;
+
    width:100px;
-
      margin-right:5px;
+
    margin-right:5px;
-
      margin-left:5px;
+
    margin-left:5px;
-
      -moz-border-radius: 10px;
+
    -moz-border-radius: 10px;
-
      border-radius: 10px;
+
    border-radius: 10px;
}
}
Line 256: Line 263:
#tourbar a:hover{
#tourbar a:hover{
     text-decoration: none;
     text-decoration: none;
-
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-
      -moz-opacity: 0.5;
+
    -moz-opacity: 0.5;
-
opacity: 0.5;
+
    opacity: 0.5;
}
}
Line 268: Line 275:
     background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png");
     background-image:url("/wiki/images/d/da/Team-alberta-left-arrow.png");
     background-repeat:no-repeat;
     background-repeat:no-repeat;
-
width:54px;
+
    width:54px;
}
}
#tourbar a.right{
#tourbar a.right{
Line 274: Line 281:
     background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png");
     background-image:url("/wiki/images/6/6f/Team-alberta-right-arrow.png");
     background-repeat:no-repeat;
     background-repeat:no-repeat;
-
width:54px;
+
    width:54px;
}
}
/* the info boxes on homepage */
/* the info boxes on homepage */
#main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{
#main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{
-
height:250px;
+
    height:250px;
-
padding:18px;
+
    padding:18px;
-
        z-index:-1;
+
    z-index:-1;
-
float:left;
+
    float:left;
}
}
#info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol {
#info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol {
Line 288: Line 295:
#main-info-box {
#main-info-box {
-
width:550px;
+
    width:550px;
-
overflow:hidden;
+
    overflow:hidden;
-
padding:0;
+
    padding:0;
-
height:286px;
+
    height:286px;
-
position: relative;
+
    position: relative;
-
          z-index: 10;
+
    z-index: 10;
}
}
#tinted-info-box {
#tinted-info-box {
-
width:100%
+
    width:100%
-
          overflow:hidden;
+
    overflow:hidden;
-
padding:10px;
+
    padding:10px;
-
height:286px;
+
    height:286px;
-
clear:both;
+
    clear:both;
-
      background-color: #00F2BC;
+
    background-color: #00F2BC;
-
 
+
   
}
}
#left-gray-box {
#left-gray-box {
-
width:100%;
+
    width:100%;
-
      padding-left: 10px;
+
    padding-left: 10px;
-
      background-color: #e6e6e6;
+
    background-color: #e6e6e6;
}
}
#info-box1,#info-box2,#info-box3,#info-box4 {
#info-box1,#info-box2,#info-box3,#info-box4 {
-
     //background-color:#00CDD0;
+
     background-color:#00CDD0;
-
     background-color:#FFFCD5;
+
     color:#282560;
-
color:#FFFCD5;
+
    overflow:hidden;
-
 
+
    width:228px;
-
overflow:hidden;
+
    margin-top: 18px;
-
width:228px;
+
    cursor: pointer;
-
      margin-top: 18px;
+
    -moz-border-radius: 10px;
-
cursor: pointer;
+
    border-radius: 10px;
-
        -moz-border-radius: 10px;
+
-
        border-radius: 10px;
+
}
}
#info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{
#info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{
-
color:#FFFCD5;
+
    color:#282560;
-
 
+
    text-align:center;
-
      text-align:center;
+
    text-transform:uppercase;
-
      text-transform:uppercase;
+
}
}
#info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{
#info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{
-
color:#000
+
    color:#000
}
}
.right-info-box{
.right-info-box{
}
}
.center-info-box{
.center-info-box{
-
float:left;
+
    float:left;
}
}
/* software */
/* software */
Line 346: Line 350:
#info-box1{
#info-box1{
     margin-top:0;
     margin-top:0;
-
    /*    background-color:#00cdd0;*/
+
/*    background-color:#00cdd0;*/
     background-color:#B5FFEE;
     background-color:#B5FFEE;
     margin-left:12px;
     margin-left:12px;
Line 374: Line 378:
}
}
#info-box3{
#info-box3{
-
    /*    background-color:# 7 3FF9A;*/
+
/*    background-color:# 7 3FF9A;*/
     background-color:#B4FFC9;
     background-color:#B4FFC9;
     margin-left:17px;
     margin-left:17px;
Line 387: Line 391:
}
}
#info-box4 {
#info-box4 {
-
    /*    background-color:#00F2BC;*/
+
/*    background-color:#00F2BC;*/
     background-color:#BCD7FF;
     background-color:#BCD7FF;
     margin-left:18px;
     margin-left:18px;
}
}
#info-box4:hover {
#info-box4:hover {
-
    /*    background-color:#33f5f6;*/
+
/*    background-color:#33f5f6;*/
     background-color:#9AC2FD;
     background-color:#9AC2FD;
}
}
Line 401: Line 405:
#mytable  
#mytable  
{
{
-
width: 100%;
+
width: 100%;
-
padding: 0;
+
padding: 0;
-
margin: 0;
+
margin: 0;
}
}
#mytable th  
#mytable th  
{
{
-
    background-color:#FFFCD5;
+
  background-color:#282560;
-
color:#fff;
+
  color:#fff;
-
padding:6px 6px 6px 12px;
+
  padding:6px 6px 6px 12px;
-
        text-align:left;
+
  text-align:left;
}
}
#mytable td  
#mytable td  
{
{
-
background: #ccc;
+
background: #ccc;
-
padding: 0.3em 0.3em 0.3em 0.7em;
+
padding: 0.3em 0.3em 0.3em 0.7em;
-
color:#FFFCD5;
+
color: #282560;
}
}
Line 424: Line 428:
#mytable td.alt  
#mytable td.alt  
{
{
-
background: #ffffff;
+
background: #ffffff;
-
color:#FFFCD5;
+
color: #282560;
-
 
+
}
}
#mytable th.spec  
#mytable th.spec  
{
{
-
background: #a5a5a5 no-repeat;
+
background: #a5a5a5 no-repeat;
-
font: bold 1em "Trebuchet MS", Times;
+
font: bold 1em "Trebuchet MS", Times;
-
color: #ffffff;
+
        color: #ffffff;
}
}
#mytable th.specalt  
#mytable th.specalt  
{
{
-
background: #ffffff no-repeat;
+
background: #ffffff no-repeat;
-
font: bold 1em "Trebuchet MS", Times;
+
font: bold 1em "Trebuchet MS", Times;
-
color: #656565;
+
color: #656565;
}
}
#mytable a:visited, #mytable a:link, #mytable a:hover{
#mytable a:visited, #mytable a:link, #mytable a:hover{
-
color:#FFFCD5;
+
    color:#282560;
-
      text-decoration:underline;
+
    text-decoration:underline;
}
}
#mytable a:hover {
#mytable a:hover {
-
color:#00F2BC;
+
    color:#00F2BC;
}
}
Line 454: Line 457:
#toctitle, span.tocnumber {
#toctitle, span.tocnumber {
-
display:none;
+
  display:none;
}
}
.toclevel-1{
.toclevel-1{
-
    margin-bottom:1em;
+
  margin-bottom:1em;
}
}
.toclevel-2{
.toclevel-2{
-
display:none;
+
  display:none;
}
}
span.toctext {
span.toctext {
-
color:#FFFCD5;
+
  color: #282560;
-
      font-size:14px;
+
  font-size:14px;
-
      line-height:14px;
+
  line-height:14px;
}
}
#footer-box{
#footer-box{
-
    background-color:#E6E6E6;
+
  background-color:#E6E6E6;
-
border:none;
+
  border:none;
-
margin:100px auto 0;
+
  margin:100px auto 0;
-
padding:5px;
+
  padding:5px;
-
width:965px;
+
  width:965px;
}
}
body {
body {
-
    background-color:#FFFFFF;
+
  background-color:#FFFFFF;
-
    background-image:url("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png");
+
  background-image:url("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png");
-
    background-repeat:repeat-x;
+
  background-repeat:repeat-x;
}
}
#thanks-footer{
#thanks-footer{
-
position: relative;
+
    position: relative;
-
width: 1032px;
+
    width: 1032px;
-
left: 0px;
+
    left: 0px;
-
clear:both;
+
    clear:both;
-
      background-color: #DDDDDD;
+
    background-color: #DDDDDD;
-
top: 12px;
+
    top: 12px;
-
    border-radius: 10px;
+
    border-radius: 10px;
-
    -moz-border-radius: 10px;
+
    -moz-border-radius: 10px;
-
    text-align: center;
+
    text-align: center;
}
}
Line 496: Line 499:
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
-
color: #9D2063;
+
    color: #9D2063;
-
border:none;
+
    border:none;
}
}
Line 505: Line 508:
h3{
h3{
-
    font-size:100%;
+
  font-size:100%;
-
    font-weight:normal;
+
  font-weight:normal;
-
position:relative;
+
  position:relative;
-
top:-1em;
+
  top:-1em;
-
color:#FFFCD5;
+
  color: #282560;
-
      font-style: italic;
+
  font-style: italic;
-
      margin-bottom: -0.5em;
+
  margin-bottom: -0.5em;
}
}
span.editsection, span.editsection a{
span.editsection, span.editsection a{
-
color:#ccc;
+
    color:#ccc;
}
}
body{
body{
Line 521: Line 524:
}
}
#content{
#content{
-
border:none;
+
    border:none;
-
width:975px;
+
    width:975px;
-
      padding-left:0;
+
    padding-left:0;
-
      padding-right:0;
+
    padding-right:0;
}
}
#menubar li a, #menubar .selected a, #menubar li a:visited{  
#menubar li a, #menubar .selected a, #menubar li a:visited{  
-
color: #888;
+
    color: #888;
}
}
#menubar li a:hover{
#menubar li a:hover{
-
color: #00F2BC;
+
    color: #00F2BC;
}
}
Line 538: Line 541:
#toc{
#toc{
     background-color: #EEEEEE;
     background-color: #EEEEEE;
-
border:none;
+
    border:none;
-
width:100%;
+
    width:100%;
-
      padding-top: 14px;
+
    padding-top: 14px;
-
      -moz-border-radius: 10px;
+
    -moz-border-radius: 10px;
-
      border-radius: 10px;
+
    border-radius: 10px;
}
}
/*timeline stuff*/
/*timeline stuff*/
Line 549: Line 552:
#May{
#May{
-
    background-color: Orange;
+
background-color: Orange;
height: 500px;
height: 500px;
width: 780 px;
width: 780 px;
Line 561: Line 564:
ul.rolodex li{
ul.rolodex li{
-
color:#FFFCD5;
+
    color: #282560;
-
 
+
}
}
ul.rolodex li:hover {
ul.rolodex li:hover {
-
color: #00F2BC;
+
    color: #00F2BC;
-
cursor: pointer;
+
    cursor: pointer;
}
}
.startimage:hover {
.startimage:hover {
-
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-
      -moz-opacity: 0.5;
+
    -moz-opacity: 0.5;
-
opacity: 0.5;
+
    opacity: 0.5;
}
}
div#horiz-line {
div#horiz-line {
-
        height: 3px;
+
    height: 3px;
-
        width: 100%;
+
    width: 100%;
-
      background-color:#FFFCD5;
+
    background-color: #282560;
-
      margin-top: -1em;
+
    margin-top: -1em;
-
      margin-bottom: 1em;
+
    margin-bottom: 1em;
}
}
#highschool4 {
#highschool4 {
-
position: relative;
+
    position: relative;
-
top: 468px;
+
    top: 468px;
}
}

Revision as of 05:33, 26 June 2011

/* 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://2011.igem.org/Team:Alberta/sample.css"