Difference between revisions of "Team:Tianjin/Templates/MaterialTheme"

 
(35 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/fonts}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/kit}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/kit}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/animate}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/animate}}
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/lightbox}}
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/SideNavbar}}
  
 
<html lang="en">
 
<html lang="en">
Line 10: Line 13:
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
−
        <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" />
+
<link href="https://fonts.googleapis.com/css?family=Racing+Sans+One|Roboto" rel="stylesheet">
 
</head>
 
</head>
  
−
 
+
<!---------------- Team Tianjin WIKI Template Start ---------------->
−
<!------------------------------------ Team Tianjin WIKI Template Start ------------------------------------>
+
  
 
<body>
 
<body>
Line 23: Line 25:
 
<div class="container-fluid">
 
<div class="container-fluid">
 
     <div class="navbar-header">
 
     <div class="navbar-header">
−
                 <div class="nameTeamTianjin">TEAM TIANJIN</div>
+
                 <div class="nameTeamTianjin">PLASTERMINATOR</div>
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">  
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">  
 
                 <span class="sr-only">Toggle navigation</span>
 
                 <span class="sr-only">Toggle navigation</span>
Line 30: Line 32:
 
                 <span class="icon-bar"></span>
 
                 <span class="icon-bar"></span>
 
     </button>
 
     </button>
−
     <img class="img-responsive logoBG" src="https://static.igem.org/mediawiki/2016/5/51/TestLOGOofTeamTianjin.png" alt="Logo on left" href="http://127.0.0.1">
+
     <a href="https://2016.igem.org/Team:Tianjin"><img class="img-responsive logoBG" src="https://static.igem.org/mediawiki/2016/2/21/T--Tianjin--Team_Tianjin_Logo.png" title="Plasterminator - Team Tianjin" alt="Team Tianjin Logo"></a>
  
 
     </div>
 
     </div>
Line 36: Line 38:
 
     <ul class="nav navbar-nav">
 
     <ul class="nav navbar-nav">
 
<li><a href="https://2016.igem.org/Team:Tianjin" id="Overview">OVERVIEW</a></li>
 
<li><a href="https://2016.igem.org/Team:Tianjin" id="Overview">OVERVIEW</a></li>
−
        <li><a href="#" id="Achievements">ACHIEVEMENTS</a></li>
 
 
         <li class="dropdown">
 
         <li class="dropdown">
 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Projects">PROJECTS</a>
 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Projects">PROJECTS</a>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
  <li><a href="#" id="Vision">VISION</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Description" id="Outline">OUTLINE</a></li>
−
  <li><a href="#" id="Experiment">EXPERIMENT</a></li>
+
−
  <li><a href="#" id="Modeling">MODELING</a></li>
+
−
  <li><a href="#" id="Results">RESULTS</a></li>
+
 
                       <li class="divider"></li>
 
                       <li class="divider"></li>
−
      <li><a href="#" id="Parts">PARTS</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Experiment/Consortium" id="Consortium">CONSORTIUM</a></li>
−
                       <li><a href="#" id="LaboratoryNotes">LABORATORY NOTES</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Experiment/Protein_Engineering" id="ProteinEngineering">PROTEIN ENGINEERING</a></li>
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Experiment/R-R" id="RRSystem">R-R SYSTEM</a></li>
 +
                      <li class="divider"></li>
 +
                                      <li><a href="https://2016.igem.org/Team:Tianjin/Proof" id="Proof">PROOF</a></li>
 +
      <li><a href="https://2016.igem.org/Team:Tianjin/Model" id="Model">MODEL</a></li>
 +
        </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Results">RESULTS</a>
 +
        <ul class="dropdown-menu">
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Achievements" id="Achievements">ACHIEVEMENTS</a></li>
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Demonstrate" id="Demonstrate">DEMONSTRATE</a></li>
 +
                      <li class="divider"></li>
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Parts" id="Parts">PARTS</a></li>
 +
                       <li><a href="https://2016.igem.org/Team:Tianjin/Future" id="FutureWork">FUTURE WORK</a></li>
 
         </ul>
 
         </ul>
 
         </li>
 
         </li>
