Template:WashUtop

From 2012.igem.org

(Difference between revisions)
 
(217 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
@charset "UTF-8";
 
-
 
-
/*
 
-
    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/>.
 
-
*/
 
-
 
-
* {
 
-
text-decoration: none;
 
-
font-size: 1em;
 
-
outline: none;
 
-
padding: 0;
 
-
margin: 0;
 
-
}
 
-
code, kbd, samp, pre, tt, var, textarea,
 
-
input, select, isindex, listing, xmp, plaintext {
 
-
white-space: normal;
 
-
font-size: 1em;
 
-
font: inherit;
 
-
}
 
-
dfn, i, cite, var, address, em {
 
-
font-style: 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 {
 
-
vertical-align: top;
 
-
text-align: left;
 
-
}
 
-
body {
 
-
background: white;
 
-
line-height: 1;
 
-
color: black;
 
-
}
 
-
q {
 
-
quotes: "" "";
 
-
}
 
-
ul, ol, dir, menu {
 
-
list-style: none;
 
-
}
 
-
sub, sup {
 
-
vertical-align: baseline;
 
-
}
 
-
a {
 
-
color: inherit;
 
-
}
 
-
hr {
 
-
display: none;
 
-
}
 
-
 
-
marquee {
 
-
overflow: inherit !important;
 
-
-moz-binding: none;
 
-
}
 
-
blink {
 
-
text-decoration: none;
 
-
}
 
-
nobr {
 
-
white-space: normal;
 
-
}
 
/* iGEM wiki Hacker */
/* iGEM wiki Hacker */
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 171: 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 185: Line 101:
text-decoration:underline;
text-decoration:underline;
}
}
 +
/*Hacker ends here*/ /*Global Settings*/
/*Hacker ends here*/ /*Global Settings*/
Line 198: 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 217: Line 135:
padding: 10px;
padding: 10px;
padding-top: 0px;
padding-top: 0px;
-
padding-right: 10px;
+
 
 +
 
}
}
Line 225: 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 241: 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 254: 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 272: 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 291: 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 332: Line 252:
   width: 200px;
   width: 200px;
   list-style: none;
   list-style: none;
 +
  margin: 0 auto;
}
}
.menu-item2 h4 a {
.menu-item2 h4 a {
Line 339: Line 260:
   width: 200px;
   width: 200px;
   list-style: none;
   list-style: none;
 +
margin:0 auto;
}
}
-
 
/*ul Styles*/
/*ul Styles*/
Line 475: 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 490: 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 500: 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 541: 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 556: 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 579: Line 531:
         -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 597: 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 637: 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 662: 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 683: Line 739:
width: 786px;
width: 786px;
         float: right;
         float: right;
 +
        text-align:left;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
Line 698: 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 711: 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 731: 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 748: Line 824:
width : 947px;
width : 947px;
   float:center;
   float:center;
 +
text-align:left;
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
Line 763: Line 840:
#protocolshort {
#protocolshort {
width : 947px;
width : 947px;
 +
text-align:left;
   float:center;
   float:center;
background-color:#fcf4fa;
background-color:#fcf4fa;
Line 772: Line 850:
         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;
 +
        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-left:auto;
         margin-right: auto;
         margin-right: auto;

Latest revision as of 03:52, 4 October 2012

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