Team:WPI-Worcester/Notebook

From 2014.igem.org

(Difference between revisions)
(Undo revision 43594 by Adturland (talk))
Line 9: Line 9:
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}  
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}  
-
body{ margin:0px; }
+
body{  
-
div#topmargin{
+
margin:0px;  
 +
}
 +
 
 +
#topmargin{
margin: 0px;
margin: 0px;
 +
z-index:17;
}
}
-
div#page{
+
 
-
width:800px;
+
#bottombox{
-
}
+
-
div#bottombox{
+
background:#999;
background:#999;
-
width:700px;
 
height:50px;
height:50px;
-
margin-top:600px;
+
width:700px;
-
margin-left:100px;
+
margin-top:300px;
 +
margin-left:300px;
float:left;
float:left;
}
}
-
div#floatbar {
+
#bottombox > a{
 +
color:#FFF;
 +
margin-left:300px;
 +
margin-top:25px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:20px;
 +
text-decoration:none;
 +
}
 +
#floatbar {
position: fixed;
position: fixed;
right: 10px;
right: 10px;
Line 30: Line 40:
width: 80px;
width: 80px;
margin-top: 50px;
margin-top: 50px;
 +
z-index:2;
}
}
-
div#logo{
+
#logo{
float:left;
float:left;
 +
left:-400px;
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;
 +
transition: -moz-transform .4s ease-in-out 0s, ease-in-out 0s;
 +
transition: -ms-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{
-
padding: 24px;  
+
height:75%;
-
border:#999 1 px dashed;
+
width:100%;
-
width: 100px;
+
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;
 +
opacity: 0.5;
 +
width: 200px;
margin-right:50px;
margin-right:50px;
-
margin-left:80px;
+
margin-left:10px;
-
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: -moz-transform .4s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 +
-ms-transition: -ms-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 111:
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;
-
padding: 8px 10px;
+
padding: 8px 25px;
 +
padding-top:0px;
color:#000;
color:#000;
margin-right: 10px;
margin-right: 10px;
-
margin-bottom: 5px;
+
margin-bottom: 0px;
text-decoration:none;
text-decoration:none;
float:left;
float:left;
 +
z-index:10;
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;
-
padding: 8px 10px;
+
padding: 3px 15px;
color:#000;
color:#000;
-
margin-left: 120px;
+
margin-left: 150px;
margin-bottom: 5px;
margin-bottom: 5px;
text-decoration:none;
text-decoration:none;
transition: -webkit-transform .2s ease-in-out 0s, ease-in-out 0s;
transition: -webkit-transform .2s ease-in-out 0s, ease-in-out 0s;
-
-moz-transition: transform .2s ease-in-out 0s, ease-in-out 0s;
+
transition: -moz-transform .2s ease-in-out 0s, ease-in-out 0s;
-
-ms-transition: transform .2s ease-in-out 0s, ease-in-out 0s;
+
transition: -ms-transform .2s ease-in-out 0s, ease-in-out 0s;
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 93: Line 144:
-o-transform: translateX(40px);
-o-transform: translateX(40px);
}
}
-
 
+
.menuslide{
-
div#maintext {
+
margin-top:30px;
 +
margin-bottom:30px;
 +
}
 +
.dropdown{
 +
opacity:0;
 +
padding-top:15px;
 +
padding-left:5px;
 +
margin-top:-19px;
 +
margin-left:20px;
 +
margin-bottom:5px;
 +
width:250px;
 +
position:absolute;
 +
z-index:4;
 +
transition: -webkit-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 +
-moz-transition: -moz-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 +
-ms-transition: -ms-transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 +
transition: transform .2s ease-in-out 0s, ease-in-out 0s, opacity 0.4s ease-in-out 0s;
 +
}
 +
.dropdown > a{
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:13px;
 +
color:#888;
 +
float:left;
 +
max-width:120px;
 +
min-width:40px;;
 +
text-decoration:none;
 +
margin-bottom:15px;
 +
margin-top:-13px;
 +
margin-right:10px;
 +
transition: color .2s ease-in-out 0s;
 +
 +
}
 +
.menuslide:hover > .dropdown {
 +
opacity:1;
 +
transform: translateY(5px);
 +
-moz-transform: translateY(5px);
 +
-webkit-transform: translateY(5px);
 +
-ms-transform: translateY(5px);
 +
-o-transform: translateY(5px);
 +
}
 +
.dropdown > a:hover{
 +
color:#000;
 +
}
 +
#toptext {
float: left;
float: left;
width: 400px;
width: 400px;
 +
height: 50%;
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:540px;
margin-bottom:20px;
margin-bottom:20px;
 +
padding:10px;
 +
}
 +
#toptext > a{
 +
float:left;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:17px;
 +
background: #888;
 +
padding: 15px;
 +
color:#000;
 +
margin: 50px;
 +
text-decoration:none;
 +
cursor:pointer;
 +
border-radius:3px;
 +
z-index:20;
 +
transition: background 0.3s ease-in-out 0s, color 0.4s ease-in-out 0s;
 +
}
 +
#toptext > a:hover{
 +
background: #333;
 +
color: #FFF;
 +
}
 +
#maintext {
 +
float: left;
 +
width: 100%;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:25px;
 +
padding:10px;
 +
margin-left:200px;
 +
text-decoration:none;
 +
z-index:10;
 +
max-width:80%;
 +
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;
}
}
 +
.textitem{
 +
margin:50px;
 +
padding:10px;
 +
float:left;
 +
min-height:400px;
 +
margin-left:100px;
 +
max-width:50%;
 +
}
 +
