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

 
(45 intermediate revisions by 2 users not shown)
Line 5: Line 5:
  
 
   <!-- External scripts -->
 
   <!-- External scripts -->
−
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" 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">
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/flatly/bootstrap.min.css">
+
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500" rel="stylesheet">
−
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/lumen/bootstrap.min.css">
+
<link href="https://fonts.googleapis.com/css?family=Bangers|Boogaloo|Josefin+Sans|Luckiest+Guy|Magra|News+Cycle|Oswald" rel="stylesheet">
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.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>
  
  
Line 25: 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 33: Line 36:
 
     }
 
     }
 
     #top-section{
 
     #top-section{
−
       background:#48af5d;
+
       background:#000000;
 
       margin-left:0 !important;
 
       margin-left:0 !important;
 
       width:100%;
 
       width:100%;
Line 50: 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 66: 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 79: 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 85: 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 96: Line 99:
 
       position:relative;
 
       position:relative;
 
       width:100%;
 
       width:100%;
−
       top:70px;
+
       top:60px;
 
     }
 
     }
 
     .container .subcontainer{
 
     .container .subcontainer{
Line 113: Line 116:
  
 
body {  
 
body {  
−
     padding-top: 110px;  
+
     padding-top: 100px;  
 
}
 
}
  
Line 128: Line 131:
  
 
}
 
}
 +
 +
.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*/
 +
    }
  
  
Line 194: 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 214: 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 221: 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 237: 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 284: Line 302:
  
  
−
<div class="navbar navbar-fixed-top" style="margin-top:0px; margin-left: 20px">
+
<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"style="margin-top:20px"><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 299: Line 314:
 
   <div class="col-md-10" >
 
   <div class="col-md-10" >
 
   <div id="navbar" class="navbar-collapse collapse">
 
   <div id="navbar" class="navbar-collapse collapse">
−
       <ul class="nav navbar-nav navbar-right" " style="margin-top:20px ; margin-right:80px;">
+
       <ul class="nav navbar-nav navbar-right" " style="margin-top:40px ; margin-right:80px;">
 +
 
 +
        <li class="menu-item">
 +
<a href="https://2017.igem.org/Team:Hong_Kong-CUHK">
 +
            <span>Home</span>
 +
            <span class="green-effect"></span>
 +
          </a>
 +
</li>
 +
 
 +
 
 +
 
 +
<li><div id="navbar" class="navbar-collapse collapse">
 
           <li class="dropdown">
 
           <li class="dropdown">
 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">
−
 
+
Project <b class="caret"></b>             
−
                Project <b class="caret"></b>             
+
 
</a>
 
</a>
 
                     <ul class="dropdown-menu multi-level">
 
                     <ul class="dropdown-menu multi-level">
Line 310: Line 335:
 
       <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/Results">Results</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/Parts">Parts</a></li>
−
      <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Hardware">Hardware</a></li>
 
 
       <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">InterLab</a></li>
 
       <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">InterLab</a></li>
  
Line 326: Line 350:
  
 
         <li class="menu-item">
 
         <li class="menu-item">
−
           <a href="http://igem.erg.cuhk.edu.hk/">
+
           <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Software">
 
             <span>Software</span>
 
             <span>Software</span>
 
             <span class="green-effect"></span>
 
             <span class="green-effect"></span>
Line 341: Line 365:
  
 
       <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/Notebook">Notebook</a></li>
−
       <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Applied_Design">Protocols</a></li>
+
       <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Protocol">Protocols</a></li>
 
       </ul>
 
       </ul>
 
                 </li>
 
                 </li>
Line 353: Line 377:
 
                     <ul class="dropdown-menu multi-level">
 
                     <ul class="dropdown-menu multi-level">
 
                         <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Integrated Human Practices</a></li>
 
                         <li><a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Integrated Human Practices</a></li>
−
     <li> <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Engagement and Education</a> </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/Prototype">Prototype</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/Collaborations">Collaboration</a></li>
 
     <li> <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a></li>

Latest revision as of 16:21, 24 October 2017