TrinhNguyen (Talk | contribs) |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
− | |||
− | |||
<style> | <style> | ||
+ | body { | ||
+ | margin: 0; | ||
+ | background-color: #f2f2f2!important; | ||
+ | } | ||
+ | |||
+ | .firstHeading, .logo_2016 { | ||
+ | display: none; | ||
+ | } | ||
+ | #sideMenu{ | ||
+ | display: none; | ||
+ | } | ||
+ | #content { | ||
+ | margin-left: auto; | ||
+ | align-self: center; | ||
+ | } | ||
− | + | .navdiv-wrapper { | |
+ | height: 40px; | ||
+ | background: rgb(82, 81, 81); | ||
+ | } | ||
− | + | .navdiv-cover { | |
− | + | height: 40px; | |
− | + | position: absolute; | |
− | + | background: rgb(82, 81, 81); | |
+ | width: 200vw; | ||
+ | left: -100vw; | ||
− | + | } | |
− | + | ||
− | + | #content .navdiv { | |
− | + | float: none; | |
− | + | margin: 0 auto; | |
− | + | left: 0; | |
− | + | } | |
− | + | ||
− | + | #content .navdiv>a { | |
− | + | position: relative; | |
− | + | } | |
− | + | #content .navdiv ul{ | |
− | + | width: 100%; | |
− | + | height: 40px; | |
− | + | background: rgb(82, 81, 81); | |
− | + | line-height: 20px; | |
− | + | color: white; | |
− | + | margin-right: 15px; | |
− | + | margin-top: 40px; | |
− | + | margin-left: 0px; | |
− | + | text-align: center; | |
+ | |||
+ | } | ||
+ | |||
+ | #content .navdiv ul li a { | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #content .navdiv ul li a:hover{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | background: rgb(160, 158, 158); | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; | ||
+ | } | ||
+ | |||
+ | #content .navdiv ul li{ | ||
+ | list-style-type: none; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | color: white; | ||
+ | padding-bottom: 10px; | ||
+ | padding-top: 10px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #content .navdiv ul li:hover{ | ||
+ | background: rgb(160, 158, 158); | ||
+ | color: white; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -ms-transition: all 0.4s ease; | ||
+ | -o-transition: all 0.4s ease; | ||
+ | transition: all 0.4s ease; | ||
+ | |||
+ | } | ||
+ | |||
+ | .navdiv h1{ | ||
+ | width: 300px; | ||
+ | float: left; | ||
+ | cursor: pointer; | ||
+ | margin-left: 15px; | ||
+ | } | ||
+ | |||
+ | .navdiv .logo-wrapper { | ||
+ | position: absolute; | ||
+ | top: -30px; | ||
+ | background: white; | ||
+ | height: 40px; | ||
+ | border: 10px solid rgb(82, 81, 81);; | ||
+ | height: 100px; | ||
+ | border-radius: 100px; | ||
+ | } | ||
+ | |||
+ | .navdiv .logo-wrapper img { | ||
+ | height: 100px; | ||
+ | width: 100px; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | } | ||
− | + | .navdiv .logo-wrapper#team-logo { | |
− | + | left: -75px; | |
− | + | } | |
− | + | ||
− | + | .navdiv .logo-wrapper#main-logo { | |
− | + | left: 900px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
+ | /*.navdiv .logo-wrapper#main-logo { | ||
+ | height: 66px; | ||
+ | left: -134px; | ||
+ | border-width: 7px; | ||
+ | top: -22px; | ||
+ | }*/ | ||
+ | |||
+ | /*.navdiv .logo-wrapper#main-logo img { | ||
+ | height: 56px; | ||
+ | }*/ | ||
+ | |||
+ | #content .submenu { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 40px; | ||
+ | } | ||
+ | |||
+ | #content .submenu a { | ||
+ | color: black; | ||
+ | background: rgb(82, 81, 81); | ||
+ | text-decoration: none; | ||
+ | text-align: left; | ||
+ | display: block; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #content .submenu a:hover{ | ||
+ | color: white; | ||
+ | background: rgb(160, 158, 158); | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #content .navdiv ul li:hover .submenu { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /********************************* CONTENT OF THE PAGE ********************************/ | ||
ul.img-list { | ul.img-list { | ||
list-style-type: none; | list-style-type: none; | ||
Line 243: | Line 236: | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*STYLING */ | /*STYLING */ | ||
Line 402: | Line 340: | ||
} | } | ||
− | . | + | /* Wrapper for the content */ |
− | + | .content_wrapper { | |
− | + | width: 85%; | |
− | + | margin-left:150px; | |
− | + | padding:10px 0px; | |
− | + | float:left; | |
− | + | background-color:white; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | /* | + | /*LAYOUT */ |
+ | .column { | ||
+ | padding: 10px 0px; | ||
+ | float:left; | ||
+ | background-color:white; | ||
+ | } | ||
− | + | .full_size { | |
+ | width:100%; | ||
+ | } | ||
− | + | .full_size img { | |
+ | padding: 10px 15px; | ||
+ | width:96.5%; | ||
+ | } | ||
− | + | .half_size { | |
− | + | width: 50%; | |
− | + | } | |
− | + | .half_size img { | |
− | + | padding: 10px 15px; | |
− | + | width: 93%; | |
} | } | ||
− | + | .clear { | |
+ | clear:both; | ||
+ | } | ||
− | + | .highlight { | |
− | + | width: 90%; | |
− | + | margin: auto; | |
− | + | padding: 15px 5px; | |
− | + | background-color: #f2f2f2; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | .judges-will-not-evaluate { | ||
+ | border: 4px solid #72c9b6; | ||
+ | display: block; | ||
+ | margin: 5px 15px; | ||
+ | width: 95%; | ||
+ | font-weight:bold; | ||
+ | } | ||
</style> | </style> | ||
+ | <!-- HTML --> | ||
+ | |||
+ | <div class="navdiv-wrapper"> | ||
+ | <div class="navdiv-cover"></div> | ||
+ | <div class="navdiv"> | ||
+ | <a href="https://2016.igem.org"> | ||
+ | <div id="main-logo" class="logo-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/1/12/T--MIT--igemlogopink.svg"> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2016.igem.org/Team:MIT"> | ||
+ | <div id="team-logo" class="logo-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/9/94/T--MIT--teamlogo1.svg"> | ||
+ | </div> | ||
+ | </a> | ||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:MIT/Description">BACKGROUND</a></li> | ||
+ | |||
+ | <li>EXPERIMENTS | ||
+ | <div class="submenu"> | ||
+ | <a href="https://2016.igem.org/Team:MIT/Experiments/Promoters ">Promoters</a> | ||
+ | <a href="https://2016.igem.org/Team:MIT/Experiments/miRNA">miRNA</a> | ||
+ | <a href="https://2016.igem.org/Team:MIT/Experiments/Recombinases ">Recombinase</a> | ||
+ | <a href="https://2016.igem.org/Team:MIT/Experiments/Promoters/Experiment-Details-for-Cascades">Combining parts</a> | ||
+ | <a href="https://2016.igem.org/Team:MIT/Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li>FUTURE WORK & DESIGN | ||
+ | <div class="submenu"> | ||
+ | <a href="#">Circuit Design</a> | ||
+ | <a href="#">Clinical Application</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li>HUMAN PRACTICES | ||
+ | <div class="submenu"> | ||
+ | <a href="https://2016.igem.org/Team:MIT/accessible_protocols">Accessibility</a> | ||
+ | <a href="#">Integrated Human Practices</a> | ||
+ | <a href="https://2016.igem.org/Team:MIT/Engagement">Public Outreach</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li>TEAM | ||
+ | <div class="submenu"> | ||
+ | <a href="https://2016.igem.org/Team:MIT/Team">Team</a> | ||
+ | <a href="https://2016.igem.org/Team:MIT/Attributions">Acknowledgements</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li>NOTEBOOK | ||
+ | <div class="submenu"> | ||
+ | <a href="#">Lab Notebook</a> | ||
+ | <a href="#">Basic Parts</a> | ||
+ | <a href="#">Parts collection</a> | ||
+ | <a href="#">Attributions</a> | ||
+ | <a href="#">Safety</a> | ||
− | + | </div> | |
− | + | </li> | |
− | + | ||
− | + | </ul> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 22:26, 17 October 2016