Team:Alberta/genomikon.css

From 2010.igem.org

(Difference between revisions)

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

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

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

p-logo{

 display:none;

}

/* rearrange the topsection bar */

top-section{

   height:0;

}

menubar{

   top:0;

}

search-controls{

   top:4px;
   left:547px;
   width:0;

}

searchInput{

   border:1px solid white;
   position:absolute;

} /*

mw-searchButton{

   color:#FFFFFF;
   left:172px;
   top:0;
   position:absolute;

}

searchGoButton{

   position:absolute;
   left:130px;

}

/

searchGoButton{

 display:none;

}

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("");
 background-position:center center;
 background-repeat:no-repeat;

}

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

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;

}

tour-link:hover{

 background-color:#403B9D;
 cursor: pointer;

}

tour-link p {

 margin: 0;
 color:#FFFFFF;
 font-weight:bold;
 font-size:30px;

}

div#igem-logo-link{

 background-color:transparent;
 background-image:url("");
 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;

}

top-strip{

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

}

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

top-strip a img{

   position:absolute;
   top:38px;
   left:0;
   width:auto;
   height:79px;

}

/*** navbar styling **/

navbar {

   position:absolute;
   top:131px;

}

navbar ul {

   list-style:none;
   width:100%;

}

navbar ul li{

   float:left;
   position:relative;

}

navbar ul li a:visited,#navbar ul li a:link{

   margin-right:30px;
   color:#fff;
   font-weight:bold;

}

navbar ul li a:hover,#navbar ul li a.selected {

   color:#00F2BC;
   text-decoration:none;

}

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

}

navbar li.headlink ul li{

    float:none;

}

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

left-sidebar, #right-sidebar, #center-content, #wide-content{

   float:left;
   /* leave space for header */
   margin-top:170px;
   min-height:1em;

}

left-sidebar.not-top, #right-sidebar.not-top, #center-content.not-top, #wide-content.not-top{

   margin-top:0;

}

center-content{

   width:550px;

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

center-content .timeline{

   width:800px;
   float:none;

}

wide-content{

   width:1075px;

}

left-sidebar, #right-sidebar{

   width:198px;

} /*Need Timeline to start at left*/

left-sidebar .Timeline{

   width:0px;

}

left-sidebar{

   margin-right:20px;

}

right-sidebar{

   border:none;
   margin-left:20px;

/* position: absolute;

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

}

tourbar-back{

   clear:both;
   height: 3px;
   width: 100%;
   background-color: #EEEEEE;

} /* the tourbar */

tourbar{

   clear:both;
   height:5em;
   margin:173px auto 4em;
   width:788px;

}

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;

}

tourbar a:hover{

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

}

tourbar a.selected{

   margin-top:1em;

}

tourbar a.left{

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

}

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

main-info-box,#info-box1,#info-box2,#info-box3,#info-box4{

   height:250px;
   padding:18px;
   z-index:-1;
   float:left;

}

info-box1 ol,#info-box2 ol,#info-box3 ol,#info-box4 ol {

   margin-left: 1em;

}

main-info-box {

   width:550px;
   overflow:hidden;
   padding:0;
   height:286px;
   position: relative;
   z-index: 10;

}

tinted-info-box {

   width:100%
   overflow:hidden;
   padding:10px;
   height:286px;
   clear:both;
   background-color: #00F2BC;

}

left-gray-box {

   width:100%;
   padding-left: 10px;
   background-color: #e6e6e6;

}

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;

}

info-box1 h2,#info-box2 h2,#info-box3 h2,#info-box4 h2{

   color:#282560;
   text-align:center;
   text-transform:uppercase;

}

info-box1 p,#info-box2 p,#info-box3 p,#info-box4 p{

   color:#000

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

   float:left;

} /* software */

tourbar a.software{

   background-color:#B5FFEE;

}

info-box1{

   margin-top:0;

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

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

}

info-box1:hover {

   background-color: #93DDB4

}

/* kit box */

tourbar a.kit {

   background-color:#b8fed1;

}

info-box2{

   /*background-color: # b8fed1;*/
   background-color:#D6FFE2;

}

info-box2:hover {

   /*background-color:#9AC2FD;*/
   background-color:#A6FFC0;

}

/* achievments boxes*/

tourbar a.achievements{

   background-color:#B4FFC9;

}

info-box3{

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

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

}

info-box3:hover {

   background-color:#93DDb8;

}

/* biobytes boxes */

tourbar a.biobytes{

   background-color:#BCD7FF;

}

info-box4 {

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

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

}

info-box4:hover {

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

   background-color:#9AC2FD;

}

/* parts table */

mytable

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

mytable th

{

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

}

mytable td

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

mytable td.alt

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

mytable th.spec

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

       color: #ffffff;

}

mytable th.specalt

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

mytable a:visited, #mytable a:link, #mytable a:hover{

   color:#282560;
   text-decoration:underline;

}

mytable a:hover {

    color:#00F2BC;

}

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

toctitle, span.tocnumber {

 display:none;

} .toclevel-1{

 margin-bottom:1em;

} .toclevel-2{

 display:none;

} span.toctext {

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

}

footer-box{

 background-color:#E6E6E6;
 border:none;
 margin:100px auto 0;
 padding:5px;
 width:965px;

} body {

 background-color:#FFFFFF;
 background-image:url("");
 background-repeat:repeat-x;

}

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;

}

content{

   border:none;
   width:975px;
   padding-left:0;
   padding-right:0;

}

menubar li a, #menubar .selected a, #menubar li a:visited{

   color: #888;

}

menubar li a:hover{

   color: #00F2BC;

}

/* table of contents */

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

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;

}

highschool4 {

   position: relative;
   top: 468px;

}