Difference between revisions of "Team:UMaryland/protocols"

Line 37: Line 37:
 
position:fixed;
 
position:fixed;
 
float:left;
 
float:left;
width: 135px;
+
width:200px;
 
top:200px;
 
top:200px;
 +
z-index:2;
 
}
 
}
  
Line 160: Line 161:
 
   border-color: #ffffff;
 
   border-color: #ffffff;
 
}
 
}
#layer1 {
+
 
overflow:hidden;
+
#yolo {
position:relative;
+
 
width:100%;
 
width:100%;
margin:0px;
+
background-color: #89e1ff;
padding:20px;
+
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #41CC6B 50%, #FFFFFF 100%);
+
min-height:42px;
+
top:-220px;
+
}
+
#layer2 {
+
overflow:hidden;
+
 
position:relative;
 
position:relative;
width:100%;
+
z-index:-1;
margin:0px;
+
padding:20px;
+
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #46DBF2 50%, #FFFFFF 100%);
+
min-height:42px;
+
 
top:-220px;
 
top:-220px;
 
}
 
}
#layer3 {
+
 
overflow:hidden;
+
#contentbox{
 +
width: 70%;
 +
float:left;
 +
left:240px;
 
position:relative;
 
position:relative;
width:100%;
 
margin:0px;
 
padding:20px;
 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6AC39 50%, #FFFFFF 100%);
 
min-height:42px;
 
}
 
#layer4 {
 
overflow:hidden;
 
position:relative;
 
width:100%;
 
margin:0px;
 
padding:20px;
 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FB7AFF 50%, #FFFFFF 100%);
 
min-height:42px;
 
}
 
#contentbox{
 
width: 80%;
 
 
max-width: 1900px;
 
max-width: 1900px;
 
min-width: 1000px;
 
min-width: 1000px;
Line 205: Line 180:
 
margin:auto;
 
margin:auto;
 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
 +
font-size:18px;
 
}
 
}
 
#cover {
 
#cover {
Line 212: Line 188:
 
margin:auto;
 
margin:auto;
 
padding:0px;
 
padding:0px;
background-image: url("https://static.igem.org/mediawiki/2015/8/8e/Centrifuge.jpeg");
+
background-image: url("https://static.igem.org/mediawiki/2015/e/ed/Notebookumd.jpeg");
 
background-size: 100% ;
 
background-size: 100% ;
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
Line 222: Line 198:
 
font-size:xx-large;
 
font-size:xx-large;
 
top:-200px;
 
top:-200px;
 +
z-index:3;
 
}
 
}
 
  
 
#bar{
 
#bar{
Line 236: Line 212:
 
height:200px;
 
height:200px;
 
position:absolute;
 
position:absolute;
top:200px;
+
bottom:0px;
 
text-shadow: 4px 4px 4px white;
 
text-shadow: 4px 4px 4px white;
 +
z-index:3;
 
}
 
}
 +
 
ul.a {list-style-type: circle;font-size:18px;color:black}
 
ul.a {list-style-type: circle;font-size:18px;color:black}
 
</style>
 
</style>
Line 246: Line 224:
 
<p style="font-size:64px"><b>Protocols</b>
 
<p style="font-size:64px"><b>Protocols</b>
 
</div>
 
</div>
 +
</div>
 +
 +
 +
<div id='yolo'>
 
<div id='sidemenu'>
 
<div id='sidemenu'>
 
<ul>
 
<ul>
Line 266: Line 248:
 
<li><a href="#FPLC" class="smoothScroll"><span>FPLC</span></a></li>
 
<li><a href="#FPLC" class="smoothScroll"><span>FPLC</span></a></li>
 
</ul>
 
</ul>
</div>
 
 
</div>
 
</div>
  

Revision as of 21:58, 18 September 2015