Difference between revisions of "Template:Tongji China/Header"

(Created page with "<!-- This document, originally from getmdl.io, was modified --> <!-- Material Design Lite Copyright 2015 Google Inc. All rights reserved. Licensed under the Apache Lic...")
 
 
(22 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);
+
    function closeMenuDiv(){
−
        })(); // hide the top bar
+
      document.getElementById("sideMenu").style.display = "none";
 +
      bars_box_active = false;
  
−
       });
+
       document.getElementById('content').setAttribute("style","display:block;width:100%");
−
  </script>
+
      document.getElementById('content').style.width='100%';
−
  </head>
+
    }
−
  <div class="main view">
+
    window.setTimeout(closeMenuDiv,50);
 +
    window.setTimeout(closeMenuDiv,100);
 +
    window.setTimeout(closeMenuDiv,500);
 +
    window.setTimeout(closeMenuDiv,1000);
 +
    window.setTimeout(closeMenuDiv,10000);
  
−
<div class="main cont-wrap">
+
    </script>
 +
    </head>
 +
    <div class="main view">
 +
     
  
−
<!-- Concat with content -->
+
  <!-- Concat with content -->
  
 
</html>
 
</html>

Latest revision as of 01:41, 2 November 2017