Difference between revisions of "Template:ASTWS-China"

 
(32 intermediate revisions by the same user not shown)
Line 22: Line 22:
 
                 width:100%;
 
                 width:100%;
 
                 background-color: white;
 
                 background-color: white;
 +
            }
 +
           
 +
            #content{
 +
                width:80%;
 +
                margin-top: 38px;
 +
                margin-left: auto;
 
             }
 
             }
 
              
 
              
Line 35: Line 41:
 
                 top:18px;
 
                 top:18px;
 
                 width: 100%;
 
                 width: 100%;
                 height: 80px;
+
                 height: 74px;
 
                 text-align: center;
 
                 text-align: center;
 
                 background-color:rgba(170,170,170,0.9);
 
                 background-color:rgba(170,170,170,0.9);
 
                 box-shadow: 0 0 50px 0 rgba(0,0,0,0.35);
 
                 box-shadow: 0 0 50px 0 rgba(0,0,0,0.35);
 
                 text-align: center;
 
                 text-align: center;
 +
                z-index: 3;
 
             }
 
             }
 
              
 
              
Line 53: Line 60:
 
                 height: 100%;
 
                 height: 100%;
 
                 font-size: 18px;
 
                 font-size: 18px;
                 font-weight: bold;
+
                 text-align: center;
               
+
            }
+
           
+
            #menu {
+
 
                 list-style-image: none;
 
                 list-style-image: none;
 
             }
 
             }
/*
+
 
            .menu::before {
+
                float:left;
+
                position: relative;
+
                content:"";
+
                width: 250px;
+
                height: 100px;
+
            }
+
*/
+
 
              
 
              
 
             /* Button */
 
             /* Button */
 
             .menu li {
 
             .menu li {
 
                 position: relative;
 
                 position: relative;
            float:left;
+
            display: inline-block;
 
                 height: 100%;
 
                 height: 100%;
                 line-height: 80px;
+
                 line-height: 69px;
 
                 list-style-type: none;
 
                 list-style-type: none;
 
                 transition: background-color 0.2s ease-in-out;
 
                 transition: background-color 0.2s ease-in-out;
Line 86: Line 81:
 
             }
 
             }
 
             .menu li:hover {
 
             .menu li:hover {
                 background-color: rgb(100,149,237);
+
                 background-color: rgb(152,193,147);
 
             }
 
             }
  
Line 128: Line 123:
 
             }
 
             }
 
             .menu li ul li a:hover {
 
             .menu li ul li a:hover {
                 background-color: rgb(100,149,237);
+
                 background-color: rgb(152,193,147);
 
             }
 
             }
           
 
 
            /*            THIS IS FOR IPAD*/
 
            @media screen and (max-width : 760px){
 
/*                RE WRITE THE PROBLEMATIC CODE HERE*/
 
                #team_name {
 
                    position: relative;
 
                    font-size: 20px;
 
                    line-height: 1.5em;
 
                }
 
           
 
            }
 
           
 
            /*            THIS IS FOR IPHONE*/
 
            @media screen and (max-width : 400px){
 
   
 
                body {
 
                    background-color: red;
 
                }
 
           
 
            }
 
           
 
 
              
 
              
 
         </style>
 
         </style>
Line 162: Line 135:
 
             <div class="menu_wrapper">
 
             <div class="menu_wrapper">
 
                 <ul class="menu" id="menu">
 
                 <ul class="menu" id="menu">
                     <li id="team_name"><a href="#">ASTWS-China</a></li>
+
                     <li id="team_name"><a href="https://2018.igem.org/Team:ASTWS-China">ASTWS-China</a></li>
                   
+
 
                     <li><a href="#">Project▾</a>
 
                     <li><a href="#">Project▾</a>
 
                         <ul>
 
                         <ul>
                             <li><a href="#">Demonstration</a></li>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Applied_Design">Applied Design</a></li>
                             <li><a href="#">Description</a></li>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Attributions">Attributions</a></li>
                             <li><a href="#">Design</a></li>
+
                            <li><a href="https://2018.igem.org/Team:ASTWS-China/Demonstrate">Demonstrate</a></li>
                             <li><a href="#">Experiment</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/InterLab">InterLab</a></li>
                             <li><a href="#">Results</a></li>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Results">Results</a></li>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
 +
                   
 
                     <li><a href="#">Team▾</a>
 
                     <li><a href="#">Team▾</a>
 
                         <ul>
 
                         <ul>
                             <li><a href="#">Team Members</a></li>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Team">Team</a></li>
                             <li><a href="#">Collaborations</a></li>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Collaborations">Collaborations</a></li>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
                   
 
                    <li><a href="#">Awards▾</a>
 
<ul>
 
<li><a href="#">Applied Design</a></li>
 
<li><a href="#">Entrepreneurship</a></li>
 
<li><a href="#">Hardware</a></li>
 
<li><a href="#">Measurement</a></li>
 
<li><a href="#">Model</a></li>
 
<li><a href="#">Software</a></li>
 
</ul>
 
</li>
 
                   
 
                    <li><a href="#">Safety</a></li>
 
 
                      
 
                      
 
                     <li><a href="#">Human Practices▾</a>
 
                     <li><a href="#">Human Practices▾</a>
 
                         <ul>
 
                         <ul>
                             <li><a href="#">Human Practices</a></li>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices">Silver</a></li>
                             <li><a href="#">Education &amp; Engagement</a></li>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Human_Practices#gold">Gold Integrated</a></li>
 
                         </ul>
 
                         </ul>
 
                     </li>
 
                     </li>
 +
                   
 +
                    <li><a href="https://igem.org/2018_Judging_Form?team=ASTWS-China">Judging Form</a></li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
   
 
     </body>
 
     </body>
 +
 
</html>
 
</html>

Latest revision as of 03:52, 26 November 2018