Team:Alberta

From 2010.igem.org

(Difference between revisions)
m (→Genomikon: an Educational Toolkit for the Rapid Assembly of Plasmids.)
Line 1: Line 1:
-
{{Team:Alberta/Head}}
 
-
{{Team:Alberta/navbar|home=selected}}
 
-
{{Team:Alberta/beginLeftSideBar|toc=NO}}
+
/* NOTE This is an edited version of the MediaWiki 'monobook' style sheet
 +
*      edited by Team Alberta 2010 for their wiki
 +
*/
-
<html>
 
-
<img width="224" height="579" border="0" src="/wiki/images/e/e1/Team-alberta-sidebar-homepage.jpg" alt="Image:Team-alberta-sidebar-homepage.jpg" style="float: right; position: relative; top: 5px;">
 
-
<!--  this stuff is for other pictures, will remove after cleaning up some styling
 
-
[[Image:Team-alberta-sidebar-homepage.jpg]]
 
-
<img width="227" height="579" border="0" src="/wiki/images/b/b0/Team-alberta-sidebar1.jpg" alt="Image:team-alberta-sidebar1.jpg" style="float: right; position: relative; top: -20px;">
 
-
[[Image:team-alberta-sidebar1.jpg]] -->
 
-
</html>
 
-
{{Team:Alberta/endLeftSideBar}}
 
-
{{Team:Alberta/beginRightSideBar}}
+
/* things we want to hide */
-
<div id="info-box1" class="right-info-box">
+
h1.firstHeading {
-
==Our Achievements==
+
display:none;
-
1. Perfecting the Biobyte plasmid assembly technology
+
}
-
2. Modeled the effeciency of the Biobyte assembly method.
+
#p-logo{
 +
  display:none;
 +
}
-
3. Creating a teaching kit for high schools assembling synthetic plasmids compatible with the most basic lab equipment
+
/* rearrange the topsection bar */
 +
#top-section{
 +
    height:0;
 +
}
 +
#menubar{
 +
    top:0;
 +
}
 +
#search-controls{
 +
    top:4px;
 +
    left:745px;
 +
    width:0;
 +
}
 +
#searchInput{
 +
    border:1px solid white;
 +
    position:absolute;
 +
}
 +
/*
 +
#mw-searchButton{
 +
    color:#FFFFFF;
 +
    left:172px;
 +
    top:0;
 +
    position:absolute;
 +
}
 +
#searchGoButton{
 +
    position:absolute;
 +
    left:130px;
 +
}
 +
*/
-
4. Creating an online interactive lab manual and teaching tool
+
#searchGoButton{
-
</div>
+
  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("https://static.igem.org/mediawiki/2010/8/83/Team-alberta-search-glass.png");
 +
  background-position:center center;
 +
  background-repeat:no-repeat;
 +
}
-
<div id="info-box2" class="right-info-box">
 
-
==THE SOFTWARE==
 
-
Learn how to use the kit then, create and share your own designs!
 
-
<html>
 
-
<!---[[Image:team-alberta-main-page-plasmid-builder.png]]-->
 
-
<img width="242" height="96" border="0" src="/wiki/images/a/a9/Team-alberta-main-page-plasmid-builder.png" alt="Image:team-alberta-main-page-plasmid-builder.png" style="position: relative; top: 60px; left: -9px;">
 
-
</html>
 
-
</div>
 
-
{{Team:Alberta/endRightSideBar}}
 
-
{{Team:Alberta/beginMainContent}}
+
/******** things we added ****************/
 +
div#igem-logo-link{
 +
  background-color:transparent;
 +
  background-image:url("https://static.igem.org/mediawiki/2010/7/74/Team-Alberta-IGEM-logo100x77.png");
 +
  height:77px;
 +
  margin:0;
 +
  position:absolute;
 +
  width:100px;
 +
  left:947px;
 +
  top:33px;
 +
}
-
<div id="main-info-box">
+
div#igem-logo-link a{
-
==Genomikon: an Educational Toolkit for the Rapid Assembly of Plasmids.==
+
  color:transparent;
-
Genomikon uses cutting edge technology to bring synthetic biology into the classroom.  It's about making Synthetic Biology accessible, reliable and easy to use. To learn more, take the tour, or dive into the details with the other links.
+
  display:block;
-
<html><a href="https://2010.igem.org/Team:Alberta/Tour/start" "id="tourstart">START THE TOUR</a></html>
+
  height:77px;
