Template:WashUtop

From 2012.igem.org

(Difference between revisions)
 
(242 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
@charset "UTF-8";
 
-
 
/* iGEM wiki Hacker */
/* iGEM wiki Hacker */
-
/*
 
-
    Tripoli is a generic CSS standard for HTML rendering.
 
-
    Copyright (C) 2007  David Hellsing
 
-
 
-
    This program is free software: you can redistribute it and/or modify
 
-
    it under the terms of the GNU General Public License as published by
 
-
    the Free Software Foundation, either version 3 of the License, or
 
-
    (at your option) any later version.
 
-
 
-
    This program is distributed in the hope that it will be useful,
 
-
    but WITHOUT ANY WARRANTY; without even the implied warranty of
 
-
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
-
    GNU General Public License for more details.
 
-
 
-
    You should have received a copy of the GNU General Public License
 
-
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
-
*/
 
-
 
-
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
 
-
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
 
-
dfn, i, cite, var, address, em { font-style: normal; }
 
-
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
 
-
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
 
-
table { border-collapse: collapse; border-spacing: 0; }
 
-
caption, th, td, center { text-align: left; vertical-align: top; }
 
-
body { line-height: 1; background: white; color: black; }
 
-
q { quotes: "" ""; }
 
-
ul, ol, dir, menu { list-style: none; }
 
-
sub, sup { vertical-align: baseline; }
 
-
a { color: inherit; }
 
-
hr { display: none; } /* we don't need a visual hr in layout */
 
-
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
 
-
marquee { overflow: inherit !important; -moz-binding: none; }
 
-
blink { text-decoration: none; }
 
-
nobr { white-space: normal; }
 
-
 
-
/*
 
-
 
-
CHANGELOG
 
-
 
-
23/8-07
 
-
 
-
Added deprecated tags <listing>, <xmp> and <plaintext> in the code block
 
-
 
-
Resorted to normal white-space in all code tags
 
-
 
-
Disabled the deprecated <marquee>, <blink> and <nobr> tag in some browsers
 
-
 
-
*/
 
div#top-section {
div#top-section {
-
 
+
visibility:hidden;
background-color:transparent;
background-color:transparent;
background-repeat: no-repeat;
background-repeat: no-repeat;
height: 10px;
height: 10px;
-
width: 970px;
+
width: 965px;
border: none;
border: none;
z-index: 10;
z-index: 10;
Line 71: Line 20:
height: 20px;
height: 20px;
width: 300px;
width: 300px;
-
font-family: 'Book Antiqua', sans-serif;
+
font-family: 'Century Gothic', sans-serif;
font-size: 8pt;
font-size: 8pt;
}
}
Line 142: Line 91:
         overflow:hidden;
         overflow:hidden;
         display:block
         display:block
-
         width:960px;
+
         width:958px;
         margin-left:auto;
         margin-left:auto;
         margin-right:auto;
         margin-right:auto;
-
}
 
-
 
-
 
-
#footer {
 
}
}
Line 156: Line 101:
text-decoration:underline;
text-decoration:underline;
}
}
 +
/*Hacker ends here*/ /*Global Settings*/
/*Hacker ends here*/ /*Global Settings*/
Line 169: Line 115:
body  
body  
-
{background: url('https://static.igem.org/mediawiki/2012/f/f9/SaffronBackground.jpg');
+
{background: url('http://t.wallpaperweb.org/wallpaper/abstract/1600x1200/purple_shade.jpg');
background-attachment:fixed;
background-attachment:fixed;
-
height:100%;
 
}
}
#content  
#content  
{padding-left:0px; padding-right:0px;  
{padding-left:0px; padding-right:0px;  
-
background-color:transparent;}
+
background-color:transparent;
 +
border:none;
 +
}
p {color:#000000;
p {color:#000000;
Line 188: Line 135:
padding: 10px;
padding: 10px;
padding-top: 0px;
padding-top: 0px;
-
padding-right: 10px;
+
 
 +
 
}
}
Line 196: Line 144:
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 242px;
+
height: 180px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 212: Line 160:
/* Navbar */
/* Navbar */
-
nav2 {
+
#mainNav {
   font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
   font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 14px;
   font-size: 14px;
-
   float: left;
+
   float: center;
   line-height: 1.5;
   line-height: 1.5;
-
   margin: 1px;
+
   margin: 0 auto;
   -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
   -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
Line 225: Line 173:
.menu-item {
.menu-item {
   background: #fff;
   background: #fff;
-
   width: 137.5px;
+
   width: 159px;
   float: left;
   float: left;
}
}
.menu-item2 {
.menu-item2 {
   background: #fff;
   background: #fff;
-
   width: 137.5px;
+
   width: 170px;
   float: left;
   float: left;
}
}
Line 242: Line 190:
   font-weight: 500;
   font-weight: 500;
   padding: 7px 12px;
   padding: 7px 12px;
 +
  align:center;
   /*Gradient*/
   /*Gradient*/
   background: #a90329; /* Old browsers */
   background: #a90329; /* Old browsers */
-
   background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top, #4c0756 0%, #37053e 44%, #220326 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* IE10+ */
-
   background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
+
   background: linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0756', endColorstr='#220326',GradientType=0 ); /* IE6-9 */
}
}
Line 261: Line 210:
   font-weight: 500;
   font-weight: 500;
   padding: 7px 12px;
   padding: 7px 12px;
 +
  /*Gradient*/
  /*Gradient*/
   background: #a90329; /* Old browsers */
   background: #a90329; /* Old browsers */