Line 53: Line 65:
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
 
  <li><a href="https://2016.igem.org/Team:Tianjin/Team" id="Team">TEAM</a></li>
 
  <li><a href="https://2016.igem.org/Team:Tianjin/Team" id="Team">TEAM</a></li>
−
  <li><a href="#" id="Collaboration">COLLABORATION</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Attributions" id="Attribution">ATTRIBUTION</a></li>
−
  <li><a href="#" id="SocialMedia">SOCIAL MEDIA</a></li>
+
 
         </ul>
 
         </ul>
 
         </li>
 
         </li>
 
         <li class="dropdown">
 
         <li class="dropdown">
−
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Practice">HUMAN PRACTICE</a>
+
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Outreach">OUTREACH</a>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
  <li><a href="#" id="Community">COMMUNITY</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Community/Overview" id="HumanPractice">HUMAN PRACTICE</a></li>
−
  <li><a href="#" id="BusinessPlan">BUSINESS PLAN</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Collaborations" id="Collaborations">COLLABORATIONS</a></li>
 +
                      <li><a href="https://2016.igem.org/Team:Tianjin/Safety" id="Safety">SAFETY</a></li>
 +
        </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Notes">NOTES</a>
 +
        <ul class="dropdown-menu">
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Notes" id="Notebook">NOTEBOOK</a></li>
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Protocol" id="Protocol">PROTOCOL</a></li>
 
         </ul>
 
         </ul>
 
         </li>
 
         </li>
Line 68: Line 87:
 
</div>
 
</div>
 
</nav>
 
</nav>
−
<div class="navbarRightPic"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/5/51/TestLOGOofTeamTianjin.png" alt="LOGO" width="128"></div>
+
<div class="navbarRightPic"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/2/21/T--Tianjin--Team_Tianjin_Logo.png" alt="LOGO" width="128"></div>
−
<!-- end navbar -->
+
 
 +
  <!-- navbar end -->
  
 
</body>
 
</body>
 +
 +
<!---------------- Team Tianjin WIKI Template End ---------------->
  
  
Line 119: Line 141:
 
width: auto;
 
width: auto;
 
}
 
}
 +
 +
 +
  
 
</style>
 
</style>
−
<footer>
+
 
−
  <div class="container-fluid" style="background-color: none;">
+
 
−
    <div class="row">
+
 
−
      <div class="col-xs-6 col-sm-3"><a href="http://www.alltechms.com/"><img src="https://static.igem.org/mediawiki/2016/5/51/T--Tianjin--Sponsor_Alltech.png" alt="Team Tianjin Sponsor Alltech" class="img-responsive grayscale"></a></div>
+
−
      <div class="col-xs-6 col-sm-3"><a href="http://www.genscript.com/"><img src="https://static.igem.org/mediawiki/2016/0/01/T--Tianjin--Sponsor_GenScript.png" alt="Team Tianjin Sponsor GenScript" class="img-responsive grayscale"></a></div>
+
−
      <div class="col-xs-6 col-sm-3"><a href="http://www.synbio-tech.com/"><img src="https://static.igem.org/mediawiki/2016/7/74/T--Tianjin--Sponsor_SynbioTech.png" alt="Team Tianjin Sponsor SynbioTech" class="img-responsive grayscale"></a></div>
+
−
    </div>
+
−
  </div>
+
−
</footer>
+
−
 
+
−
  <style>
+
−
    img.grayscale:hover {
+
−
      filter: none;
+
−
      -webkit-filter: grayscale(0%);
+
−
    }
+
−
   
+
−
    img.grayscale {
+
−
      filter: gray;
+
−
      -webkit-filter: grayscale(100%);
+
−
      -webkit-transition: all .6s ease;
+
−
      -webkit-backface-visibility: hidden;
+
−
    }
+
−
  </style>
+
  
 
</html>
 
</html>
Line 155: Line 160:
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/datapicker}}
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/datapicker}}
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/kit}}
 
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/kit}}
 +
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/lightbox}}
 +
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/SideNavbar}}

Latest revision as of 16:24, 19 October 2016

TEAM TIANJIN

LOGO