Team:Alberta/genomikon.css

From 2010.igem.org

(Difference between revisions)
Line 3: Line 3:
*/
*/
-
/* hide the editing in the info-boxes so it doesn't mess up the titles*/
+
 
-
#info-box1 span.editsection,#info-box2 span.editsection,#info-box3 span.editsection,#info-box4 span.editsection{
+
-
  display:none;
+
-
}
+
/* things we want to hide */
/* things we want to hide */
Line 67: Line 64:
/******** things we added ****************/
/******** things we added ****************/
-
a#tourstart{
 
-
  background-color:#CCCCCC;
 
-
  color:#FFFFFF;
 
-
  font-size:30px;
 
-
  font-weight:bold;
 
-
  padding:18px;
 
-
  text-align:center;
 
-
  display:block;
 
-
  margin-right:3px;
 
-
  margin-top:11px;
 
-
}
 
-
 
-
 
div#igem-logo-link{
div#igem-logo-link{
   background-color:transparent;
   background-color:transparent;
Line 110: Line 94:
}
}
#top-strip h2{
#top-strip h2{
-
     color:#e6e6e6;
+
     color:#73FF9A;
     display:block;
     display:block;
     font-size:35px;
     font-size:35px;
Line 166: Line 150:
/* 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.not-top, #right-sidebar.not-top,#center-content.not-top, #wide-content.not-top{
 
-
    margin-top:0;
 
-
}
 
-
 
#left-sidebar, #right-sidebar, #center-content, #wide-content{
#left-sidebar, #right-sidebar, #center-content, #wide-content{
     float:left;
     float:left;
Line 176: Line 156:
     /* leave space for header */
     /* leave space for header */
     margin-top:170px;
     margin-top:170px;
-
    min-height:1em;
 
}
}
#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{
Line 218: Line 196:
     height:5em;
     height:5em;
     margin:173px auto 4em;
     margin:173px auto 4em;
-
     width:788px;
+
     width:678px;
}
}
#tourbar a{
#tourbar a{
Line 260: Line 238:
     height:286px;
     height:286px;
     clear:both;
     clear:both;
-
}
 
-
#main-info-box h2{
 
-
    font-size:30px;
 
-
    line-height:30px;
 
-
}
 
-
 
-
#main-info-box p{
 
-
    font-size:20px;
 
-
    line-height:28px;
 
}
}
Line 311: Line 280:
}
}
/* software */
/* software */
-
#tourbar a.achievements{
+
#tourbar a.software{
     background-color:#00cdd0;
     background-color:#00cdd0;
}
}
Line 317: Line 286:
     margin-top:0;
     margin-top:0;
     background-color:#00cdd0;
     background-color:#00cdd0;
 +
}
 +
 +
#info-box1:hover {
 +
    background-color: #33fffc;
}
}
/* kit box */
/* kit box */
-
#tourbar a.software{
+
#tourbar a.kit {
     background-color:#b8fed1;
     background-color:#b8fed1;
}
}
#info-box2{
#info-box2{
     background-color:#b8fed1;
     background-color:#b8fed1;
 +
    height:268px;
 +
    padding-top:0;
 +
}
 +
#info-box2:hover {
 +
    background-color:#e1fff4;
}
}
-
/* achievements boxes*/
+
/* achievments boxes*/
-
 
+
#tourbar a.achievments{
-
#tourbar a.biobytes{
+
     background-color:#73FF9A;
     background-color:#73FF9A;
}
}
Line 335: Line 312:
     background-color:#73FF9A;
     background-color:#73FF9A;
     margin-left:0;
     margin-left:0;
 +
}
 +
#info-box3:hover {
 +
    background-color:#33f5f6;
}
}
/* biobytes boxes */
/* biobytes boxes */
-
#tourbar a.kit {
+
#tourbar a.biobytes{
     background-color:#00F2BC;
     background-color:#00F2BC;
}
}
Line 344: Line 324:
     background-color:#00F2BC;
     background-color:#00F2BC;
     margin-left:18px;
     margin-left:18px;
 +
}
 +
#info-box4:hover {
 +
    background-color:#a6ffbe;
}
}
Line 454: Line 437:
     border:none;
     border:none;
     width:100%;
     width:100%;
 +
}
 +
/*timeline stuff*/
 +
 +
/*months and their overlaying divs*/
 +
 +
#May{
 +
background-color: Orange;
 +
height: 500px;
 +
width: 780 px;
 +
}
}
Line 468: Line 461:
     cursor: pointer;
     cursor: pointer;
}
}
-
/*******SlideshowCSS*/
 
-
#slideshow {
 
-
    position:relative;
 
-
    height:350px;
 
-
}
 
-
 
-
#slideshow IMG {
 
-
    position:absolute;
 
-
    top:0;
 
-
    left:0;
 
-
    z-index:8;
 
-
}
 
-
 
-
#slideshow IMG.active {
 
-
    z-index:10;
 
-
}
 
-
 
-
#slideshow IMG.last-active {
 
-
    z-index:9;
 
-
}
 
-
/*end of slideshow CSS*/
 

Revision as of 22:29, 25 October 2010

/* 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;
   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:none;
   background-color:#282560;
   margin:0 10px 0 0;
   text-align:left;
   padding:10px;
   z-index:20;
   position:absolute;
   left:-10px;

}

  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;
   /* position below the drop down menus*/
   z-index:-1;
   /* 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 tourbar */

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

}

  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;
   width:100px;
   margin-right:5px;
   margin-left:5px;

}

  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;

}

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

}

  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;

}

  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{ 

   position:relative;
   left:1px;

} .center-info-box{ 

   float:left;

} /* software */

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

}

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

}

  1. info-box1:hover { 
   background-color: #33fffc;

}

/* kit box */

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

}

  1. info-box2{ 
   background-color:#b8fed1;
   height:268px;
   padding-top:0;

}

  1. info-box2:hover { 
   background-color:#e1fff4;

}

/* achievments boxes*/

  1. tourbar a.achievments{ 
   background-color:#73FF9A;

}

  1. info-box3{ 
   background-color:#73FF9A;
   margin-left:0;

}

  1. info-box3:hover { 
   background-color:#33f5f6;

}

/* biobytes boxes */

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

}

  1. info-box4 { 
   background-color:#00F2BC;
   margin-left:18px;

}

  1. info-box4:hover { 
   background-color:#a6ffbe;

}


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

}

ul.rolodex{ 

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

}

ul.rolodex li{ 

   color: #282560;

} ul.rolodex li:hover { 

   color: #00F2BC;
   cursor: pointer;

}

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