Team:Alberta/genomikon.css

From 2010.igem.org

Revision as of 05:08, 22 October 2010 by Mwilson (Talk | contribs)

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

  • edited by Team Alberta 2010 for their wiki
  • /


/* things we want to hide */ 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:745px;
   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 ****************/ div#igem-logo-link{

 background-color:transparent;
 background-image:url("Team-Alberta-IGEM-logo100x77.png");
 height:77px;
 margin:0;
 position:absolute;
 width:100px;
 left:947px;
 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;

}

  1. navbar ul li{
   float:left;

}

  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;

} li.headlink ul{ } 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;

}

  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:975px;

}

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

}

/* the info boxes on homepage */

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

}

  1. main-info-box {
   width:100%;
   overflow:hidden;
   padding:0;
   height:286px;
   clear:both;

}

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

} .right-info-box{

   position:relative;
   left:1px;

} .center-info-box{

   float:left;

}

  1. info-box1{
   margin-top:0;
   background-color:#00cdd0;

}

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

}

  1. info-box3{
   background-color:#00F2BC;
   margin-left:0;

}

  1. info-box4{
   background-color:#73FF9A;
   margin-left:18px;

}


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

body {

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

}

  1. footer{
   clear:both;

} h3{

  font-size:100%;
  font-weight:normal;
  position:relative;
  top:-1em;

}

/* new colors */ h1, h2, h3, h4, h5, h6 {

   color: #9D2063;
   border:none;

} 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:#e6e6e6;
   border:none;
   width:100%;

} /*timeline stuff*/

/*months and their overlaying divs*/

  1. May{

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

}