Template:WashUtop

From 2012e.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 87: Line 87:
#footer-box {
#footer-box {
-
background:#fcf4fa;
+
background:#ffffff;
         float:center;
         float:center;
         overflow:hidden;
         overflow:hidden;
Line 115: Line 115:
body  
body  
-
{background: url('BACKGROUND');
+
{
background-attachment:fixed;
background-attachment:fixed;
-
background-size: 100%;
+
background: #F9F9F7 url('http://dl.dropbox.com/u/88390549/background.jpg') repeat-x;
}
}
Line 123: Line 123:
{padding-left:0px; padding-right:0px;  
{padding-left:0px; padding-right:0px;  
background-color:transparent;
background-color:transparent;
-
border:none;
+
border: 1px solid #efefef;
}
}
Line 174: Line 174:
.menu-item {
.menu-item {
   background: #fff;
   background: #fff;
-
   width: 137.857142857143px;
+
   width: 160.833333333px;
   float: left;
   float: left;
}
}
.menu-item2 {
.menu-item2 {
   background: #fff;
   background: #fff;
-
   width: 137.857142857143px;
+
   width: 160.833333333px;
   float: left;
   float: left;
}
}
Line 195: Line 195:
   /*Gradient*/
   /*Gradient*/
   background: #a90329; /* Old browsers */
   background: #a90329; /* Old browsers */
-
   background: -moz-linear-gradient(top, #4c0756 0%, #37053e 44%, #220326 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top, #76001c 0%, #5d0016 44%, #430010 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%,#76001c), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top, #76001c 0%,#5d0016 44%,#430010 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top, #76001c 0%,#5d0016 44%,#430010 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top, #76001c 0%,#5d0016 44%,#430010 100%); /* IE10+ */
-
   background: linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* W3C */
+
   background: linear-gradient(top, #76001c 0%,#5d0016 44%,#430010 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0756', endColorstr='#220326',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76001c', endColorstr='#430010',GradientType=0 ); /* IE6-9 */
}
}
Line 213: Line 213:
-
/*Gradient*/
+
  /*Gradient*/
   background: #a90329; /* Old browsers */
   background: #a90329; /* Old browsers */
