Team:WPI-Worcester/Notebook

From 2014.igem.org

(Difference between revisions)
(Undo revision 43594 by Adturland (talk))
Line 10: Line 10:
body{ margin:0px; }
body{ margin:0px; }
-
#topmargin{
+
div#topmargin{
margin: 0px;
margin: 0px;
}
}
-
#page{
+
div#page{
width:800px;
width:800px;
}
}
-
#bottombox{
+
div#bottombox{
background:#999;
background:#999;
width:700px;
width:700px;
height:50px;
height:50px;
margin-top:600px;
margin-top:600px;
-
margin-left:300px;
+
margin-left:100px;
float:left;
float:left;
}
}
-
#floatbar {
+
div#floatbar {
position: fixed;
position: fixed;
right: 10px;
right: 10px;
Line 31: Line 31:
margin-top: 50px;
margin-top: 50px;
}
}
-
#logo{
+
div#logo{
float:left;
float:left;
margin-top:0px;
margin-top:0px;
position:fixed;
position:fixed;
-
z-index:9;
 
-
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s;
 
-
-moz-transition: transform .4s ease-in-out 0s, ease-in-out 0s;
 
-
-ms-transition: transform .4s ease-in-out 0s, ease-in-out 0s;
 
-
transition: transform .4s ease-in-out 0s, ease-in-out 0s;
 
}
}
-
#title{
+
div#title{
float:left;
float:left;
position:absolute;
position:absolute;
margin-left:200px;
margin-left:200px;
}
}
-
#shift{
+
div#menubar1{  
-
height:75%;
+
-
width:100%;
+
-
position:absolute;
+
-
}
+
-
#shift:hover > #logo{
+
-
transform: translateX(400px);
+
-
-moz-transform: translateX(400px);
+
-
-webkit-transform: translateX(400px);
+
-
-ms-transform: translateX(400px);
+
-
-o-transform: translateX(400px);
+
-
}
+
-
#shift:hover > #menubar1 {
+
-
opacity:1;
+
-
transform: translateX(260px);
+
-
-moz-transform: translateX(260px);
+
-
-webkit-transform: translateX(260px);
+
-
-ms-transform: translateX(260px);
+
-
-o-transform: translateX(260px);
+
-
}
+
-
#shift:hover + #maintext {
+
-
transform: translateX(260px);
+
-
-moz-transform: translateX(260px);
+
-
-webkit-transform: translateX(260px);
+
-
-ms-transform: translateX(260px);
+
-
-o-transform: translateX(260px);
+
-
}
+
-
#menubar1{  
+
padding: 24px;  
padding: 24px;  
border:#999 1 px dashed;
border:#999 1 px dashed;
width: 100px;
width: 100px;
margin-right:50px;
margin-right:50px;
-
margin-left:270px;
+
margin-left:80px;
-
margin-top:80px;
+
margin-top:0px;
float:left;
float:left;
position:fixed;
position:fixed;
-
z-index:8;
 
-
transition: -webkit-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 
-
-moz-transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 
-
-ms-transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 
-
transition: transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 
  }
  }
-
#menubar1 > a{
+
div#menubar1 > a{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-size:17px;
Line 99: Line 62:
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
}
}
-
.menuslide > a{
+
div#menubar1 > .menuslide > a{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-size:20px;
Line 110: Line 73:
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
}
}
-
.menuslide > p{
+
div#menubar1 > .menuslide > p{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-size:20px;
Line 123: Line 86:
transition: transform .2s ease-in-out 0s, ease-in-out 0s;
transition: transform .2s ease-in-out 0s, ease-in-out 0s;
}
}
-
.menuslide:hover > p{
+
div#menubar1 > .menuslide:hover > p{
transform: translateX(40px);
transform: translateX(40px);
-moz-transform: translateX(40px);
-moz-transform: translateX(40px);
Line 131: Line 94:
}
}
-
#maintext {
+
div#maintext {
float: left;
float: left;
width: 400px;
width: 400px;
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
-
font-size:25px;
+
font-size:14px;
-
margin:140px;
+
margin:50px;
-
margin-left:520px;
+
margin-left:300px;
margin-bottom:20px;
margin-bottom:20px;
}
}
-
 
+
div#lab {
-
#lab {
+
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-size:30px;
Line 151: Line 113:
}
}
-
#lab > p {
+
div#lab > p {
margin-bottom: 5px;
margin-bottom: 5px;
}
}
Line 185: Line 147:
<div id="topmargin" />
<div id="topmargin" />
<div id="page">
<div id="page">
-
<div id="shift">
 
<div id="logo">
<div id="logo">
<img src="https://static.igem.org/mediawiki/2014/c/c8/WPI_Team_Logo.png" width="300px"/>
<img src="https://static.igem.org/mediawiki/2014/c/c8/WPI_Team_Logo.png" width="300px"/>
Line 191: Line 152:
<div id="title">
<div id="title">
<img src="https://static.igem.org/mediawiki/2014/9/9a/WPI_Title.png" width="800px"/>
<img src="https://static.igem.org/mediawiki/2014/9/9a/WPI_Title.png" width="800px"/>
-
</div>
+
</>
<div id="menubar1">
<div id="menubar1">
<div class="menuslide">
<div class="menuslide">
Line 217: Line 178:
<p><img src="https://static.igem.org/mediawiki/2014/d/d4/WPI_Safety_Link.png"/></p>
<p><img src="https://static.igem.org/mediawiki/2014/d/d4/WPI_Safety_Link.png"/></p>
</div>
</div>
-
</div>
 
</div>
</div>
<div id="maintext">
<div id="maintext">
Line 228: Line 188:
<a href="https://static.igem.org/mediawiki/2014/1/13/WPI2014_Weekly_Log_4.pdf" target="_blank">Week 4</a>
<a href="https://static.igem.org/mediawiki/2014/1/13/WPI2014_Weekly_Log_4.pdf" target="_blank">Week 4</a>
-
 
+
<a href="https://static.igem.org/mediawiki/2014/5/50/WPI2014_Weekly_Log_5.pdf" target="_blank">Week 5</a>
<a href="https://static.igem.org/mediawiki/2014/5/50/WPI2014_Weekly_Log_5.pdf" target="_blank">Week 5</a>

Revision as of 17:27, 23 July 2014