Difference between revisions of "Template:Hong Kong-CUHK"

 
(83 intermediate revisions by 2 users not shown)
Line 5: Line 5:
  
 
   <!-- External scripts -->
 
   <!-- External scripts -->
−
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Architects+Daughter|Caveat+Brush|Indie+Flower|Permanent+Marker|Quicksand|Roboto|Schoolbell|Sedgwick+Ave" rel="stylesheet">
−
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
+
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500" rel="stylesheet">
−
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
+
<link href="https://fonts.googleapis.com/css?family=Bangers|Boogaloo|Josefin+Sans|Luckiest+Guy|Magra|News+Cycle|Oswald" rel="stylesheet">
−
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
 +
 
  
 
   <style>
 
   <style>
Line 24: Line 26:
 
       margin: 0;
 
       margin: 0;
 
       padding:0;
 
       padding:0;
−
       font-family: 'Source Sans Pro', sans-serif;
+
      font-size: 12px;
 +
      font-weight: 500;
 +
       font-family: 'Quicksand', sans-serif;
 
     }
 
     }
  
Line 32: Line 36:
 
     }
 
     }
 
     #top-section{
 
     #top-section{
−
       background:#48af5d;
+
       background:#000000;
 
       margin-left:0 !important;
 
       margin-left:0 !important;
 
       width:100%;
 
       width:100%;
Line 49: Line 53:
 
       z-index:5;
 
       z-index:5;
  
−
       background-color:#555;
+
       background-color:#000000;
−
       color:#fff;
+
       color:#000000;
 
       text-align: center;
 
       text-align: center;
 
     }
 
     }
Line 65: Line 69:
 
       position:fixed;
 
       position:fixed;
 
       width:100%;
 
       width:100%;
−
       height:80px;
+
       height:110px;
−
       top:24px;
+
       top:10px;
−
       background-color: #47a3da;
+
       background-color: #000000;
  
 
       z-index:4;
 
       z-index:4;
Line 78: Line 82:
 
       vertical-align: middle;
 
       vertical-align: middle;
  
−
       font-weight: 700;
+
       font-weight: 500;
 
       font-size:25px;
 
       font-size:25px;
 
       color:#fff;
 
       color:#fff;
Line 84: Line 88:
 
     }
 
     }
 
     .menu tr td.menu-item:hover{
 
     .menu tr td.menu-item:hover{
−
       background-color:#258ecd;
+
       background-color:#FFFFFF;
 
       cursor: pointer;
 
       cursor: pointer;
 
     }
 
     }
 
     .subselected{
 
     .subselected{
−
       background-color: #E0F8EC;
+
       background-color: #FFFFFF;
 
     }
 
     }
  
Line 95: Line 99:
 
       position:relative;
 
       position:relative;
 
       width:100%;
 
       width:100%;
−
       top:70px;
+
       top:60px;
 
     }
 
     }
 
     .container .subcontainer{
 
     .container .subcontainer{
Line 112: Line 116:
  
 
body {  
 
body {  
−
     padding-top: 110px;  
+
     padding-top: 100px;  
 
}
 
}
  
Line 126: Line 130:
 
filter: none !important;
 
filter: none !important;
  
 +
}
 +
 +
.navbar-nav a{
 +
  color: black !important;
 +
}
 +
 +
.navbar-default {
 +
  background-color: #ffffff;
 +
  border-color: #ffffff;
 +
}
 +
 +
 +
  .navbar-default {
 +
    background-color: #ffffff;
 +
    border-color: #000000;
 +
}
 +
 +
  .dropdown-menu > li > a:hover,
 +
  .dropdown-menu > li > a:focus {
 +
    color: #000000;
 +
  text-decoration: none;
 +
  background-color: #CEF6F5;  /*change color of links in drop down here*/
 +
  }
 +
 +
.nav > li > a:hover,
 +
.nav > li > a:focus {
 +
    text-decoration: none;
 +
    background-color: #E0F2F7; /*Change rollover cell color here*/
 +
  }
 +
 +
 +
  .navbar-default .navbar-nav > li > a {
 +
  color: white; /*Change active text color here*/
 +
    }
 +
 +
 +
.dropdown-menu li:hover .sub-menu {
 +
  visibility: visible;
 +
}
 +
 +
.dropdown:hover .dropdown-menu {
 +
  display: block;
 +
}
 +
 +
.navbar-nav .dropdown-menu,
 +
.navbar .dropdown-menu {
 +
  margin-top: 0;
 
}
 
}
  
