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

 
(10 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 26: Line 7:
  
 
     <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 48: Line 22:
 
     position: absolute;
 
     position: absolute;
 
     top: 0;
 
     top: 0;
      left: 0;
+
        left: 0;
 
     width: 100%; height: 100%;
 
     width: 100%; height: 100%;
 
     background: rgba(253, 253, 253, 1);
 
     background: rgba(253, 253, 253, 1);
Line 54: Line 28:
 
     box-shadow: 0 0 20px rgba(0, 0, 0, 1);
 
     box-shadow: 0 0 20px rgba(0, 0, 0, 1);
 
     transition: 0.3s cubic-bezier(0.2, 1, 0.2, 1);
 
     transition: 0.3s cubic-bezier(0.2, 1, 0.2, 1);
 +
    }
 +
    a {
 +
      text-decoration: none !important;
 +
    }
 +
    /* unvisited link */
 +
    a:link {
 +
      color: green;
 +
    }
 +
 +
    /* visited link */
 +
    a:visited {
 +
      color: DarkGreen;
 +
    }
 +
 +
    /* mouse over link */
 +
    a:hover {
 +
      color: red;
 +
    }
 +
 +
    /* selected link */
 +
    a:active {
 +
      color: blue;
 
     }
 
     }
  
Line 59: Line 55:
 
     <script type="text/javascript">
 
     <script type="text/javascript">
  
     // Try to remove weird iGEM side menu
+
     // Try to remove weird iGEM side menu and resize the remaining things
 
     // var menuToRemove = document.getElementById('sideMenu').style.display = "none";
 
     // var menuToRemove = document.getElementById('sideMenu').style.display = "none";
  
Line 65: Line 61:
 
       document.getElementById("sideMenu").style.display = "none";
 
       document.getElementById("sideMenu").style.display = "none";
 
       bars_box_active = false;
 
       bars_box_active = false;
 +
 +
      document.getElementById('content').setAttribute("style","display:block;width:100%");
 +
      document.getElementById('content').style.width='100%';
 
     }
 
     }
 
     window.setTimeout(closeMenuDiv,50);
 
     window.setTimeout(closeMenuDiv,50);
 
     window.setTimeout(closeMenuDiv,100);
 
     window.setTimeout(closeMenuDiv,100);
 +
    window.setTimeout(closeMenuDiv,500);
 +
    window.setTimeout(closeMenuDiv,1000);
 +
    window.setTimeout(closeMenuDiv,10000);
  
 
     </script>
 
     </script>

Latest revision as of 01:41, 2 November 2017