Team:WPI-Worcester/Notebook

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
body{ margin:0px; }
body{ margin:0px; }
-
div#topmargin{
+
#topmargin{
margin: 0px;
margin: 0px;
}
}
-
div#page{
+
#page{
width:800px;
width:800px;
}
}
-
div#bottombox{
+
#bottombox{
background:#999;
background:#999;
width:700px;
width:700px;
height:50px;
height:50px;
margin-top:600px;
margin-top:600px;
-
margin-left:100px;
+
margin-left:300px;
float:left;
float:left;
}
}
-
div#floatbar {
+
#floatbar {
position: fixed;
position: fixed;
right: 10px;
right: 10px;
Line 31: Line 31:
margin-top: 50px;
margin-top: 50px;
}
}
-
div#logo{
+
#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;
}
}
-
div#title{
+
#title{
float:left;
float:left;
position:absolute;
position:absolute;
margin-left:200px;
margin-left:200px;
}
}
-
div#menubar1{  
+
#shift{
 +
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:80px;
+
margin-left:270px;
-
margin-top:0px;
+
margin-top:80px;
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;
  }
  }
-
div#menubar1 > a{
+
#menubar1 > a{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-size:17px;
Line 62: Line 99:
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;
}
}
-
div#menubar1 > .menuslide > a{
+
.menuslide > a{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-size:20px;
Line 73: Line 110:
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;
}
}
-
div#menubar1 > .menuslide > p{
+
.menuslide > p{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-size:20px;
Line 86: Line 123:
transition: transform .2s ease-in-out 0s, ease-in-out 0s;
transition: transform .2s ease-in-out 0s, ease-in-out 0s;
}
}
-
div#menubar1 > .menuslide:hover > p{
+
.menuslide:hover > p{
transform: translateX(40px);
transform: translateX(40px);
-moz-transform: translateX(40px);
-moz-transform: translateX(40px);
Line 94: Line 131:
}
}
-
div#maintext {
+
#maintext {
float: left;
float: left;
width: 400px;
width: 400px;
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
-
font-size:14px;
+
font-size:25px;
-
margin:50px;
+
margin:140px;
-
margin-left:300px;
+
margin-left:520px;
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 113: Line 151:
}
}
-
div#lab > p {
+
#lab > p {
margin-bottom: 5px;
margin-bottom: 5px;
}
}
Line 147: Line 185:
<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 152: Line 191:
<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 178: Line 217:
<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 189: Line 229:
<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="" 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>
-
<a href="" target="_blank">Week 6</a>
+
<a href="https://static.igem.org/mediawiki/2014/6/69/WPI2014_Weekly_Log_6.pdf" target="_blank">Week 6</a>
-
<a href="" target="_blank">Week 7</a>
+
<a href="https://static.igem.org/mediawiki/2014/0/0e/WPI2014_Weekly_Log_7.pdf" target="_blank">Week 7</a>
<a href="" target="_blank">Week 8</a>
<a href="" target="_blank">Week 8</a>

Revision as of 17:24, 23 July 2014