Line 158: Line 209:
 
     border-left-color: #ccc;
 
     border-left-color: #ccc;
 
     margin-top: 5px;
 
     margin-top: 5px;
−
     margin-right: -10px;
+
     margin-right: 0px;
 
}
 
}
  
Line 179: Line 230:
  
 
.faceBot{
 
.faceBot{
−
   background: #EFFBF5;
+
   background: #000000;
 
}
 
}
  
 
@font-face {
 
@font-face {
−
   font-family: 'Source Sans Pro', sans-serif;;
+
   font-family: 'Roboto', sans-serif;
 
  }
 
  }
  
 
body
 
body
 
{
 
{
−
    font-family: 'Source Sans Pro', sans-serif;
+
  font-family: 'Roboto', sans-serif;
 
}
 
}
  
 
ul.nav a{
 
ul.nav a{
−
   color: #EFFBF5;
+
   color: black;
 
   background-color: transparent;
 
   background-color: transparent;
 
   height: 100%;
 
   height: 100%;
Line 199: Line 250:
  
 
ul.nav a:hover{
 
ul.nav a:hover{
−
   color: #EFFBF5;
+
   color: black;
 
   background-color: transparent;
 
   background-color: transparent;
 
   height: 100%;
 
   height: 100%;
Line 206: Line 257:
  
 
h2 {
 
h2 {
−
   color:green;
+
   color:black;
 
}
 
}
  
 
h4 {
 
h4 {
 
     font-weight: bold;
 
     font-weight: bold;
 +
}
 +
h1 {
 +
    text-align: center;
 
}
 
}
  
 
.menu-item{
 
.menu-item{
−
   height: 75px;
+
   height: 100px;
 
}
 
}
  
Line 222: Line 276:
  
  
 +
.logo {
 +
margin-top: 10px;
  
−
.green-effect{
 
−
  display: none;
 
−
  background-color: #E0F8EC;
 
−
  opacity: 1;
 
−
  color: #FFF;
 
−
  transition-property: all;
 
−
  transition-duration: 0.3s;
 
−
  transition-timing-function: ease-out;
 
−
  transition-delay: 0s;
 
−
  border-color: #288D30;
 
−
  position: absolute;
 
−
  bottom: 0px;
 
−
  width: 100%;
 
−
  height: 2px;
 
−
  right: 0px;
 
 
}
 
}
−
 
−
.logo {
 
−
margin-top: 100px;
 
  
 
}
 
}
  
−
a:hover .green-effect{
 
−
  display: inherit;
 
−
}
 
  
−
.invertir:hover {
 
−
  -webkit-filter: invert(100%);
 
 
}
 
}
  
Line 269: Line 302:
  
  
−
<div class="navbar navbar-fixed-top" style="margin-top:15px">
+
<div class="navbar navbar-fixed-top" style="margin-top:0px; margin-left: -30px">
 
   <nav class="navbar-inner">
 
   <nav class="navbar-inner">
 
    
 
    
 
   <div class="row-sm-height">
 
   <div class="row-sm-height">
 
    
 
    
−
   <div class="col-sm-2"><a href="https://2017.igem.org/Team:Hong_Kong-CUHK"><img class="logo" src="https://static.igem.org/mediawiki/2017/c/cf/CUHKteamlogo.jpg" height="70"  width="auto" ></a></div>
+
   <div class="col-sm-2"style="margin-top:20px; margin-bottom:5px"><img class="logo" src="https://static.igem.org/mediawiki/2017/b/ba/Final_logo.png" height="100"  width="auto" ></a></div>
−
 
+
−
 
+
−
 
+
  
  
Line 283: Line 313:
  
 
   <div class="col-md-10" >
 
   <div class="col-md-10" >
−
      <ul class="nav navbar-nav" style="margin-top:10px">
+
  <div id="navbar" class="navbar-collapse collapse">
−
    <li>
+
      <ul class="nav navbar-nav navbar-right" " style="margin-top:40px ; margin-right:80px;">
−
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+
  
−
                Team<b class="caret"></b>           
+
        <li class="menu-item">
−
</a>
+
<a href="https://2017.igem.org/Team:Hong_Kong-CUHK">
−
                    <ul class="dropdown-menu multi-level">
+
            <span>Home</span>
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Team">About Us </a></li>
+
            <span class="green-effect"></span>
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Attributions">Attributions </a></li>
+
          </a>
−
                   
+
</li>
−
                    </ul>
+
−
                </li>
+
  
  
  
−
<li>
+
<li><div id="navbar" class="navbar-collapse collapse">
−
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
+
          <li class="dropdown">
−
                    <ul class="dropdown-menu multi-level" >
+
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
−
+
Project <b class="caret"></b>             
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Project">Project</a></li>
+
−
<li class="divider"></li>
+
−
              <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Description</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiments</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Results</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a></li>
+
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Interlab">Parts</a></li>
+
−
<li><a href=" https://2017.igem.org/Team:Hong_Kong-CUHK/Protocols">Protocols</a></li>
+
−
<li><a href=" https://2017.igem.org/Team:Hong_Kong-CUHK/Protocols">Protocols</a></li>
+
−
                    </ul>
+
−
 
+
−
 
+
−
                </li>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
     
+
−
 
+
−
 
+
−
        <li>
+
−
     <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Human_Practices" class="dropdown-toggle" data-toggle="dropdown">
+
−
 
+
−
                Human Practices<b class="caret"></b>             
+
 
</a>
 
</a>
 
                     <ul class="dropdown-menu multi-level">
 
                     <ul class="dropdown-menu multi-level">
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Human_Practices">Human Practices - Summary</a></li>
+
      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Description</a></li>
−
<li class="divider"></li>
+
      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiments</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Integrated_Practices">Integrated Human Practices</a></li>
+
      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Results</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Outreach</a></li>
+
      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a></li>
−
<li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/">Theory of Knowledge</a></li>
+
      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">InterLab</a></li>
−
                     
+
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 340: Line 342:
  
 
         <li class="menu-item">
 
         <li class="menu-item">
−
           <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaboration">
+
           <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">
−
             <span>Collaboration</span>
+
             <span>Modelling</span>
 
             <span class="green-effect"></span>
 
             <span class="green-effect"></span>
 
           </a>
 
           </a>
 
</li>
 
</li>
  
−
   
 
  
−
+
        <li class="menu-item">
 +
          <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Software">
 +
            <span>Software</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
</li>
  
−
                <li>
 
−
             
 
  
−
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+
<li><div id="navbar" class="navbar-collapse collapse">
−
 
+
          <li class="dropdown">
−
                Modelling <b class="caret"></b>             
+
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
Notebook <b class="caret"></b>             
 
</a>
 
</a>
 
                     <ul class="dropdown-menu multi-level">
 
                     <ul class="dropdown-menu multi-level">
−
                          <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">Modelling - Home</a></li>
+
 
−
<li class="divider"></li>
+
      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/ProteinModel1">Protein Modelling <br> Etnr1</a></li>
+
      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Protocol">Protocols</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/oteinModel2">Protein Modelling <br> Etnr2</a></li>
+
      </ul>
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InternalCellular">Internal Cellular Model</a></li>
+
−
                       
+
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/MacroscopicDiffusion">Macroscopic Diffusion Model</a></li>
+
−
                     
+
−
                     
+
−
                    </ul>
+
 
                 </li>
 
                 </li>
  
−
      <li>
+
        <li><div id="navbar" class="navbar-collapse collapse">
−
 
+
          <li class="dropdown">
−
  <li>
+
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
−
             
+
  
−
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+
                 Human Practices<b class="caret"></b>             
−
 
+
−
                 Software <b class="caret"></b>             
+
 
</a>
 
</a>
 
                     <ul class="dropdown-menu multi-level">
 
                     <ul class="dropdown-menu multi-level">
−
                      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Software">Software - Home</a></li>
+
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Integrated Human Practices</a></li>
−
<li class="divider"></li>
+
    <li> <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Silver">Engagement and Education</a> </li>
−
                         <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Primers">Primer Design App</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Prototype">Prototype</a></li>
−
                        <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/SmartPhone">SmartPhone App </a></li>
+
    <li> <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a></li>
−
                     
+
 
                        
 
                        
−
                     
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
  
−
  <li>
+
<li><div id="navbar" class="navbar-collapse collapse">
−
     <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Achievements" class="dropdown-toggle" data-toggle="dropdown">
+
          <li class="dropdown">
 +
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  
−
                Achievements<b class="caret"></b>             
+
                Team<b class="caret"></b>             
 
</a>
 
</a>
 
                     <ul class="dropdown-menu multi-level">
 
                     <ul class="dropdown-menu multi-level">
−
                         <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts"> Parts</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Team">About Us </a></li>
−
                         <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Medals">Medals</a></li>
+
                         <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Attributions">Attributions </a></li>
−
 
+
                   
−
                   
+
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
  
  

Latest revision as of 16:21, 24 October 2017