Difference between revisions of "Template:Purdue"

 
(46 intermediate revisions by 5 users not shown)
Line 19: Line 19:
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.menu_wrapper {  
 
.menu_wrapper {  
−
width:150px;  
+
width:100%;
−
height:100vh;  
+
                height:50px;  
 
position:fixed;  
 
position:fixed;  
 
padding:0px;
 
padding:0px;
Line 31: Line 31:
 
/* styling for the menu items */
 
/* styling for the menu items */
 
.menu_item {
 
.menu_item {
−
width:100%;  
+
width:9%;  
−
margin:-2px 0px 0px -20px;  
+
margin:0px 0px 0px 0px;  
−
padding: 10px 10px;   
+
padding: 10px 1.5%;   
−
border-bottom: 1px solid #d3d3d3;  
+
border-right: 1px solid #d3d3d3;
 +
border-bottom: 1px solid #d3d3d3;
 +
border-left: 1px solid #d3d3d3;  
 
font-weight:bold;
 
font-weight:bold;
 
color:#000000;  
 
color:#000000;  
 
cursor: pointer;  
 
cursor: pointer;  
 +
float:left;
 +
list-style:none;
 
}
 
}
  
Line 174: Line 178:
 
/* Wrapper for the content */
 
/* Wrapper for the content */
 
.content_wrapper {
 
.content_wrapper {
−
width: 90%;
+
width: 55%;
−
margin-left:150px;
+
margin-left: 45%;
−
padding:50px 50px;  
+
padding:50px 50px;
−
float:left;  
+
display:inline-block;
−
 
+
 
background-color:white;
 
background-color:white;
  
Line 248: Line 251:
 
}
 
}
 
#bigimages {
 
#bigimages {
−
               width: 100%;
+
               width: 80%;
 
               float: left;
 
               float: left;
 
}
 
}
Line 256: Line 259:
 
}
 
}
 
#bigimages img {
 
#bigimages img {
−
              border: 4px solid #555;
+
         
 
               margin-top: 5px;
 
               margin-top: 5px;
 
               width: 100%;
 
               width: 100%;
 +
              padding-left: 20%;
 
}
 
}
 
#thumbs a:link, #thumbs a:visited {
 
#thumbs a:link, #thumbs a:visited {
Line 352: Line 356:
 
/* Button class */
 
/* Button class */
 
