Difference between revisions of "Template:ASTWS-China"

 
(37 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
          
 
          
 
         <style>
 
         <style>
−
           
 
−
           
 
−
                /* http://meyerweb.com/eric/tools/css/reset/
 
−
      v2.0 | 20110126
 
−
      License: none (public domain)
 
−
    */
 
−
 
−
    html, body, div, span, applet, object, iframe,
 
−
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 
−
    a, abbr, acronym, address, big, cite, code,
 
−
    del, dfn, em, img, ins, kbd, q, s, samp,
 
−
    small, strike, strong, sub, sup, tt, var,
 
−
    b, u, i, center,
 
−
    dl, dt, dd, ol, ul, li,
 
−
    fieldset, form, label, legend,
 
−
    table, caption, tbody, tfoot, thead, tr, th, td,
 
−
    article, aside, canvas, details, embed,
 
−
    figure, figcaption, footer, header, hgroup,
 
−
    menu, nav, output, ruby, section, summary,
 
−
    time, mark, audio, video {
 
−
        margin: 0;
 
−
        padding: 0;
 
−
        border: 0;
 
−
        font-size: 100%;
 
−
        font: inherit;
 
−
        vertical-align: baseline;
 
−
    }
 
−
    /* HTML5 display-role reset for older browsers */
 
−
    article, aside, details, figcaption, figure,
 
−
    footer, header, hgroup, menu, nav, section {
 
−
        display: block;
 
−
    }
 
−
    body {
 
−
        line-height: 1;
 
−
    }
 
−
    ol, ul {
 
−
        list-style: none;
 
−
    }
 
−
    blockquote, q {
 
−
        quotes: none;
 
−
    }
 
−
    blockquote:before, blockquote:after,
 
−
    q:before, q:after {
 
−
        content: '';
 
−
        content: none;
 
−
    }
 
−
    table {
 
−
        border-collapse: collapse;
 
−
        border-spacing: 0;
 
−
    }
 
 
              
 
              
 
          
 
          
Line 72: Line 22:
 
                 width:100%;
 
                 width:100%;
 
                 background-color: white;
 
                 background-color: white;
 +
            }
 +
           
 +
            #content{
 +
                width:80%;
 +
                margin-top: 38px;
 +
                margin-left: auto;
 
             }
 
             }
 
              
 
              
Line 85: 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 103: Line 60:
 
                 height: 100%;
 
                 height: 100%;
 
                 font-size: 18px;
 
                 font-size: 18px;
−
                 font-weight: bold;
+
                 text-align: center;
−
                  
+
                 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 130: Line 81:
 
             }
 
             }
 
             .menu li:hover {
 
             .menu li:hover {
−
                 background-color: rgb(100,149,237);
+
                 background-color: rgb(152,193,147);
 
             }
 
             }
  
Line 172: 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 IPHONE*/
 
−
           
 
−
           
 
−
            @media screen and (max-width : 400px) {
 
−
   
 
−
    body {
 
−
        background-color: red;
 
−
    }
 
−
           
 
−
            }
 
−
           
 
 
              
 
              
 
         </style>
 
         </style>
Line 196: 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>
 +
                        <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="#">Project▾</a>
+
                     <li><a href="#">Experiments▾</a>
 
                         <ul>
 
                         <ul>
−
                             <li><a href="#">Demonstration</a></li>
+
                             <li><a href="https://2018.igem.org/Team:ASTWS-China/Protocols">Protocols</a></li>
−
                            <li><a href="#">Description</a></li>
+
−
                            <li><a href="#">Design</a></li>
+
−
                            <li><a href="#">Experiment</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