-
   background: -moz-linear-gradient(top, #4c0756 0%, #37053e 44%, #220326 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top, #76001c 0%, #5d0016 44%, #430010 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%,#76001c), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top, #76001c 0%,#5d0016 44%,#430010 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top, #76001c 0%,#5d0016 44%,#430010 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top, #76001c 0%,#5d0016 44%,#430010 100%); /* IE10+ */
-
   background: linear-gradient(top, #4c0756 0%,#37053e 44%,#220326 100%); /* W3C */
+
   background: linear-gradient(top, #76001c 0%,#5d0016 44%,#430010 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c0756', endColorstr='#220326',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76001c', endColorstr='#430010',GradientType=0 ); /* IE6-9 */
}
}
.menu-item h4:hover {   
.menu-item h4:hover {   
-
   background: #61096d; /* Old browsers */
+
   background: #5d0016; /* Old browsers */
-
   background: -moz-linear-gradient(top,  #61096d 0%, #37053e 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top,  #5d0016 0%, #430010 100%); /* FF3.6+ */
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#37053e)); /* Chrome,Safari4+ */
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d0016), color-stop(100%,#430010)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top,  #5d0016 0%,#430010 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top,  #5d0016 0%,#430010 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top,  #61096d 0%,#37053e 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top,  #5d0016 0%,#430010 100%); /* IE10+ */
-
   background: linear-gradient(top,  #61096d 0%,#37053e 100%); /* W3C */
+
   background: linear-gradient(top,  #5d0016 0%,#430010 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61096d', endColorstr='#37053e',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d0016', endColorstr='#430010',GradientType=0 ); /* IE6-9 */
}
}
.menu-item2 h4:hover {   
.menu-item2 h4:hover {   
-
   background: #61096d; /* Old browsers */
+
   background: #5d0016; /* Old browsers */
-
   background: -moz-linear-gradient(top,  #61096d 0%, #37053e 100%); /* FF3.6+ */
+
   background: -moz-linear-gradient(top,  #5d0016 0%, #430010 100%); /* FF3.6+ */
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#37053e)); /* Chrome,Safari4+ */
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d0016), color-stop(100%,#430010)); /* Chrome,Safari4+ */
-
   background: -webkit-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Chrome10+,Safari5.1+ */
+
   background: -webkit-linear-gradient(top,  #5d0016 0%,#430010 100%); /* Chrome10+,Safari5.1+ */
-
   background: -o-linear-gradient(top,  #61096d 0%,#37053e 100%); /* Opera 11.10+ */
+
   background: -o-linear-gradient(top,  #5d0016 0%,#430010 100%); /* Opera 11.10+ */
-
   background: -ms-linear-gradient(top,  #61096d 0%,#37053e 100%); /* IE10+ */
+
   background: -ms-linear-gradient(top,  #5d0016 0%,#430010 100%); /* IE10+ */
-
   background: linear-gradient(top,  #61096d 0%,#37053e 100%); /* W3C */
+
   background: linear-gradient(top,  #5d0016 0%,#430010 100%); /* W3C */
-
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61096d', endColorstr='#37053e',GradientType=0 ); /* IE6-9 */
+
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d0016', endColorstr='#430010',GradientType=0 ); /* IE6-9 */
}
}
Line 362: Line 362:
   left:0;
   left:0;
   }
   }
-
 
-
/* Gallery and Quick-Access Buttons */
 
-
 
-
#galleryandbuttons{
 
-
width: 947px;
 
-
        float: center;
 
-
background-color:#FFEDF5;
 
-
        padding: 0px;
 
-
height: 520px;
 
-
        -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;
 
-
}
 
-
 
-
/* Follow us bit and QuickLinks */
 
-
#buttons{
 
-
  -webkit-box-shadow: 0 8px 6px -6px black;
 
-
        -moz-box-shadow: 0 8px 6px -6px black;
 
-
        box-shadow: 0 8px 6px -6px black;
 
-
        border: 2px solid rgba(255, 255, 255, 0.4);
 
-
        margin-top:0px;
 
-
        margin-left:auto;
 
-
        margin-right: auto;
 
-
}
 
-
 
-
/* Sponsors */
 
-
 
-
#sponsors{
 
-
width: 947px;
 
-
        float: center;
 
-
background-color:#fcf4fa;
 
-
        padding: 0px;
 
-
height: 550px;
 
-
        -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;
 
-
 
-
}
 
/* Team */
/* Team */
Line 448: Line 401:
         padding: 0px;
         padding: 0px;
height: 330px;
height: 330px;
-
        -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;
 
-
}
 
-
/* Saffron in a Kan */
 
-
#design{
 
-
width: 786px;
 
-
        float: right;
 
-
background-color:#fcf4fa;
 
-
        padding: 0px;
 
-
height: 1010px;
 
-
        -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;
 
-
}
 
-
 
-
/* Characterization of Z construct */
 
-
#zconstructchar{
 
-
width: 786px;
 
-
        float: right;
 
-
text-align:left;
 
-
background-color:#fcf4fa;
 
-
        padding: 0px;
 
-
height: 2448px;
 
-
        -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;
 
-
}
 
-
 
-
/* Notebook */
 
-
#weeklylog{
 
-
width : 947px;
 
-
  float:center;
 
-
background-color:#fcf4fa;
 
-
        padding: 0px;
 
-
height: 500px;
 
-
        -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, 255);
 
-
        margin-top:20px;
 
-
        margin-left:auto;
 
-
        margin-right: auto;
 
-
        margin-bottom:20px;
 
-
}
 
-
 
-
#week1{
 
-
width : 947 px;
 
-
  float: center;
 
-
background-color:#fcf4fa;
 
-
        padding: 1px 0px 5px 0px ;
 
-
height: 680px;
 
-
        -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;
 
-
}
 
-
 
-
#week2{
 
-
width : 947 px;
 
-
  float: center;
 
-
background-color:#fcf4fa;
 
-
        padding: 1px 0px 5px 0px ;
 
-
height: 880px;
 
-
        -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;
 
-
}
 
-
 
-
#week{
 
-
width : 947 px;
 
-
  float: center;
 
-
background-color:#fcf4fa;
 
-
        padding: 1px 0px 5px 0px ;
 
-
height: 2300px;
 
-
        -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;
 
-
}
 
-
 
-
#longweek{
 
-
width : 947 px;
 
-
  float: center;
 
-
background-color:#fcf4fa;
 
-
        padding: 1px 0px 5px 0px ;
 
-
height: 3500px;
 
-
        -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;
 
-
}
 
-
 
-
#extralongweek{
 
-
width : 947 px;
 
-
  float: center;
 
-
background-color:#fcf4fa;
 
-
        padding: 1px 0px 5px 0px ;
 
-
height: 5000px;
 
-
        -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;
 
-
}
 
-
/* YLC Project */
 
-
 
-
#overview{
 
-
  width: 786px;
 
-
        float: right;
 
-
background-color:#fcf4fa;
 
-
        padding: 0px;
 
-
height: 128px;
 
-
        -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;
 
-
}
 
-
 
-
#ylclesson{
 
-
width: 786px;
 
-
        float: right;
 
-
        text-align:left;
 
-
background-color:#fcf4fa;
 
-
        padding: 0px;
 
-
height: 1048px;
 
-
        -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:-6px;
 
-
        margin-left:auto;
 
-
        margin-right: auto;
 
-
        margin-bottom:20px;
 
-
}
 
-
 
-
#experiment{
 
-
width: 786px;
 
-
text-align:left;
 
-
        float: right;
 
-
background-color:#fcf4fa;
 
-
        padding: 0px;
 
-
height: 688px;
 
-
        -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:0px;
 
-
        margin-left:auto;
 
-
        margin-right: auto;
 
-
        margin-bottom:20px;
 
-
}
 
-
 
-
/* Parts Page */
 
-
#parts{
 
-
    width: 786px;
 
-
        float: right;
 
-
background-color:#fcf4fa;
 
-
        padding: 0px;
 
-
height: 542px;
 
         -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 665: Line 425:
         margin-left:auto;
         margin-left:auto;
         margin-right: auto;
         margin-right: auto;
-
}
 
-
 
-
/* 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;
 
}
}
</style>
</style>
</html>
</html>

Latest revision as of 15:53, 13 August 2012

Retrieved from "http://2012e.igem.org/wiki/index.php/Template:WashUtop"