(40 intermediate revisions by 5 users not shown) | |||
Line 20: | Line 20: | ||
.menu_wrapper { | .menu_wrapper { | ||
width:100%; | width:100%; | ||
− | height: | + | 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: | + | width:9%; |
− | margin: | + | margin:0px 0px 0px 0px; |
− | padding: 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; | float:left; | ||
+ | list-style:none; | ||
} | } | ||
Line 175: | Line 178: | ||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
.content_wrapper { | .content_wrapper { | ||
− | width: | + | width: 55%; |
− | margin-left: | + | margin-left: 45%; |
− | padding:50px 50px; | + | padding:50px 50px; |
− | + | display:inline-block; | |
− | + | ||
background-color:white; | background-color:white; | ||
Line 249: | Line 251: | ||
} | } | ||
#bigimages { | #bigimages { | ||
− | width: | + | width: 80%; |
float: left; | float: left; | ||
} | } | ||
Line 257: | Line 259: | ||
} | } | ||
#bigimages img { | #bigimages img { | ||
− | + | ||
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 353: | Line 356: | ||
/* Button class */ | /* Button class */ | ||
.button_click { | .button_click { | ||
− | + | 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 423: | Line 426: | ||
− | + | ||
<ul id="accordion" class="accordion"> | <ul id="accordion" class="accordion"> | ||
Line 450: | 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/Results"> ★ Results </a></li> | <li> <a href="https://2016.igem.org/Team:Purdue/Results"> ★ Results </a></li> | ||
Line 478: | 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/ | + | <li> <a href="https://2016.igem.org/Team:Purdue/SYNENERGENE">SYNENERGENE </a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
Line 507: | Line 510: | ||
<div class="content_wrapper"> | <div class="content_wrapper"> | ||
− | <div style=" | + | <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