Difference between revisions of "Template:ASTWS-China"

 
(51 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
     <head>
 
     <head>
−
        <!-- This tells the browser that your page is responsive -->
 
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
       
 
−
        <!-- Required meta tags -->
 
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
−
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 
          
 
          
−
         <!--Bootstrap CSS-->
+
         <style>
−
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
+
           
 +
       
 +
/*            //css rest end*/
 +
            .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 +
                margin: 0 !important;
 +
            }
 +
           
 +
            #top_title{
 +
                display: none;
 +
            }
 +
            html{
 +
                height:100%;
 +
                width:100%;
 +
            }
 +
            body {
 +
                height:100%;
 +
                width:100%;
 +
                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>
 +
       
 
     </head>
 
     </head>
 
      
 
      
 
     <body>
 
     <body>
−
         <!--Navigation bar-->
+
         <div id="nav_wrapper">
−
        <nav class="navbar navbar-toggleable-md navbar-light bg-faded">
+
            <div id="burger"></div>
−
             <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+
             <div class="menu_wrapper">
−
                <span class="navbar-toggler-icon"></span>
+
                <ul class="menu" id="menu">
−
            </button>
+
                    <li id="team_name"><a href="https://2018.igem.org/Team:ASTWS-China">ASTWS-China</a></li>
−
            <a class="navbar-brand" href="https://2018.igem.org/Team:ASTWS-China">ASTWS-China</a>
+
                    <li><a href="#">Project▾</a>
−
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
+
                        <ul>
−
                <ul class="navbar-nav">
+
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Applied_Design">Applied Design</a></li>
−
                    <li class="nav-item active">
+
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Attributions">Attributions</a></li>
−
                        <a class="nav-link" href="https://2018.igem.org/Team:ASTWS-China">Home <span class="sr-only">(current)</span></a>
+
                            <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>
−
                     <li class="nav-item">
+
                   
−
                         <a class="nav-link" href="#">Project</a>
+
                     <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>
−
                     <li class="nav-item">
+
                   
−
                         <a class="nav-link" href="#">Team</a>
+
                     <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>
−
                     <li class="nav-item dropdown">
+
                   
−
                        <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Lab Work</a>
+
                     <li><a href="#">Human Practices▾</a>
−
                         <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                         <ul>
−
                             <a class="dropdown-item" href="https://2018.igem.org/Team:ASTWS-China/Results">Results</a>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices">Silver</a></li>
−
                            <a class="dropdown-item" href="https://2018.igem.org/Team:ASTWS-China/Safety">Safety</a>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices#gold">Gold Integrated</a></li>
−
                             <a class="dropdown-item" href="https://2018.igem.org/Team:ASTWS-China/Experiments">Experiments</a>
+
                         </ul>
−
                            <a class="dropdown-item" href="https://2018.igem.org/Team:ASTWS-China/InterLab">InterLab</a>
+
−
                         </div>
+
 
                     </li>
 
                     </li>
 +
                   
 +
                    <li><a href="https://igem.org/2018_Judging_Form?team=ASTWS-China">Judging Form</a></li>
 
                 </ul>
 
                 </ul>
−
                <form class="form-inline my-2 my-lg-0">
 
−
                    <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
 
−
                    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
 
−
                </form>
 
 
             </div>
 
             </div>
−
         </nav>
+
         </div>
−
    </body>
+
 
      
 
      
 +
    </body>
 +
 
</html>
 
</html>
−
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
 
−
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
 
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
 

Latest revision as of 03:52, 26 November 2018