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

 
(59 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>E.Coli</i></h5>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <a href="" data-scroll="true" data-id="#whoWeAre" 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>
+
−
                                <div class="separator-container">
+
−
                                    <div class="separator line-separator">∎</div>
+
−
                                </div>
+
−
                                <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>
+
−
<div class="wrapper">
+
−
<div class="header">
+
  
−
</div>
+
  <!-- navbar end -->
−
<!-- you can use the class main-raised if you want the main area to be as a page with shadows -->
+
−
<div class="main">
+
−
<div class="container">
+
  
−
<!-- here you can add your content -->
+
</body>
−
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
</body>
+
<!---------------- Team Tianjin WIKI Template End ---------------->
  
  
Line 123: 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;}
+
#content {width: 100%;  background: transparent; margin: 0; padding: 0; }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
#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 132: Line 108:
 
       }
 
       }
  
−
#top-section {
+
        #top_menu_14 {
−
border: 0 none;
+
                height: 24px;
−
height: 14px;
+
                border-bottom: 0 none;
−
z-index: 100;
+
      }
−
top: 0;
+
 
−
position: fixed;
+
#globalWrapper, #content {
−
width: 100%;
+
−
left: 50%;
+
−
margin-left: -487px;
+
−
}
+
−
+
−
#globalWrapper, #content {
+
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
−
                 margin: auto;
+
                 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 163: 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