Difference between revisions of "Team:SIAT-SCIE/Project Description"

(Created page with "<html> <style> body { →‎About the freeze part in the whole, backgroun color: width: 1250px; margin-left: auto;...")
 
Line 1: Line 1:
 +
 
<html>
 
<html>
−
        <style>
+
 
 +
<style>
 
             body { /*About the freeze part in the whole, backgroun color*/
 
             body { /*About the freeze part in the whole, backgroun color*/
 
                 width: 1250px;
 
                 width: 1250px;
Line 30: Line 32:
 
             /* Actually this make the navigation bar bigger and better*/
 
             /* Actually this make the navigation bar bigger and better*/
 
             #nav {
 
             #nav {
−
                 margin: 0 0 0 0;
+
                 margin: 50px 0 0 0;
 
                 padding: 10px;
 
                 padding: 10px;
 
             }
 
             }
Line 61: Line 63:
 
             }
 
             }
  
−
             ul {
+
             #nav ul {
 
                 list-style-type: none;
 
                 list-style-type: none;
 
                 margin: 0;
 
                 margin: 0;
Line 69: Line 71:
 
             }
 
             }
  
−
             li {
+
             #nav li {
 
                 float: left;
 
                 float: left;
 
             }
 
             }
  
−
                 li a, .dropbtn {
+
                 #nav li a, .dropbtn {
 
                     display: inline-block;
 
                     display: inline-block;
 
                     color: white;
 
                     color: white;
Line 81: Line 83:
 
                 }
 
                 }
  
−
                     li a:hover, .dropdown:hover .dropbtn {
+
                     #nav li a:hover, #nav .dropdownlist:hover .dropbtn {
 
                         background-color: red;
 
                         background-color: red;
 
                     }
 
                     }
  
−
                 li.dropdown {
+
                 #nav li.dropdownlist {
 
                     display: inline-block;
 
                     display: inline-block;
 
                 }
 
                 }
  
−
             .dropdown-content {
+
             #nav .dropdown_content {
 
                 display: none;
 
                 display: none;
 
                 position: absolute;
 
                 position: absolute;
Line 98: Line 100:
 
             }
 
             }
  
−
                 .dropdown-content a {
+
                 #nav .dropdown_content a {
 
                     color: black;
 
                     color: black;
 
                     padding: 12px 16px;
 
                     padding: 12px 16px;
Line 106: Line 108:
 
                 }
 
                 }
  
−
                    .dropdown-content a:hover {
+
                  #nav  .dropdown_content a:hover {
 
                         background-color: #f1f1f1
 
                         background-color: #f1f1f1
 
                     }
 
                     }
  
−
            .dropdown:hover .dropdown-content {
+
          #nav  .dropdownlist:hover .dropdown_content {
 
                 display: block;
 
                 display: block;
 
             }
 
             }
−
         </style>
+
         </style>      
−
       
+
<div class="const">
−
    <div class="const">
+
    <div id="nav">
−
        <div id="nav">
+
        <ul>
−
            <ul>
+
            <li class="dropdownlist">
−
                <li class="dropdown">
+
                    <a href="javascript:void(0)" class="dropbtn">Project</a>
−
                        <a href="javascript:void(0)" class="dropbtn">Project</a>
+
 
          
 
          
−
                        <div class="dropdown-content">
+
                    <div class="dropdown_content">
−
                            <a href="#" alt="Project discription">Project discription</a>
+
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Project_discription" alt="Project discription">Project discription</a>
−
                            <a href="#" alt="Results">Results</a>
+
                        <a href="#" alt="Results">Results</a>
−
                            <a href="#" alt="Proof">Proof</a>
+
                        <a href="#" alt="Proof">Proof</a>
−
                            <a href="#" alt="Parts">Parts</a>
+
                        <a href="#" alt="Parts">Parts</a>
−
                        </div>
+
                    </div>
 
                  
 
                  
−
                </li>
+
            </li>
−
                <li  class="dropdown">
+
            <li  class="dropdownlist">
 
                
 
                
−
                        <a href="javascript:void(0)" class="dropbtn">Notebook</a>
+
                    <a href="javascript:void(0)" class="dropbtn">Notebook</a>
−
                        <div class="dropdown-content" >
+
                    <div class="dropdown_content" >
−
                            <a href="#" alt="IGEM Diary">IGEM Diary</a>
+
                        <a href="#" alt="IGEM Diary">IGEM Diary</a>
−
                            <a href="#" alt="Lab Book">Lab Book</a>
+
                        <a href="#" alt="Lab Book">Lab Book</a>
−
                            <a href="#" alt="Safety">Safety</a>
+
                        <a href="#" alt="Safety">Safety</a>
−
                            <a href="#" alt="Protocol">Protocol</a>
+
                        <a href="#" alt="Protocol">Protocol</a>
−
                        </div>
+
                    </div>
 
                  
 
                  
−
                </li>
+
            </li>
−
        <li><a href="#" title="Parts">Parts</a></li>
+
    <li><a href="#" title="Parts">Parts</a></li>
−
        <li><a href="#" title="Human practice">Human practice</a></li>
+
    <li><a href="#" title="Human practice">Human practice</a></li>
−
        <li><a href="#" title="Awards">Awards</a></li>
+
    <li><a href="#" title="Awards">Awards</a></li>
−
        <li><a href="#" title="Team">Team</a></li>
+
    <li><a href="#" title="Team">Team</a></li>
−
        </ul>
+
    </ul>
−
    </div>
+
</div>
−
            </div>
+
        </div>
−
            <div id="comics">
+
        <div id="comics">
−
                <img src="image/titlecomic.jpg" alt="team_logo" />
+
            <img src="image/titlecomic.jpg" alt="team_logo" />
−
                <!--also not sure if the image should be the back ground or the seperate one-->
+
            <!--also not sure if the image should be the back ground or the seperate one-->
−
            </div>
+
        </div>
−
            <div id="basic_discription">
+
        <div id="basic_discription">
−
                <p>
+
            <p>
−
                    <img src="image/discription.png" alt="discription" />
+
                <img src="image/discription.png" alt="discription" />
−
                </p>
+
            </p>
−
            </div>
+
        </div>
−
            <div id="footer">
+
        <div id="footer">
−
                <p>@2017 IGEM  SIAT-SCIE  All right reserved</p>
+
            <p>@2017 IGEM  SIAT-SCIE  All right reserved</p>
−
                <p>Our Wechat Official Accounts: SIATxSCIE</p>
+
            <p>Our Wechat Official Accounts: SIATxSCIE</p>
−
            </div>
+
        </div>
 
</html>
 
</html>

Revision as of 09:30, 21 June 2017

team_logo

discription