.textitem > h1 {
 +
margin-bottom: 5px;
 +
max-width:400px;
 +
line-height:100%;
 +
}
div#lab {
div#lab {
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
Line 146: Line 288:
</div>
</div>
<div id="topmargin" />
<div id="topmargin" />
 +
<div id="toptext">
 +
<p>Click on a link to view the PDF of the log for that week.</p>
 +
</div>
<div id="page">
<div id="page">
-
<div id="logo">
+
<div id="shift">
-
<img src="https://static.igem.org/mediawiki/2014/c/c8/WPI_Team_Logo.png" width="300px"/>
+
<div id="logo">
-
</div>
+
<img src="https://static.igem.org/mediawiki/2014/c/c8/WPI_Team_Logo.png" width="300px"/>
-
<div id="title">
+
-
<img src="https://static.igem.org/mediawiki/2014/9/9a/WPI_Title.png" width="800px"/>
+
-
</>
+
-
<div id="menubar1">
+
-
<div class="menuslide">
+
-
<a href="https://2014.igem.org/Team:WPI-Worcester"> Home </a>
+
-
<p><img src="https://static.igem.org/mediawiki/2014/f/f8/WPI_Home_Link.png"/></p>
+
-
</div>
+
-
<div class="menuslide">
+
-
<a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Team </a>
+
-
<p><img src="https://static.igem.org/mediawiki/2014/6/64/WPI_Team_Link.png"/></p>
+
-
</div>
+
-
<div class="menuslide">
+
-
<a href="https://igem.org/Team.cgi?id=1423"> Official </a>
+
-
<p><img src="https://static.igem.org/mediawiki/2014/a/af/WPI_Official_Link.png"/></p>
+
-
</div>
+
-
<div class="menuslide">
+
-
<a href="https://2014.igem.org/Team:WPI-Worcester/Project"> Project </a>
+
-
<p><img src="https://static.igem.org/mediawiki/2014/4/41/WPI_Project_Link.png"/></p>
+
</div>
</div>
-
<div class="menuslide">
+
<div id="title">
-
<a href="https://2014.igem.org/Team:WPI-Worcester/Notebook"> Notebook </a>
+
<img src="https://static.igem.org/mediawiki/2014/9/9a/WPI_Title.png" width="800px"/>
-
<p><img src="https://static.igem.org/mediawiki/2014/7/7e/WPI_Notes_Link.png"/></p>
+
</div>
</div>
-
<div class="menuslide">
+
<div id="menubar1">
-
<a href="https://2014.igem.org/Team:WPI-Worcester/Safety"> Safety </a>
+
<div class="menuslide">
-
<p><img src="https://static.igem.org/mediawiki/2014/d/d4/WPI_Safety_Link.png"/></p>
+
<a href="https://2014.igem.org/Team:WPI-Worcester"> Home </a>
 +
<p><img src="https://static.igem.org/mediawiki/2014/f/f8/WPI_Home_Link.png"/></p>
 +
<div class="dropdown">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Tour1"> Tour</a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Project/Accomplishments"> Accomplishments </a>
 +
</div>
 +
</div>
 +
<div class="menuslide">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Team </a>
 +
<p><img src="https://static.igem.org/mediawiki/2014/6/64/WPI_Team_Link.png"/></p>
 +
<div class="dropdown">
 +
<a href="https://igem.org/Team.cgi?id=1423"> Official Page</a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Team"> Bios</a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Attributions"> Attributions</a>
 +
</div>
 +
</div>
 +
<div class="menuslide">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Project"> Projects </a>
 +
<p><img src="https://static.igem.org/mediawiki/2014/4/41/WPI_Project_Link.png"/></p>
 +
<div class="dropdown">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Project"> Agglutination</a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Project/Interlab"> Interlab Study</a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Project/ATF1"> Quantifying ATF1 </a>
 +
</div>
 +
</div>
 +
<div class="menuslide">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Notebook"> Notebook </a>
 +
<p><img src="https://static.igem.org/mediawiki/2014/7/7e/WPI_Notes_Link.png"/></p>
 +
<div class="dropdown">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Notebook"> Weekly Updates</a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Notebook/Biobricks"> Biobricks</a>
 +
</div>
 +
</div>
 +
<div class="menuslide">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Practices">Practices </a>
 +
<p><img src="https://static.igem.org/mediawiki/2014/d/d4/WPI_Safety_Link.png"/></p>
 +
<div class="dropdown">
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Practices/Outreach"> Outreach </a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Practices/Safety"> Safety </a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Practices/Collaborations"> Collaborations </a>
 +
<a href="https://2014.igem.org/Team:WPI-Worcester/Practices/Acknowledgements"> Acknowledgements </a>
 +
</div>
 +
</div>
</div>
</div>
</div>
</div>
<div id="maintext">
<div id="maintext">
 +
<div class="textitem">
<div class="notebook">
<div class="notebook">
<a href="https://static.igem.org/mediawiki/2014/e/ea/WPI2014_Weekly_Log_1.pdf" target="_blank">Week 1</a>
<a href="https://static.igem.org/mediawiki/2014/e/ea/WPI2014_Weekly_Log_1.pdf" target="_blank">Week 1</a>
Line 201: Line 369:
<a href="" target="_blank">Week 10</a>
<a href="" target="_blank">Week 10</a>
 +
</div>
</div>
</div>
</div>
</div>

Revision as of 18:22, 15 October 2014