Difference between revisions of "Template:Purdue"

 
(39 intermediate revisions by 5 users not shown)
Line 20: Line 20:
 
.menu_wrapper {  
 
.menu_wrapper {  
 
width:100%;
 
width:100%;
                 height:100px;  
+
                 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:12%;  
+
width:9%;  
margin:-2px 0px 0px -20px;  
+
margin:0px 0px 0px 0px;  
padding: 10px 20px;   
+
padding: 10px 1.5%;   
 
border-right: 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;  
Line 176: 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 250: Line 251:
 
}
 
}
 
#bigimages {
 
#bigimages {
               width: 100%;
+
               width: 80%;
 
               float: left;
 
               float: left;
 
}
 
}
Line 258: 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 354: 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 424: Line 426:
  
  
<div id = "menu" class="collapsable_menu_control"> MENU ▤ </div>
+
  
 
<ul id="accordion" class="accordion">
 
<ul id="accordion" class="accordion">
Line 451: 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 479: 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 508: Line 510:
 
<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