-
   background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top, #4c0756 0%, #37053e 44%, #220326 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* IE10+ */
-
   background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
+
   background: linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0756', endColorstr='#220326',GradientType=0 ); /* IE6-9 */
}
}
.menu-item h4:hover {   
.menu-item h4:hover {   
-
   background: #cc002c; /* Old browsers */
+
   background: #61096d; /* Old browsers */
-
   background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top,  #61096d 0%, #37053e 100%); /* FF3.6+ */
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#37053e)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top,  #61096d 0%,#37053e 100%); /* IE10+ */
-
   background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
+
   background: linear-gradient(top,  #61096d 0%,#37053e 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61096d', endColorstr='#37053e',GradientType=0 ); /* IE6-9 */
}
}
.menu-item2 h4:hover {   
.menu-item2 h4:hover {   
-
   background: #cc002c; /* Old browsers */
+
   background: #61096d; /* Old browsers */
-
   background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top,  #61096d 0%, #37053e 100%); /* FF3.6+ */
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#37053e)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top,  #61096d 0%,#37053e 100%); /* IE10+ */
-
   background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
+
   background: linear-gradient(top,  #61096d 0%,#37053e 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61096d', endColorstr='#37053e',GradientType=0 ); /* IE6-9 */
}
}
Line 302: Line 252:
   width: 200px;
   width: 200px;
   list-style: none;
   list-style: none;
 +
  margin: 0 auto;
}
}
.menu-item2 h4 a {
.menu-item2 h4 a {
Line 309: Line 260:
   width: 200px;
   width: 200px;
   list-style: none;
   list-style: none;
 +
margin:0 auto;
}
}
-
 
/*ul Styles*/
/*ul Styles*/
Line 432: Line 383:
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         box-shadow: 0 8px 6px -6px black;
         box-shadow: 0 8px 6px -6px black;
-
         border: 10px solid rgba(255, 255, 255, 0.4);
+
         border: 2px solid rgba(255, 255, 255, 0.4);
-
         margin-top:20px;
+
         margin-top:0px;
         margin-left:auto;
         margin-left:auto;
         margin-right: auto;
         margin-right: auto;
Line 445: Line 396:
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 550px;
+
height: 600px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 460: Line 411:
#team{
#team{
-
width : 947 px;
+
        width : 947 px;
-
  float: center;
+
        float: center;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
Line 470: Line 421:
         border: 10px solid rgba(255, 255, 255, 0.4);
         border: 10px solid rgba(255, 255, 255, 0.4);
         margin-top:20px;
         margin-top:20px;
-
        margin-left:auto;
 
-
        margin-right: auto;
 
}
}
Line 511: Line 460:
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 1248px;
+
height: 1240px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:2px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 
 +
#overviewkan{
 +
  width: 786px;
 +
        float: right;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 158px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:2px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 
 +
#results{
 +
width: 786px;
 +
        float: right;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 1010px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 526: Line 507:
width: 786px;
width: 786px;
         float: right;
         float: right;
 +
text-align:left;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 2448px;
+
height: 2880px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 541: Line 523:
/* Notebook */
/* Notebook */
#weeklylog{
#weeklylog{
-
width : 947 px;
+
width : 947px;
-
   float: center;
+
   float:center;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 780px;
+
height: 500px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         box-shadow: 0 8px 6px -6px black;
         box-shadow: 0 8px 6px -6px black;
-
         border: 10px solid rgba(255, 255, 255, 0.4);
+
         border: 10px solid rgba(255, 255, 255, 255);
         margin-top:20px;
         margin-top:20px;
         margin-left:auto;
         margin-left:auto;
