Template:WashUtop

From 2012.igem.org

(Difference between revisions)
 
(123 intermediate revisions not shown)
Line 3: Line 3:
/* 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;
-
margin:0px;
 
}
}
Line 92: 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 120: Line 115:
body  
body  
-
{background: url('http://www.purplebackgrounds.net/wp-content/uploads/2011/10/dark-purple-background.jpg');
+
{background: url('http://t.wallpaperweb.org/wallpaper/abstract/1600x1200/purple_shade.jpg');
background-attachment:fixed;
background-attachment:fixed;
-
height:100%;
 
}
}
Line 128: Line 122:
{padding-left:0px; padding-right:0px;  
{padding-left:0px; padding-right:0px;  
background-color:transparent;
background-color:transparent;
-
 
+
border:none;
}
}
Line 141: Line 135:
padding: 10px;
padding: 10px;
padding-top: 0px;
padding-top: 0px;
-
padding-right: 10px;
+
 
}
}
Line 150: 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 179: Line 173:
.menu-item {
.menu-item {
   background: #fff;
   background: #fff;
-
   width: 137.857px;
+
   width: 159px;
   float: left;
   float: left;
-
 
}
}
.menu-item2 {
.menu-item2 {
   background: #fff;
   background: #fff;
-
   width: 137.857px;
+
   width: 170px;
   float: left;
   float: left;
-
 
}
}
Line 202: Line 194:
   /*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 222: Line 214:
  /*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 270: Line 262:
  margin:0 auto;
  margin:0 auto;
}
}
-
 
/*ul Styles*/
/*ul Styles*/
Line 405: 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 466: Line 457:
#design{
#design{
width: 786px;
width: 786px;
-
         float: center;
+
         float: right;
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 487: Line 510:
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 508: 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 526: 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-bototm:10px;
+
         margin-bottom:10px;
}
}
Line 564: 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 589: 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 630: Line 759:
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 640: 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: 786px;
     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 664: Line 810:
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 715: Line 861:
background-color:#fcf4fa;
background-color:#fcf4fa;
         padding: 0px;
         padding: 0px;
-
height: 800px;
+
height: 700px;
         -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 721: Line 867:
         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;
 +
}
 +
 +
#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"