Difference between revisions of "Template:NUS Singapore-Sci"

 
(86 intermediate revisions by 2 users not shown)
Line 57: 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:0px; margin-top:-7px; padding:0px; width:100%; background-image: url("https://static.igem.org/mediawiki/2018/d/de/T--NUS_Singapore-Sci--background.png");}
+
#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"); width:100%;}
+
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 73: Line 73:
 
/*mobile menu bar styling*/
 
/*mobile menu bar styling*/
 
/***************************************************************************************************************************************************************************************************/
 
/***************************************************************************************************************************************************************************************************/
 +
.igem_2018_team_mobile_bar {
 +
background-color:#cccccc;
 +
border-bottom: 1px solid #c4baba;
 +
cursor:pointer;
 +
display:none;
 +
float:left;
 +
margin-top: 0;
 +
padding: 5px 0;
 +
position:fixed;
 +
width:100%;
 +
}
  
 +
.igem_logo_mobile img {
 +
width:70px;
 +
}
 +
 +
.igem_logo_mobile {
 +
float:left;
 +
padding-left: 5%;
 +
width: 30%;
 +
}
 +
 +
.igem_menu_control_mobile img {
 +
width:25px;
 +
}
 +
 +
.igem_menu_control_mobile {
 +
float:right;
 +
padding-right:5%;
 +
padding-top:5px;
 +
text-align:right;
 +
width: 30%;
 +
}
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 88: Line 120:
 
/* 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 {
                margin: auto;
 
 
width:100%;
 
width:100%;
 
}
 
}
Line 319: Line 350:
  
  
/* 1800px  */
 
/************************************************/
 
@media only screen and (max-width: 1800px) {
 
.igem_2018_team_content { width: 85%;}
 
.igem_2018_team_menu {display:block;}
 
}
 
  
/* 1400px  */
 
/************************************************/
 
@media only screen and (max-width: 1400px) {
 
.igem_2018_team_menu .menu_item { font-size:100%;}
 
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 
.igem_2018_team_menu {display:block;}
 
}
 
 
@media only screen and (max-width: 1001px) {
 
.igem_2018_team_menu {display:block;}
 
}
 
 
/* 1000px  */
 
/************************************************/
 
@media only screen and (max-width: 1000px) {
 
.igem_2018_team_content {width:100%; margin-left:0px;}
 
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
 
.igem_2018_team_mobile_bar {display:block;}
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
 
 
}
 
 
 
@media only screen and (max-width: 500px) {
 
.igem_2018_team_menu {min-width:100%; width:100%; }
 
}
 
  
  
Line 360: Line 359:
 
   line-height: 80px;
 
   line-height: 80px;
 
   margin-right: 20px;
 
   margin-right: 20px;
 +
  margin-top: 50px;
 
}
 
}
  
Line 381: Line 381:
  
 
.text{
 
.text{
   text-align: left;
+
   text-align: justify;
   padding: 10px 50px 10px 20px;
+
  text-justify: inter-word;
 +
   padding: 10px 50px 10px 10px;
 
   font-size: 16px;
 
   font-size: 16px;
 
   line-height: 1.5;
 
   line-height: 1.5;
  white-space: initial;
+
   width: 100%;
   width: 80%;
+
 
   word-wrap: break-word;
 
   word-wrap: break-word;
 
}
 
}
  
 
.outline{
 
.outline{
 +
  text-align: justify;
 +
  text-justify: inter-word;
 
   text-align: left;
 
   text-align: left;
 
   padding: 25px 50px 75px 100px;
 
   padding: 25px 50px 75px 100px;
 
   font-size:20px;
 
   font-size:20px;
   line-height: 1.5
+
   line-height: 1.5;
 
}
 
}
  
Line 406: Line 408:
 
.numberedsection{
 
.numberedsection{
 
   text-align: left;
 
   text-align: left;
   padding: 25px 50px 5px 20px;
+
   padding: 10px 50px 10px 10px;
   font-size: 20px;
+
   font-size: 25px;
 
   font-weight: bold;
 
   font-weight: bold;
 +
  line-height: 1.5;
 +
  text-align: justify;
 +
  text-justify: inter-word;
 
}
 
}
  
Line 448: Line 453:
  
 
.blackbar{
 
.blackbar{
     position: absolute;
+
     position: fixed;
     top: 0px;
+
     top: 15px;
     left: -40px;
+
     left: -90px;
 
     width: 240px;
 
     width: 240px;
     background: #333;
+
     background: #203864;
 
     display: inline-block;
 
     display: inline-block;
 
     height: 50px;
 
     height: 50px;
 
}
 
}
  