Line 567: Line 549:
         border: 10px solid rgba(255, 255, 255, 0.4);
         border: 10px solid rgba(255, 255, 255, 0.4);
         margin-top:20px;
         margin-top:20px;
-
         margin-left:auto;
+
         margin-bottom:10px;
-
        margin-right: auto;
+
-
        margin-bototm:10px;
+
}
}
Line 607: Line 587:
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 1px 0px 5px 0px ;
         padding: 1px 0px 5px 0px ;
-
height: 3500px;
+
height: 4500px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 632: Line 612:
         margin-bottom:20px;
         margin-bottom:20px;
}
}
 +
 +
#extralongweek2{
 +
width : 947 px;
 +
  float: center;
 +
background-color:#fcf4fa;
 +
        padding: 1px 0px 5px 0px ;
 +
height: 5400px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 +
#mediumlongweek{
 +
width : 947 px;
 +
  float: center;
 +
background-color:#fcf4fa;
 +
        padding: 1px 0px 5px 0px ;
 +
height: 2500px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
}
 +
 +
#week3{
 +
width : 947 px;
 +
  float: center;
 +
background-color:#fcf4fa;
 +
        padding: 1px 0px 5px 0px ;
 +
height: 1680px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-bottom:10px;
 +
}
 +
 +
#longweek2{
 +
width : 947 px;
 +
  float: center;
 +
background-color:#fcf4fa;
 +
        padding: 1px 0px 5px 0px ;
 +
height: 3200px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
}
 +
 +
#longweek3{
 +
width : 947 px;
 +
  float: center;
 +
background-color:#fcf4fa;
 +
        padding: 1px 0px 5px 0px ;
 +
height: 2900px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
}
 +
 +
#longweek4{
 +
width : 947 px;
 +
  float: center;
 +
background-color:#fcf4fa;
 +
        padding: 1px 0px 5px 0px ;
 +
height: 3600px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
}
 +
 +
#longweek5{
 +
width : 947 px;
 +
  float: center;
 +
background-color:#fcf4fa;
 +
        padding: 1px 0px 5px 0px ;
 +
height: 4000px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
}
 +
/* YLC Project */
/* YLC Project */
Line 653: Line 739:
width: 786px;
width: 786px;
         float: right;
         float: right;
 +
        text-align:left;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
Line 668: Line 755:
#experiment{
#experiment{
width: 786px;
width: 786px;
 +
text-align:left;
         float: right;
         float: right;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 688px;
+
height: 1042px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 681: Line 769:
         margin-bottom:20px;
         margin-bottom:20px;
}
}
 +
 +
#future{
 +
  width: 786px;
 +
        float: right;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 260px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:2px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
/* Parts Page */
/* Parts Page */
#parts{
#parts{
-
     width: 947px;
+
     width: 786px;
-
         float: center;
+
         float: right;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 542px;
+
height: 430px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 701: Line 806:
#attributions{
#attributions{
     width: 947px;
     width: 947px;
 +
text-align:left;
         float: center;
         float: center;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 542px;
+
height: 1110px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
         -moz-box-shadow: 0 8px 6px -6px black;
Line 714: Line 820:
}
}
 +
/* Protocols */
 +
#protocol {
 +
width : 947px;
 +
  float:center;
 +
text-align:left;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 750px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 +
#protocolshort {
 +
width : 947px;
 +
text-align:left;
 +
  float:center;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 420px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
/* Safety */
 +
#safety{
 +
width : 947px;
 +
  float:center;
 +
text-align:left;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 700px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:20px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 +
#phaseIII{
 +
width: 786px;
 +
        float: right;
 +
text-align:left;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 2300;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:2px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 +
#growth{
 +
width: 786px;
 +
        float: right;
 +
text-align:left;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 2000;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:2px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 +
#fba{
 +
width: 786px;
 +
        float: right;
 +
text-align:left;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 2500;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:2px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 +
#modoverview{
 +
width: 786px;
 +
        float: right;
 +
text-align:left;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 200;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:2px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
 +
 +
#aprotocol{
 +
width: 965;
 +
        float: right;
 +
text-align:left;
 +
background-color:#fcf4fa;
 +
        padding: 0px;
 +
height: 2500;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
        -moz-box-shadow: 0 8px 6px -6px black;
 +
        box-shadow: 0 8px 6px -6px black;
 +
        border: 10px solid rgba(255, 255, 255, 0.4);
 +
        margin-top:2px;
 +
        margin-left:auto;
 +
        margin-right: auto;
 +
        margin-bottom:20px;
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 03:52, 4 October 2012

Retrieved from "http://2012.igem.org/Template:WashUtop"