.button_click {  
 
.button_click {  
−
margin: 10px auto;
+
                margin: 10px auto;
 
padding: 15px; width:12%;   
 
padding: 15px; width:12%;   
 
text-align:center;  
 
text-align:center;  
−
font-weight:bold;  
+
font-weight:bold;
 
background-color: #e3a114;
 
background-color: #e3a114;
 
cursor:pointer;   
 
cursor:pointer;   
Line 422: Line 426:
  
  
−
<div id = "menu" class="collapsable_menu_control"> MENU ▤ </div>
+
  
 
<ul id="accordion" class="accordion">
 
<ul id="accordion" class="accordion">
Line 449: Line 453:
 
<li> <a href="https://2016.igem.org/Team:Purdue/Experiments"> ★ Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:Purdue/Experiments"> ★ Experiments </a></li>
 
<li> <a href="https://2016.igem.org/Team:Purdue/Proof"> ★ Proof of Concept </a></li>
 
<li> <a href="https://2016.igem.org/Team:Purdue/Proof"> ★ Proof of Concept </a></li>
−
<li> <a href="https://2016.igem.org/Team:Purdue/Demonstrate"> ★ Demonstrate </a></li>
+
 
<li> <a href="https://2016.igem.org/Team:Purdue/Results"> ★ Results </a></li>
 
<li> <a href="https://2016.igem.org/Team:Purdue/Results"> ★ Results </a></li>
 
 
Line 477: Line 481:
 
<li> <a href="https://2016.igem.org/Team:Purdue/Engagement"> ★ Engagement </a></li>
 
<li> <a href="https://2016.igem.org/Team:Purdue/Engagement"> ★ Engagement </a></li>
 
<li> <a href="https://2016.igem.org/Team:Purdue/Collaborations"> ★ Collaborations </a> </li>
 
<li> <a href="https://2016.igem.org/Team:Purdue/Collaborations"> ★ Collaborations </a> </li>
−
<li> <a href="https://2016.igem.org/Team:Purdue/Synergene">Synergene </a></li>
+
<li> <a href="https://2016.igem.org/Team:Purdue/SYNENERGENE">SYNENERGENE </a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 496: Line 500:
  
  
−
<div id = "tour" class="collapsable_menu_control"> TOUR ▤ </div>
+
 
 
 
 
                
 
                
Line 503: Line 507:
  
  
−
<div style="top:10px; width:90%;height:35%;left=10%; display:inline-block;position:relative;">
 
−
<img id= "tourimg" src ="https://static.igem.org/mediawiki/2016/4/43/T--Purdue--tour.png"  style="top:10px; width:90%;left:10%; position:fixed;display:none;">
 
−
 
−
<div class="button_click tour"  onClick=" parent.location= 'https://2016.igem.org/Team:Purdue '" style="bottom:0;left:15%; position:absolute;"> 
 
−
Home
 
−
</div>
 
−
 
−
<div class="button_click tour"  onClick=" parent.location= 'https://2016.igem.org/Team:Purdue/Team '" style="top:50%;left:25%; position:absolute;"> 
 
−
Team
 
−
</div>
 
−
 
−
 
−
<div class="button_click tour"  onClick=" parent.location= 'https://2016.igem.org/Team:Purdue/Phosphorous '" style="top:70%;left:38%; position:absolute;"> 
 
−
Background
 
−
</div>
 
−
 
−
<div class="button_click tour"  onClick=" parent.location= 'https://2016.igem.org/Team:Purdue/Organisms '" style="top:80%;left:44%; position:absolute;"> 
 
−
Project
 
−
</div>
 
−
 
−
<div class="button_click tour"  onClick=" parent.location= 'https://2016.igem.org/Team:Purdue/Description '" style="top:10px;left:50%; position:absolute;"> 
 
−
Parts
 
−
</div>
 
−
 
−
<div class="button_click tour"  onClick=" parent.location= 'https://2016.igem.org/Team:Purdue/Safety '" style="top:10px;left:56%; position:absolute;"> 
 
−
Safety
 
−
</div>
 
−
 
−
<div class="button_click tour"  onClick=" parent.location= 'https://2016.igem.org/Team:Purdue/Human_Practices '" style="top:10px;left:62%; position:absolute;"> 
 
−
HP
 
−
</div>
 
−
 
−
 
−
<div class="button_click tour"  onClick=" parent.location= 'https://2016.igem.org/Team:Purdue/Attributions '" style="top:10px;left:86%; position:absolute;"> 
 
−
Attributions
 
−
</div>
 
−
 
−
</div>
 
  
 
<div class="content_wrapper">
 
<div class="content_wrapper">
  
−
<div style="left:0px;bottom:0px;position:fixed;"><p>Purdue Biomakers</p>
+
<div style="right:0px;top:60px;position:fixed;"><p>Purdue Biomakers</p>
 
<p style="padding-left: 30px;"><a title="Purdue Biomakers Twitter" href="https://twitter.com/purduebiomakers">Twitter</a></p>
 
<p style="padding-left: 30px;"><a title="Purdue Biomakers Twitter" href="https://twitter.com/purduebiomakers">Twitter</a></p>
 
<p style="padding-left: 30px;"><a title="Purdue Biomakers Facebook" href="https://www.facebook.com/PurdueBiomakers/">Facebook</a></p>
 
<p style="padding-left: 30px;"><a title="Purdue Biomakers Facebook" href="https://www.facebook.com/PurdueBiomakers/">Facebook</a></p>

Latest revision as of 02:59, 2 December 2016

Purdue Biomakers

Twitter

Facebook

Website