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

 
(76 intermediate revisions by 4 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/kit}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/kit}}
−
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/css/material/bootstrap}}
+
{{: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}}
−
 
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/core}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/kit}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/bootstrap}}
+
−
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/jquery}}
+
  
 
<html lang="en">
 
<html lang="en">
Line 13: Line 10:
 
<meta charset="utf-8" />
 
<meta charset="utf-8" />
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 +
<title>TEAM TIANJIN</title>
 
<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 href="https://fonts.googleapis.com/css?family=Racing+Sans+One|Roboto" rel="stylesheet">
 
</head>
 
</head>
−
<nav class="navbar navbar-info" role="navigation">
+
 
 +
<!---------------- Team Tianjin WIKI Template Start ---------------->
 +
 
 +
<body>
 +
 
 +
<!-- TeamTianjin Navbar start -->
 +
 
 +
<nav class="navbar navbar-TeamTianjin" role="navigation" id="TeamTianjinNavbar">
 
<div class="container-fluid">
 
<div class="container-fluid">
 
     <div class="navbar-header">
 
     <div class="navbar-header">
−
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
                <div class="nameTeamTianjin">PLASTERMINATOR</div>
 +
     <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>
 
                 <span class="icon-bar"></span>
 
                 <span class="icon-bar"></span>
Line 24: Line 32:
 
                 <span class="icon-bar"></span>
 
                 <span class="icon-bar"></span>
 
     </button>
 
     </button>
−
     <a class="navbar-brand" href="#">Team Tianjin</a>
+
     <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 class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
     </div>
 +
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
     <ul class="nav navbar-nav">
 
     <ul class="nav navbar-nav">
−
<li class="active"><a href="2016.igem.org/Team:Tianjin">Home</a></li>
+
<li><a href="https://2016.igem.org/Team:Tianjin" id="Overview">OVERVIEW</a></li>
−
         <li><a href="http://www.tju.edu.cn/english/">TJU</a></li>
+
        <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Projects">PROJECTS</a>
 +
        <ul class="dropdown-menu">
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Description" id="Outline">OUTLINE</a></li>
 +
                      <li class="divider"></li>
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Experiment/Consortium" id="Consortium">CONSORTIUM</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>
 +
        </li>
 +
        <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="People">PEOPLE</a>
 +
        <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/Attributions" id="Attribution">ATTRIBUTION</a></li>
 +
        </ul>
 +
        </li>
 +
        <li class="dropdown">
 +
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Outreach">OUTREACH</a>
 +
        <ul class="dropdown-menu">
 +
  <li><a href="https://2016.igem.org/Team:Tianjin/Community/Overview" id="HumanPractice">HUMAN PRACTICE</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">
 
         <li class="dropdown">
−
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Introduction <b class="caret"></b></a>
+
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Notes">NOTES</a>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
  <li class="divider"></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Notes" id="Notebook">NOTEBOOK</a></li>
−
  <li><a href="#Background">Background</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Protocol" id="Protocol">PROTOCOL</a></li>
−
  <li class="divider"></li>
+
−
  <li><a href="#CurrentSituation">Current Situation</a></li>
+
−
  <li class="divider"></li>
+
−
  <li><a href="#Vision">Vision</a></li>
+
−
  <li class="divider"></li>
+
 
         </ul>
 
         </ul>
 
         </li>
 
         </li>
Line 46: Line 86:
 
     </div>
 
     </div>
 
</div>
 
</div>
−
</nav>
+
</nav>
 +
<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>
  
−
<style>
+
  <!-- navbar end -->
−
<style>
+
  
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
</body>
  
−
#sideMenu, #top_title {display:none;}
+
<!---------------- Team Tianjin WIKI Template End ---------------->
−
#content { width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0}
+
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
−
/********************************* MENU ********************************/
 
−
/* OVERRIDE IGEM SETTINGS ---------------------------------------------- */
 
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear
+
<style>
−
{
+
/* OVERRIDE IGEM SETTINGS */
−
    display: none;
+
−
}
+
  
