Difference between revisions of "Template:NKU CHINA/header"

 
(21 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
     font-family: myTitle_first;
 
     font-family: myTitle_first;
 
     }
 
     }
  .loading{width:100%; height: 100%;position: fixed;top:0;left: 0;z-index: 100;background: #ffffff;}
 
            .loading .pic{
 
            width: 64px;
 
            height: 64px;
 
            position: absolute;
 
            top: 0;
 
            bottom: 0;
 
            left:0;
 
            right:0;
 
            margin: auto}
 
 
            .loading .pic i{
 
                display: block;
 
                float: left;
 
                width: 6px;
 
                height: 50px;
 
                background: #399;
 
                margin: 0 2px;
 
                transform: scaleY(0.4);
 
                animation: load 1.2s infinite;
 
            }
 
            .loading .pic i:nth-child(1){animation-delay:0.1s }
 
            .loading .pic i:nth-child(2){animation-delay:0.2s }
 
            .loading .pic i:nth-child(3){animation-delay:0.3s }
 
            .loading .pic i:nth-child(4){animation-delay: 0.4s}
 
            .loading .pic i:nth-child(5){animation-delay:0.5s }
 
 
            @keyframes load{
 
                0%,40%,100%{transform: scaleY(0.4)}
 
                20%{transform:scaleY(1) }
 
            }
 
 
</style>
 
</style>
<script type="text/javascript">
+
 
        document.onreadystatechange=function(){
+
            console.log(document.readyState);
+
            if(document.readyState=="complete"){
+
                $(".loading").fadeOut();
+
            }
+
        }
+
</script>
+
 
</head>
 
</head>
 
     <header>
 
     <header>
 
        <div class="loading">
 
            <div class="pic">
 
                <i></i>
 
                <i></i>
 
                <i></i>
 
                <i></i>
 
                <i></i>
 
            </div>
 
        </div>
 
 
       <nav class="navbar-fixed-top navbar headerOfall">
 
       <nav class="navbar-fixed-top navbar headerOfall">
 
         <div class="container-fluid">
 
         <div class="container-fluid">
Line 89: Line 41:
 
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Description">Description</a></li>
 
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Description">Description</a></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li role="separator" class="divider"></li>
                   <li><a href="#">Experiments</a></li>
+
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Experiments">Experiments</a></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Model">Model</a></li>
 
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Model">Model</a></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li role="separator" class="divider"></li>
                   <li><a href="#">Proof of Concept</a></li>
+
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Proof">Proof of Concept</a></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Demonstrate">Demonstrate</a></li>
 
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Demonstrate">Demonstrate</a></li>
Line 106: Line 58:
 
                 </a>
 
                 </a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
                   <li><a href="#">Parts</a></li>
+
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Basic_Part">Basic Parts</a></li>
 +
                  <li role="separator" class="divider"></li>
 +
                  <li><a href="https://2018.igem.org/Team:NKU_CHINA/Composite_Part">Composite Parts</a></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Improve">Improve</a></li>
 
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Improve">Improve</a></li>
Line 117: Line 71:
 
                 </a>
 
                 </a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/LabNotes">Lab Notes</a></li>
+
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Notebook">Lab Notes</a></li>
 
                   <li role="separator" class="divider"></li>
 
                   <li role="separator" class="divider"></li>
                   <li><a href="#">Protocols</a></li>
+
                   <li><a href="https://2018.igem.org/Team:NKU_CHINA/Protocols">Protocols</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>

Latest revision as of 11:01, 17 October 2018