-
</div>
+
  width:100px;
 +
}
-
<div id="info-box3" class="center-info-box">
+
#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;
 +
}
-
==Biobytes 2.0==
+
/*** position the genomikon logo ***/
-
Continually developing the biobyte assembly technology created by the Alberta 2009 team we were able to make this rapid plasmid assembly method amenable to a highschool teaching kit.
+
#top-strip a img{
-
</div>
+
    position:absolute;
 +
    top:38px;
 +
    left:0;
 +
    width:auto;
 +
    height:79px;
 +
}
-
<div id="info-box4" class="center-info-box">
+
/*** navbar styling **/
-
==The kit==
+
#navbar {
-
Everything you need to put together a plasmid in an afternoon.
+
    position:absolute;
 +
    top:131px;
 +
}
 +
#navbar ul {
 +
    list-style:none;
 +
}
 +
#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:none;
 +
    background-color:#282560;
 +
    margin:0 10px 0 0;
 +
    text-align:left;
 +
    padding:10px;
 +
    z-index:20;
 +
    position:absolute;
 +
    left:-10px;
 +
}
 +
#navbar li.headlink ul li{
 +
    float:none;
 +
}
-
[[Image:team-alberta-closed-kit-image-w264.png||x171px]]
 
-
</div>
 
-
{{Team:Alberta/endMainContent}}
+
/* make a content area in center and a sidebar on each side*/
 +
#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;
 +
}
 +
#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:975px;
 +
}
 +
 
 +
#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%;*/
 +
}
 +
 
 +
/* the tourbar */
 +
#tourbar{
 +
    clear:both;
 +
    height:5em;
 +
    margin:173px auto 4em;
 +
    width:678px;
 +
}
 +
#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;
 +
}
 +
#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;
 +
}
 +
#main-info-box {
 +
    width:100%;
 +
    overflow:hidden;
 +
    padding:0;
 +
    height:286px;
 +
    clear:both;
 +
}
 +
 
 +
#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;
 +
}
 +
#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{
 +
    position:relative;
 +
    left:1px;
 +
}
 +
.center-info-box{
 +
    float:left;
 +
}
 +
/* software */
 +
#tourbar a.software{
 +
    background-color:#00cdd0;
 +
}
 +
#info-box1{
 +
    margin-top:0;
 +
    background-color:#00cdd0;
 +
}
 +
 
 +
#info-box1:hover {
 +
    background-color: #33fffc;
 +
}
 +
 
 +
/* kit box */
 +
#tourbar a.kit {
 +
    background-color:#b8fed1;
 +
}
 +
#info-box2{
 +
    background-color:#b8fed1;
 +
    height:268px;
 +
    padding-top:0;
 +
}
 +
#info-box2:hover {
 +
    background-color:#e1fff4;
 +
}
 +
 
 +
/* achievments boxes*/
 +
#tourbar a.achievments{
 +
    background-color:#73FF9A;
 +
}
 +
#info-box3{
 +
    background-color:#73FF9A;
 +
    margin-left:0;
 +
}
 +
#info-box3:hover {
 +
    background-color:#a6ffbe;
 +
}
 +
 
 +
/* biobytes boxes */
 +
#tourbar a.biobytes{
 +
    background-color:#00F2BC;
 +
}
 +
#info-box4 {
 +
    background-color:#00F2BC;
 +
    margin-left:18px;
 +
}
 +
#info-box4:hover {
 +
    background-color:#33f5f6;
 +
}
 +
 
 +
 
 +
 
 +
/* 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 ***********/
 +
#footer-box{
 +
  background-color:#E6E6E6;
 +
  border:none;
 +
  margin:100px auto 0;
 +
  padding:5px;
 +
  width:965px;
 +
}
 +
body {
 +
  background-color:#FFFFFF;
 +
  background-image:url("https://static.igem.org/mediawiki/2010/3/36/Team-Alberta-topStrip.png");
 +
  background-repeat:repeat-x;
 +
}
 +
 
 +
#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;
 +
}
 +
#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:#e6e6e6;
 +
    border:none;
 +
    width:100%;
 +
}
 +
/*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;
 +
}

Revision as of 22:44, 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;
   cursor: pointer;

}

  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:#a6ffbe;

}

/* biobytes boxes */

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

}

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

}

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

}


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