Difference between revisions of "Template:ASTWS-China"

 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
     <head>
 
     <head>
−
        <!--Implement Bootstrap-->
 
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
−
         <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
          
−
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
+
−
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
 
         <style>
 
         <style>
 +
           
 +
       
 +
/*            //css rest end*/
 +
            .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 +
                margin: 0 !important;
 +
            }
 +
           
 
             #top_title{
 
             #top_title{
 
                 display: none;
 
                 display: none;
Line 12: Line 16:
 
             html{
 
             html{
 
                 height:100%;
 
                 height:100%;
 +
                width:100%;
 
             }
 
             }
 
             body {
 
             body {
 
                 height:100%;
 
                 height:100%;
 +
                width:100%;
 
                 background-color: white;
 
                 background-color: white;
 
             }
 
             }
 +
           
 +
            #content{
 +
                width:80%;
 +
                margin-top: 38px;
 +
                margin-left: auto;
 +
            }
 +
           
 +
            #globalWrapper {
 +
                height:100%;
 +
                padding:0;
 +
            }
 +
           
 +
            #nav_wrapper {
 +
                display: inline-block;
 +
                position: fixed;
 +
                left: 0;
 +
                top:18px;
 +
                width: 100%;
 +
                height: 74px;
 +
                text-align: center;
 +
                background-color:rgba(170,170,170,0.9);
 +
                box-shadow: 0 0 50px 0 rgba(0,0,0,0.35);
 +
                text-align: center;
 +
                z-index: 3;
 +
            }
 +
           
 +
            #team_name{
 +
                position: relative;
 +
                font-size: 32px;
 +
            }
 +
                 
 +
            .menu {
 +
                position: relative;
 +
                margin: 0;
 +
                padding: 0;
 +
                height: 100%;
 +
                font-size: 18px;
 +
                text-align: center;
 +
                list-style-image: none;
 +
            }
 +
 +
           
 +
            /* Button */
 +
            .menu li {
 +
                position: relative;
 +
            display: inline-block;
 +
                height: 100%;
 +
                line-height: 69px;
 +
                list-style-type: none;
 +
                transition: background-color 0.2s ease-in-out;
 +
            }
 +
            .menu li a {
 +
                display: block;
 +
                color:black;
 +
                text-decoration: none;
 +
                padding: 0 15px 0 15px !important;
 +
            }
 +
            .menu li:hover {
 +
                background-color: rgb(152,193,147);
 +
            }
 +
 +
            .menu li:hover ul {
 +
                visibility: visible;
 +
                max-height: 700px;
 +
                opacity: 1.0;
 +
                margin: 0;
 +
            }
 +
 +
            /* Container */
 +
            .menu li ul {
 +
                max-height: 0;
 +
                opacity: 0.0;
 +
                font-weight: normal;
 +
                position: absolute;
 +
                left:0;
 +
                padding:0;
 +
                visibility: hidden;
 +
                background-color: rgba(200,200,200, 0.87);
 +
                text-align: left;
 +
                overflow:hidden;
 +
                box-shadow: 0px 9px 20px 0px rgba(0,0,0,0.2), inset 0px 35px 45px -35px rgba(0,0,0,0.5);
 +
                transition: all 0.3s ease-in-out;
 +
            }
 +
 +
            /* Element */
 +
            .menu li ul li {
 +
                display: block;
 +
                padding: 0;
 +
                width: 100%;
 +
                min-width: 250px;
 +
                line-height: 55px;
 +
                white-space: nowrap;
 +
            }
 +
            .menu li ul li:hover {
 +
                background-color:unset;
 +
            }
 +
            .menu li ul li a {
 +
                transition: background-color 0.17s ease-in-out;
 +
            }
 +
            .menu li ul li a:hover {
 +
                background-color: rgb(152,193,147);
 +
            }
 +
           
 
         </style>
 
         </style>
−
         <!--Navigation Bars-->
+
          
−
        <nav class="navbar navbar-default" role="navigation">
+
−
            <div class="container-fluid">
+
−
                <div class="navbar-header">
+
−
                    <a class="navbar-brand" href="https://2018.igem.org/Team:ASTWS-China">ASTWS-China</a>
+
−
                </div>
+
−
                <div>
+
−
                    <ul class="nav navbar-nav">
+
−
                        <li><a href="#">Team</a></li>
+
−
                        <li class="dropdown">
+
−
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project
+
−
                                <b class="caret"></b>
+
−
                            </a>
+
−
                            <ul class="dropdown-menu">
+
−
                                <li><a href="#">Description</a></li>
+
−
                                <li class="divider"></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li class="dropdown">
+
−
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Lab Work
+
−
                                <b class="caret"></b>
+
−
                            </a>
+
−
                            <ul class="dropdown-menu">
+
−
                                <li><a href="#">Results</a></li>
+
−
                                <li class="divider"></li>
+
−
            <li><a href="#">Experiments</a></li>
+
−
                                <li class="divider"></li>
+
−
                                <li><a href="#">Safety</a></li>
+
−
                                <li class="divider"></li>
+
−
                                <li><a href="https://2018.igem.org/Team:ASTWS-China/InterLab">InterLab</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                    </ul>
+
−
                </div>
+
−
            </div>
+
−
        </nav>
+
 
     </head>
 
     </head>
 +
   
 
     <body>
 
     <body>
−
          
+
         <div id="nav_wrapper">
 +
            <div id="burger"></div>
 +
            <div class="menu_wrapper">
 +
                <ul class="menu" id="menu">
 +
                    <li id="team_name"><a href="https://2018.igem.org/Team:ASTWS-China">ASTWS-China</a></li>
 +
                    <li><a href="#">Project▾</a>
 +
                        <ul>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Applied_Design">Applied Design</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Attributions">Attributions</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Demonstrate">Demonstrate</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Description">Description</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Design">Design</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Improve">Improve</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Model">Modeling</a></li>
 +
                        </ul>
 +
                    </li>
 +
                   
 +
                    <li><a href="#">Experiments▾</a>
 +
                        <ul>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Protocols">Protocols</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/InterLab">InterLab</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Results">Results</a></li>
 +
                        </ul>
 +
                    </li>
 +
                   
 +
                    <li><a href="#">Team▾</a>
 +
                        <ul>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Team">Team</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Collaborations">Collaborations</a></li>
 +
                        </ul>
 +
                    </li>
 +
                   
 +
                    <li><a href="#">Human Practices▾</a>
 +
                        <ul>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices">Silver</a></li>
 +
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices#gold">Gold Integrated</a></li>
 +
                        </ul>
 +
                    </li>
 +
                   
 +
                    <li><a href="https://igem.org/2018_Judging_Form?team=ASTWS-China">Judging Form</a></li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
   
 
     </body>
 
     </body>
 +
 
</html>
 
</html>

Latest revision as of 03:52, 26 November 2018