.main{position: absolute; top:0px; left:150px;width: 100%; background: #333;}
+
.main{text-decoration:none;position: fixed; top:16px; left:150px;width: 100%; background: #203864;}
 
/*General Menu Styling*/
 
/*General Menu Styling*/
.mainnav{margin: 0 auto}
+
.mainnav{text-decoration:none;margin: 0 auto;}
li{list-style: none;}
+
li{color:black;text-decoration:none;list-style: none;}
li a{text-decoration: none;}
+
li a{color:#fff;text-decoration:none;}
.dropdown{position: absolute; width: 150px;top: 43px; opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}
+
.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{float: left;padding: 5px;background: #333;}
+
.mainnav li{color:black;text-decoration:none;float: left;padding: 5px;background: #203864;}
.mainnav li:first-child{border: none;}
+
.mainnav li:first-child{text-decoration:none;border: none;}
.mainnav li a{ display: block;padding: 5px 20px;color: #fff;font-family: arial;}
+
.mainnav li a{text-decoration:none;color:black; display: block;padding: 5px 20px;color: #fff;font-family: arial;}
.mainnav li:hover{background: #fff;transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;}
+
.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{color: maroon;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*/
 
/*First Level*/
.subs {left: -45px;position: relative;top: 0px;width: 175px;border-left: none !important; border-bottom: 1px dotted #fff !important;}
+
.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;}
 
.subs:last-child{border: none !important;}
.hassubs:hover .dropdown,.hassubs .hassubs:hover .dropdown{opacity: 1;visibility: visible; transition: ease-in .35s;-moz-transition: ease-in .35s;-webkit-transition: ease-in .35s;}
+
.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;}
+
.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;}
+
.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;}
+
.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*/
 
/*Second Level*/
.hassubs .hassubs .dropdown .subs{left: 25px;position: relative;width: 165px;top: 0px;}
+
.hassubs .hassubs .dropdown .subs{text-decoration:none;left: 15px;position: relative;width: 280px;top: 0px;}
.hassubs .hassubs .dropdown{position: absolute;width: 150px;left: 120px;top: 0px;opacity: 0;visibility: hidden;transition: ease-out .35s;-moz-transition: ease-out .35s;-webkit-transition: ease-out .35s;}
+
.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 528: Line 533:
 
<div class="main">
 
<div class="main">
 
             <ul class="mainnav">
 
             <ul class="mainnav">
                 <li class="hassubs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Overview">Project Overview</a>
+
                 <li class="hassubs"><a href="#" style="text-decoration:none;color:white;">Project</a>
 
                     <ul class="dropdown">
 
                     <ul class="dropdown">
                        <li class="subs hassubs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Reporter_Overview">Reporter System</a>
+
                      <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">
 
                             <ul class="dropdown">
                                 <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Dual_Reporter">Dual Reporter</a></li>
+
                                 <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/Reporter_GLB">GLB Reporter</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="#">Logbook</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>
 
                             </ul>
 
                         </li>
 
                         </li>
                       <li class="subs hassubs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Editor_Overview">Editor System</a>
+
                       <li class="subs hassubs"><a href="">Editor System</a>
 
                             <ul class="dropdown">
 
                             <ul class="dropdown">
                                 <li class="subs"><a href="#">Results</a></li>
+
                                 <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_Logbook">Logbook</a></li>
+
                                <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Editor_Results">Editor Results</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
                       <li class="subs hassubs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Model">Modelling</a>
+
                       <li class="subs hassubs"><a href="">Modelling</a>
 
                             <ul class="dropdown">
 
                             <ul class="dropdown">
                                 <li class="subs"><a href="#">Enzyme Kinematics</a></li>
+
                                 <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Model">Modelling Overview</a></li>                      
                                 <li class="subs"><a href="#">Molecular Dynamics</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>
 
                             </ul>
 
                         </li>
 
                         </li>
 
                       <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/InterLab">InterLab</a></li>
 
                       <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/InterLab">InterLab</a></li>
 
                   </ul>
 
                   </ul>
                 <li class="hassubs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Human_Practices">Human Practice</a>
+
                 <li class="hassubs"><a href="#" style="text-decoration:none;color:white;">Human Practice</a>
 
                     <ul class="dropdown">
 
                     <ul class="dropdown">
                         <li class="subs"><a href="#">Integrated Human Practices</a></li>
+
                         <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/Cas_Asks">#CasAsks</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_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"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Cas_Teaches">#CasTeaches</a></li>
                      <li class="subs"><a href="#">#CasWrites</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>
 
                     </ul>
 
                 </li>
 
                 </li>
               <li><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Collaborations">Collaborations</a></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="#">People</a>
+
             
 +
              <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">
 
                     <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/Team">Team</a></li>
Line 568: Line 604:
 
                 </li>
 
                 </li>
 
                
 
                
                 <li class="hassubs"><a href="#">Admin</a>
+
                 <li class="hassubs"><a href="#" style="text-decoration:none;color:white;">Admin</a>
 
                     <ul class="dropdown">
 
                     <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/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/Medal">Medals</a></li>
 
                         <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Parts">Parts</a></li>
 
                         <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/Parts">Parts</a></li>
                        <li class="subs"><a href="https://2018.igem.org/Team:NUS_Singapore-Sci/General_Docs">General Documents</a></li>
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
            <br style="clear: both;">
 
 
         </div>
 
         </div>
 
 
<div class="weblogo">
 
<div class="weblogo">
 
   <a href="https://2018.igem.org/Team:NUS_Singapore-Sci">
 
   <a href="https://2018.igem.org/Team:NUS_Singapore-Sci">

Latest revision as of 03:32, 18 October 2018