−
#content
+
#sideMenu, #top_title, #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none}
−
{
+
#content {width: 100%; background: transparent; margin: 0; padding: 0; }
−
    width: 100%;
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5  { margin-bottom: 2px; }
−
    padding: 0;
+
        #top_menu_under {
−
    border: 0;
+
                height: 0px;
−
}
+
                border-bottom: 0 none;
 +
                display: none;
 +
      }
  
−
#globalWrapper
+
        #top_menu_14 {
−
{
+
                height: 24px;
−
    padding: 0;
+
                border-bottom: 0 none;
−
    font-size: 100%;
+
      }
−
}
+
  
−
#main-div ul, #main-div ol
+
#globalWrapper, #content  {
−
{
+
width: 100%;
−
    margin: 0px 0px 10px 0;
+
height: 100%;
−
}
+
                margin: 0;
 +
float:  none;
 +
font-size: 100%;
 +
                z-index: 0;
 +
}
  
−
#main-div ol li
+
div[id=mw-content-text] > p {
−
{
+
display: none;
−
    margin-left: 30px;
+
}
−
}
+
  
−
#main-div ul li
+
#sideMenu {
−
{
+
width: 200px;
−
    margin-left: 20px;
+
}
−
    list-style: none;
+
−
}
+
  
−
#main-div ul li:before
+
#sideMenu .mainMenu_Title, #sideMenu .mainMenu_toggle, #sideMenu #MainPage_menu ul li li {
−
{
+
border: none;
−
    content: "• ";
+
}
−
    color: #CC1D24;
+
−
    margin-left: -12px;
+
−
    padding-right: 3px;
+
−
    position: relative;
+
−
    z-index: 5;
+
−
}
+
  
−
#main-div ul.gallery li
+
#sideMenu .sideMenuTitle {
−
{
+
height: 35px;
−
    list-style: none;
+
}
−
}
+
  
−
#main-div ul.gallery li:before
+
#top_menu_inside .submenu {
−
{
+
width: auto;
−
    content: ""
+
}
−
}
+
  
−
.image
 
−
{
 
−
    position: relative;
 
−
    z-index: 20;
 
−
}
 
  
−
.break
+
−
{
+
−
    clear: both;
+
−
}
+
  
−
#main-div .thumb.tright
+
</style>
−
{
+
−
    border: 0;
+
−
    margin: 1em;
+
−
}
+
  
−
#main-div .thumbinner
 
−
{
 
−
    padding: 0 !important;
 
−
    border: 0;
 
−
    background-color: transparent;
 
−
}
 
  
−
#main-div .thumbinner a img
 
−
{
 
−
    border: 0;
 
−
}
 
  
−
#main-div .thumb div
 
−
{
 
−
    background-color: transparent;
 
−
}
 
  
−
#main-div .thumbcaption
+
</html>
−
{
+
−
    text-align: justify;
+
−
    font-weight: 400;
+
−
    font-size: 11px;
+
−
    color: #505050;
+
−
}
+
  
−
#main-div .thumbcaption .magnify
 
−
{
 
−
    display: none;
 
−
}
 
  
−
#main-div dd
 
−
{
 
−
    margin-left: 0.2em;
 
−
}
 
  
−
/* GLOBAL FONT SETTINGS ---------------------------------------------- */
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/jquery}}
−
</style>
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/bootstrap}}
−
</style>
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/core}}
−
 
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/nouislider}}
−
    <script>
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/datapicker}}
−
        var header_height;
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/kit}}
−
        var fixed_section;
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/lightbox}}
−
        var floating = false;
+
{{:Team:Tianjin/Templates/AddJS|:Team:Tianjin/js/material/SideNavbar}}
−
 
+
−
        $().ready(function(){
+
−
            suggestions_distance = $("#suggestions").offset();
+
−
            pay_height = $('.fixed-section').outerHeight();
+
−
 
+
−
$(window).on('scroll', materialKit.checkScrollForTransparentNavbar);
+
−
 
+
−
// the body of this function is in assets/material-kit.js
+
−
materialKit.initSliders();
+
−
        });
+
−
    </script>
+
−
</html>
+

Latest revision as of 16:24, 19 October 2016

TEAM TIANJIN

LOGO