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

 
(52 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/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 ---------------->
  
 
<body>
 
<body>
  
−
<!-- Navbar will come here -->
+
<!-- TeamTianjin Navbar start -->
  
−
<nav class="navbar navbar-info" role="navigation" id="TeamTianjinNavbar">
+
<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">
−
                 <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 27: 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>
 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 
     <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="#">OVERVIEW</a></li>
+
<li><a href="https://2016.igem.org/Team:Tianjin" id="Overview">OVERVIEW</a></li>
−
        <li><a href="#">ACHIEVEMENTS</a></li>
+
 
         <li class="dropdown">
 
         <li class="dropdown">
−
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">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="#">VISION</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Description" id="Outline">OUTLINE</a></li>
−
  <li><a href="#">EXPERIMENT</a></li>
+
−
  <li><a href="#">MODELING</a></li>
+
−
  <li><a href="#">RESULTS</a></li>
+
 
                       <li class="divider"></li>
 
                       <li class="divider"></li>
−
      <li><a href="#">PARTS</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Experiment/Consortium" id="Consortium">CONSORTIUM</a></li>
−
                       <li><a href="#">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>
 
         </ul>
 
         </li>
 
         </li>
 
         <li class="dropdown">
 
         <li class="dropdown">
−
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">PEOPLE</a>
+
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Results">RESULTS</a>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
  <li><a href="#">TEAM</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Achievements" id="Achievements">ACHIEVEMENTS</a></li>
−
  <li><a href="#">COLLABORATION</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Demonstrate" id="Demonstrate">DEMONSTRATE</a></li>
−
  <li><a href="#">SOCIAL MEDIA</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>
 
         <li class="dropdown">
 
         <li class="dropdown">
−
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">PRATICE</a>
+
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="People">PEOPLE</a>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
  <li><a href="#">COMUNITY</a></li>
+
  <li><a href="https://2016.igem.org/Team:Tianjin/Team" id="Team">TEAM</a></li>
−
  <li><a href="#">BUSINESS PLAN</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">
 +
        <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 65: 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 -->
+
−
        <div class="wrapper">
+
−
            <div class="section section-header">
+
−
                <div class="parallax full-image">
+
−
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2016/1/1e/TeamTianjin_BG_Test.jpg" alt="TeamTianjin Back Ground">
+
−
                    <div class="container">
+
−
                        <div class="content">
+
−
                            <h1>Team Tianjin</h1>
+
−
                            <div class="separator-container">
+
−
                                <div class="separator line-separator">∎</div>
+
−
                            </div>
+
−
                            <h5>"Plastic tastes good"  --- <i>Yeast</i></h5>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <a href="" data-scroll="true" data-id="#BreifIntro" class="scroll-arrow -xs -sm">
+
−
                <i class="fa fa-angle-down"></i>
+
−
                </a>
+
−
            </div>
+
−
            <div class="section section-we-are-1" id="whoWeAre">
+
−
                <div class="text-area">
+
−
                    <div class="container">
+
−
                        <div class="row">
+
−
                            <div class="title" id="animationTest">
+
−
                                <h2>A brief description</h2>
+
−
                                <p class="large">
+
−
                                    This March our team paid much attention to an article ‘A bacterium that degrades and assimilates poly (ethylene terephthalate)’published in Science in the same month. A new kind of bacteria that can decompose PET was found and studied in detail. We plan to express its unique genes in some commonly used mode organisms such as yeasts and E.colis to enhance its activities of decomposition significantly since they are relatively low at present.
+
−
                                </p>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
            </div>
+
  
 +
  <!-- navbar end -->
  
 
</body>
 
</body>
 +
 +
<!---------------- Team Tianjin WIKI Template End ---------------->
  
  
Line 108: Line 99:
 
/* OVERRIDE IGEM SETTINGS */
 
/* OVERRIDE IGEM SETTINGS */
  
−
#sideMenu, #top_title, #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
+
#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; }
 
#content {width: 100%;  background: transparent; margin: 0; padding: 0; }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 2px; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 2px; }
−
         #top_menu_under{
+
         #top_menu_under {
 
                 height: 0px;
 
                 height: 0px;
 
                 border-bottom: 0 none;
 
                 border-bottom: 0 none;
Line 117: Line 108:
 
       }
 
       }
  
−
#top-section {
+
        #top_menu_14 {
−
border: 0 none;
+
                height: 24px;
−
height: 20px;
+
                border-bottom: 0 none;
−
z-index: 2000;
+
      }
−
top: 0;
+
−
position: fixed;
+
−
width: 100%;
+
  
−
}
+
#globalWrapper, #content {
−
+
−
#globalWrapper, #content {
+
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
−
                 margin: 0;
+
                 margin: 0;
−
float: none;
+
float: none;
 
font-size: 100%;
 
font-size: 100%;
−
                 z-index:0;
+
                 z-index: 0;
 
}
 
}
 +
 +
div[id=mw-content-text] > p {
 +
display: none;
 +
}
 +
 +
#sideMenu {
 +
width: 200px;
 +
}
 +
 +
#sideMenu .mainMenu_Title, #sideMenu .mainMenu_toggle, #sideMenu #MainPage_menu ul li li {
 +
border: none;
 +
}
 +
 +
#sideMenu .sideMenuTitle {
 +
height: 35px;
 +
}
 +
 +
#top_menu_inside .submenu {
 +
width: auto;
 +
}
 +
 +
 +
 +
 
</style>
 
</style>
 +
 +
 +
  
 
</html>
 
</html>
Line 147: 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