Team:Alberta/sample.css

From 2011.igem.org

Revision as of 05:11, 26 June 2011 by HelenZ (Talk | contribs)

/* 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. searchGoButton{

display:none; }

  1. mw-searchButton{ 
  /* background-color:#282560; */
   background-color:#FFFCD5;

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; */ 
   background-color:#FFFCD5;

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; */
   background-color:#FFFCD5;

clear:both; display:block; height:170px; 

      padding-left:50%;
      padding-right:54%;

position:absolute; top:0; width:0 }

  1. top-strip h2{ 
   /* color:#73FF9A; */

color:#FFFCD5; 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; */

color:#FFFCD5; 

     font-weight:bold;

}

  1. navbar ul li a:hover,#navbar ul li a.selected { 
   /* color:#00F2BC; */

color:#39B54A; 

     text-decoration:none;

}

  1. navbar li.headlink ul{

display:table; display:none; 

       /*background-color:#282560;*/
       background-color:#39B54A;

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;
   background-color:#FFFCD5;
   /* color:#282560; */

color:#FFFCD5;

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; */

color:#FFFCD5; 

     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; */
   background-color:#FFFCD5;

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; */

color:#FFFCD5;

}

  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; */

color:#FFFCD5; 

     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; */

color:#FFFCD5; 

     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; */

color:#FFFCD5; 

     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; */

color:#FFFCD5;

} 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; */
      background-color:#FFFCD5;
      margin-top: -1em;
      margin-bottom: 1em;

}

  1. highschool4 {

position: relative; top: 468px; }

Retrieved from "http://2011.igem.org/Team:Alberta/sample.css"