(326 intermediate revisions by 3 users not shown) | |||
Line 49: | Line 49: | ||
<style> | <style> | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | |||
− | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
Line 59: | Line 57: | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
− | #content { margin-left: | + | #content { margin-left:60px; margin-top:-7px; padding:0px; width:90%;background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png");} |
body {background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png"); } | body {background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png"); } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
Line 70: | Line 68: | ||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*mobile menu bar styling*/ | /*mobile menu bar styling*/ | ||
− | /**************************************************************************************************************************************************************************************************/ | + | /***************************************************************************************************************************************************************************************************/ |
− | + | ||
− | + | ||
.igem_2018_team_mobile_bar { | .igem_2018_team_mobile_bar { | ||
background-color:#cccccc; | background-color:#cccccc; | ||
Line 212: | Line 106: | ||
width: 30%; | width: 30%; | ||
} | } | ||
− | |||
− | |||
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
Line 223: | Line 115: | ||
background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png"); | background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png"); | ||
display:block; | display:block; | ||
− | width: | + | width: 100%; |
} | } | ||
/* subwrapper to center content */ | /* subwrapper to center content */ | ||
.igem_2018_team_content .igem_2018_team_column_wrapper { | .igem_2018_team_content .igem_2018_team_column_wrapper { | ||
− | + | width:100%; | |
− | + | ||
− | width: | + | |
} | } | ||
Line 460: | Line 350: | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /**************************************************************************************************************************************************************************************************/ | |
− | + | #title{ | |
+ | text-align: right; | ||
+ | font-size: 40px; | ||
+ | line-height: 80px; | ||
+ | margin-right: 20px; | ||
+ | margin-top: 50px; | ||
} | } | ||
− | + | #subtitle{ | |
− | + | text-align: center; | |
− | + | font-size: 20px; | |
− | + | line-height: 30px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .weblogo{ | |
− | + | position: fixed; | |
− | + | top: 25px; | |
+ | left: 30px; | ||
+ | } | ||
− | + | .subtitle{ | |
− | + | text-align: left; | |
− | + | padding: 25px 50px 20px 20px; | |
− | + | font-size: 25px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .text{ | |
+ | text-align: justify; | ||
+ | text-justify: inter-word; | ||
+ | padding: 10px 50px 10px 10px; | ||
+ | font-size: 16px; | ||
+ | line-height: 1.5; | ||
+ | width: 100%; | ||
+ | word-wrap: break-word; | ||
+ | } | ||
+ | .outline{ | ||
+ | text-align: justify; | ||
+ | text-justify: inter-word; | ||
+ | text-align: left; | ||
+ | padding: 25px 50px 75px 100px; | ||
+ | font-size:20px; | ||
+ | line-height: 1.5; | ||
+ | } | ||
− | + | .section{ | |
− | + | text-align: left; | |
− | + | padding: 25px 50px 5px 20px; | |
+ | font-size: 16px; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .numberedsection{ | ||
+ | text-align: left; | ||
+ | padding: 10px 50px 10px 10px; | ||
+ | font-size: 25px; | ||
+ | font-weight: bold; | ||
+ | line-height: 1.5; | ||
+ | text-align: justify; | ||
+ | text-justify: inter-word; | ||
+ | } | ||
− | + | .references{ | |
+ | text-align: left; | ||
+ | padding: 10px 50px 10px 20px; | ||
+ | font-size: 12px; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | .formula{ | ||
+ | text-align: center; | ||
+ | font-style: italic; | ||
+ | font-size:16px; | ||
+ | } | ||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | text-align: center; | ||
+ | white-space: initial; | ||
+ | word-wrap: break-word; | ||
+ | } | ||
+ | table, td, th { | ||
+ | border: 1px solid black; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | .center_table { | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | |||
+ | .blackbar{ | ||
+ | position: fixed; | ||
+ | top: 15px; | ||
+ | left: -90px; | ||
+ | width: 240px; | ||
+ | background: #203864; | ||
+ | display: inline-block; | ||
+ | height: 50px; | ||
+ | } | ||
+ | .main{text-decoration:none;position: fixed; top:16px; left:150px;width: 100%; background: #203864;} | ||
+ | /*General Menu Styling*/ | ||
+ | .mainnav{text-decoration:none;margin: 0 auto;} | ||
+ | li{color:black;text-decoration:none;list-style: none;} | ||
+ | li a{color:#fff;text-decoration:none;} | ||
+ | .dropdown{text-decoration:none;position: absolute; width: 150px;top: 43px; opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;} | ||
+ | .mainnav li{color:black;text-decoration:none;float: left;padding: 5px;background: #203864;} | ||
+ | .mainnav li:first-child{text-decoration:none;border: none;} | ||
+ | .mainnav li a{text-decoration:none;color:black; display: block;padding: 5px 20px;color: #fff;font-family: arial;} | ||
+ | .mainnav li:hover{text-decoration:none;background: #fff;transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;} | ||
+ | .mainnav li:hover a{text-decoration:none;color: maroon;transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;} | ||
+ | /*First Level*/ | ||
+ | .subs {text-decoration:none;left: -45px;position: relative;top: 0px;width: 175px;border-left: none !important; border-bottom: 1px #fff !important;} | ||
+ | .subs:last-child{border: none !important;} | ||
+ | .hassubs:hover .dropdown,.hassubs .hassubs:hover .dropdown{text-decoration:none;opacity: 1;visibility: visible; transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;} | ||
+ | .mainnav li:hover ul a,.mainnav li:hover ul li ul li a{color: white;text-decoration:none;} | ||
+ | .mainnav li ul li:hover,.mainnav li ul li ul li:hover{background: #fff;transition: ease-in-out .35s;-moz-transition: ease-in-out .35s;-webkit-transition: ease-in-out .35s;text-decoration:none;} | ||
+ | .mainnav li ul li:hover a,.mainnav li ul li ul li:hover a{color: maroon;transition: ease-in-out .35s;-moz-transition: ease-in-out .35s;-webkit-transition: ease-in-out .35s;text-decoration:none;} | ||
+ | /*Second Level*/ | ||
+ | .hassubs .hassubs .dropdown .subs{text-decoration:none;left: 15px;position: relative;width: 280px;top: 0px;} | ||
+ | .hassubs .hassubs .dropdown{text-decoration:none;position: absolute;width: 280px;left: 120px;top: 0px;opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;} | ||
</style> | </style> | ||
Line 534: | Line 517: | ||
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg"> | <img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg"> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 798: | Line 528: | ||
<div class="clear extra_space"></div> | <div class="clear extra_space"></div> | ||
<div class="clear extra_space"></div> | <div class="clear extra_space"></div> | ||
+ | |||
+ | <div class="blackbar"></div> | ||
+ | |||
+ | <div class="main"> | ||
+ | <ul class="mainnav"> | ||
+ | <li class="hassubs"><a href="#" style="text-decoration:none;color:white;">Project</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Overview">Project Overview</a></li> | ||
+ | <li class="subs hassubs"><a href="">Reporter System</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Reporter_Overview">Reporter Overview</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Demonstrate">Dual Reporter - Demonstration</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Improve">Dual Reporter - Improvement</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Reporter_GLB">GLB1 Reporter</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="subs hassubs"><a href="">Editor System</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Editor_Overview">Editor Overview</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Editor_Results">Editor Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="subs hassubs"><a href="">Modelling</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Model">Modelling Overview</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/enkf">Kalman Filter Ensemble</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/molecular_dynamics">Molecular Dynamics</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/enzyme_kinetics">Enzyme Kinetics</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/grna_design">gRNA Design</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/InterLab">InterLab</a></li> | ||
+ | </ul> | ||
+ | <li class="hassubs"><a href="#" style="text-decoration:none;color:white;">Human Practice</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Human_Practices">Overview of Human Practice</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Public_Engagement">Public Engagement</a></li> | ||
+ | <li class="subs hassubs"><a href="#">#CasAsks</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Cas_Asks_Survey">#CasAsks: Survey</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Cas_Asks_Interview">#CasAsks: Interview</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Cas_Talks">#CasTalks</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Cas_Teaches">#CasTeaches</a></li> | ||
+ | <li class="subs hassubs"><a href="#">#CasWrites</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Cas_Writes">#CasWrites: Discussion</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Cas_Writes_Collab">#CasWrites: Collaboration</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Cas_Writes_Bioethics">#CasWrites: BioEthics</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Collaborations" style="text-decoration:none;color:white;">Collaborations</a></li> | ||
+ | |||
+ | <li class="hassubs"><a href="#" style="text-decoration:none;color:white;">Notebook</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs hassubs"><a href="#">Reporter Logbooks</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Dual_Logbook">Dual Reporter Logbook</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/GLB_Logbook">GLB1 Reporter Logbook</a></li> | ||
+ | </ul> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Editor_Logbook">Editor Logbook</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/General_Docs#">Primers and Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="hassubs"><a href="#" style="text-decoration:none;color:white;">People</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Team">Team</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="hassubs"><a href="#" style="text-decoration:none;color:white;">Admin</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Safety">Safety</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Medal">Medals</a></li> | ||
+ | <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Parts">Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="weblogo"> | ||
+ | <a href="https://2018.igem.org/Team:NUS_Singapore-Sci"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/bd/T--NUS_Singapore-Sci--weblogo.png" | ||
+ | style=width:70% height:70%> | ||
+ | </a> | ||
+ | </div> |
Latest revision as of 03:32, 18 October 2018