|
|
(21 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <!-- This document, originally from getmdl.io, was modified -->
| |
− |
| |
− | <!--
| |
− | Material Design Lite
| |
− | Copyright 2015 Google Inc. All rights reserved.
| |
− |
| |
− | Licensed under the Apache License, Version 2.0 (the "License");
| |
− | you may not use this file except in compliance with the License.
| |
− | You may obtain a copy of the License at
| |
− |
| |
− | https://www.apache.org/licenses/LICENSE-2.0
| |
− |
| |
− | Unless required by applicable law or agreed to in writing, software
| |
− | distributed under the License is distributed on an "AS IS" BASIS,
| |
− | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
| |
− | See the License for the specific language governing permissions and
| |
− | limitations under the License
| |
− | -->
| |
− |
| |
| <html> | | <html> |
| <head> | | <head> |
Line 25: |
Line 6: |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> | | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> |
| | | |
− | <script src="https://2017.igem.org/Template:Tongji_China/Javascript?action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | <!-- Page styles -->
| |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_2?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Tongji_China/CSS_3?action=raw&ctype=text/css">
| |
| <style> | | <style> |
− | #view-source {
| |
− | position: fixed;
| |
− | display: block;
| |
− | right: 0;
| |
− | bottom: 0;
| |
− | margin-right: 40px;
| |
− | margin-bottom: 40px;
| |
− | z-index: 900;
| |
− | }
| |
| | | |
| .main.view { | | .main.view { |
| position: fixed; | | position: fixed; |
− | top: 20px; | + | top: 18px; |
| left: 0; | | left: 0; |
| + | bottom: 0; |
| + | right: 0; |
| width: 100%; | | width: 100%; |
| height: 100%; | | height: 100%; |
Line 51: |
Line 19: |
| } | | } |
| | | |
− | </style> | + | .main.cont-wrap { |
− | <script> | + | position: absolute; |
| + | top: 0; |
| + | left: 0; |
| + | width: 100%; height: 100%; |
| + | background: rgba(253, 253, 253, 1); |
| + | overflow: auto; |
| + | box-shadow: 0 0 20px rgba(0, 0, 0, 1); |
| + | transition: 0.3s cubic-bezier(0.2, 1, 0.2, 1); |
| + | } |
| + | a { |
| + | text-decoration: none !important; |
| + | } |
| + | /* unvisited link */ |
| + | a:link { |
| + | color: green; |
| + | } |
| | | |
− | $(document).ready(function () {
| + | /* visited link */ |
| + | a:visited { |
| + | color: DarkGreen; |
| + | } |
| | | |
− | var glob = window;
| + | /* mouse over link */ |
| + | a:hover { |
| + | color: red; |
| + | } |
| | | |
− | // remove some weird components
| + | /* selected link */ |
− | (function () {
| + | a:active { |
− | $("#sideMenu").remove();
| + | color: blue; |
| + | } |
| | | |
− | $("#top_menu_14").css({
| + | </style> |
− | top: "-20px",
| + | <script type="text/javascript"> |
− | "padding-bottom": "1rem",
| + | |
− | transition: "top 0.3s"
| + | |
− | });
| + | |
| | | |
− | // var menu_trig = $("<div></div>");
| + | // Try to remove weird iGEM side menu and resize the remaining things |
− | // menu_trig.css({
| + | // var menuToRemove = document.getElementById('sideMenu').style.display = "none"; |
− | // position: "fixed",
| + | |
− | // "z-index": "10",
| + | |
− | // height: "15px",
| + | |
− | // width: "100%",
| + | |
− | // top: "0",
| + | |
− | // left: "0"
| + | |
− | // }).mouseenter(function () {
| + | |
− | // $("#top_menu_14").css("top", "0");
| + | |
− | // }).mouseleave(function () {
| + | |
− | // $("#top_menu_14").css("top", "-20px");
| + | |
− | // });
| + | |
− | //
| + | |
− | // $("body").append(menu_trig);
| + | |
− | // })(); // hide the top bar
| + | |
| | | |
− | });
| + | function closeMenuDiv(){ |
− | </script>
| + | document.getElementById("sideMenu").style.display = "none"; |
− | </head>
| + | bars_box_active = false; |
− | <div class="main view">
| + | |
| | | |
− | <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
| + | document.getElementById('content').setAttribute("style","display:block;width:100%"); |
− | | + | document.getElementById('content').style.width='100%'; |
− | <div class="android-header mdl-layout__header mdl-layout__header--waterfall"> | + | } |
− | <div class="mdl-layout__header-row">
| + | window.setTimeout(closeMenuDiv,50); |
− | <span class="android-title mdl-layout-title">
| + | window.setTimeout(closeMenuDiv,100); |
− | <div class="logo-font">TongJi iGEM</div>
| + | window.setTimeout(closeMenuDiv,500); |
− | <!-- <img class="android-logo-image" src="2017tongji_images/android-logo.png"> -->
| + | window.setTimeout(closeMenuDiv,1000); |
− | </span>
| + | window.setTimeout(closeMenuDiv,10000); |
− | <!-- Add spacer, to align navigation to the right in desktop -->
| + | |
− | <div class="android-header-spacer mdl-layout-spacer"></div>
| + | |
− | <!-- <div class="android-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
| + | |
− | <label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
| + | |
− | <i class="material-icons">search</i>
| + | |
− | </label>
| + | |
− | <div class="mdl-textfield__expandable-holder">
| + | |
− | <input class="mdl-textfield__input" type="text" id="search-field">
| + | |
− | </div>
| + | |
− | </div> -->
| + | |
− | <!-- Navigation -->
| + | |
− | <div class="android-navigation-container">
| + | |
− | <nav class="android-navigation mdl-navigation">
| + | |
− | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_index.html">Home</a>
| + | |
− | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_description.html">Project</a>
| + | |
− | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_team.html">Team</a>
| + | |
− | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="2017tongji_page_results.html">Results</a>
| + | |
− | <!-- <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Auto</a>
| + | |
− | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">One</a>
| + | |
− | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="">Play</a> -->
| + | |
− | </nav>
| + | |
− | </div>
| + | |
− | <span class="android-mobile-title mdl-layout-title">
| + | |
− | <div class="logo-font">TongJi iGEM</div>
| + | |
− | <!-- <img class="android-logo-image" src="2017tongji_images/android-logo.png"> -->
| + | |
− | </span>
| + | |
− | <!-- <button class="android-more-button mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect" id="more-button">
| + | |
− | <i class="material-icons">more_vert</i>
| + | |
− | </button>
| + | |
− | <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right mdl-js-ripple-effect" for="more-button">
| + | |
− | <li disabled class="mdl-menu__item">Design</li>
| + | |
− | <li disabled class="mdl-menu__item">Experiments</li>
| + | |
− | <li disabled class="mdl-menu__item">Notebook</li>
| + | |
− | <li disabled class="mdl-menu__item">Parts</li>
| + | |
− | </ul> -->
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <div class="android-drawer mdl-layout__drawer">
| + | </script> |
− | <!-- <span class="mdl-layout-title" style="color:#ffffff; background: #EFEFEF;">
| + | </head> |
− | <img class="android-logo-image" style="height: 96px; left: 50px;" src="2017tongji_images/2017tongji_logo1.png">
| + | <div class="main view"> |
− | </span> -->
| + | |
− | <nav class="mdl-navigation">
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_index.html">Home</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_description.html">Project</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_team.html">Team</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_results.html">Results</a>
| + | |
− | <!-- <a class="mdl-navigation__link" href="">Auto</a>
| + | |
− | <a class="mdl-navigation__link" href="">One</a>
| + | |
− | <a class="mdl-navigation__link" href="">Play</a> -->
| + | |
− | <div class="android-drawer-separator"></div>
| + | |
− | <span class="mdl-navigation__link" href="">Methods</span>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_notebook.html">Notebook</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_design.html">Design</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_experiments.html">Experiments</a>
| + | |
− | <!-- <a class="mdl-navigation__link" href="">Unavailable info</a> -->
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_model.html">Model</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_demonstrate.html">Demonstrate</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_improve.html">Improve</a>
| + | |
− | <div class="android-drawer-separator"></div>
| + | |
− | <span class="mdl-navigation__link" href="">Resources</span>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_parts.html">Parts</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_human_practices.html">Human Practices</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_safety.html">Safety</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_interlab.html">InterLab</a>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_collaborations.html">Collaborations</a>
| + | |
− | <div class="android-drawer-separator"></div>
| + | |
− | <a class="mdl-navigation__link" href="2017tongji_page_attributions.html">Attributions</a>
| + | |
− | </nav>
| + | |
− | </div> | + | |
| | | |
− | <!-- Concat with content -->
| + | <!-- Concat with content --> |
| | | |
| </html> | | </html> |