Difference between revisions of "Team:SIAT-SCIE/Results"

Line 1: Line 1:
 +
{{SIAT-SCIE}}
 +
 
<html>
 
<html>
−
 
−
 
−
 
−
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
−
 
−
<script>
 
−
</script>
 
 
<style>
 
<style>
−
/* Clear the default wiki settings */
 
−
 
−
#home_logo, #sideMenu { display:none; }
 
−
#sideMenu, #top_title, .patrollink  {display:none;}
 
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
 
     body {
 
     body {
−
         background-color: #F2E2C1;
+
         width: 1263px;
−
         margin-left:0px;
+
         margin-left: auto;
−
         margin-right:0px;
+
         margin-right: auto;
−
        width:1263px;
+
−
        left:auto;
+
−
        right:auto;
+
 
     }
 
     }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
−
     #bronze a:hover {
+
     #body {
−
         background-color: #BA6E40;
+
        width: 1263px;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
         background-color: #F2E2C1;
 
     }
 
     }
  
−
     #silver a:hover {
+
     #comic p {
−
         background-color: #E9E9D8;
+
         background-color: #F2E2C1;
 +
        text-align: center;
 
     }
 
     }
  
−
     #gold a:hover {
+
     #comic img {
−
         background-color: #F2C056;
+
         margin-top: 50px;
 +
        width: 500px;
 +
        height: 500px;
 +
        margin-left: auto;
 +
        margin-right: auto;
 
     }
 
     }
  
−
    .const{
+
 
−
        margin-bottom: -10px;
+
−
        position:fixed;
+
−
        top:-2px;
+
−
        width:1263px;
+
−
        left:auto;
+
−
        right:auto;
+
−
 
+
−
       
+
−
       
+
−
    }
+
−
   
+
−
    /*#logo{
+
−
        margin-top:15px;
+
−
       
+
−
       
+
−
       
+
−
        float:right;
+
−
    }
+
−
        #logo p img {
+
−
            height: 47px;
+
−
            width: 70px;
+
−
            background-color:rgba(8,8,8,0.4)
+
−
        }
+
−
    /* Actually this make the navigation bar bigger and better*/
+
−
    #nav {
+
−
        margin: 0 0 0 0;
+
−
        padding:0;
+
−
        padding-top: 20px;
+
−
        padding-bottom: 20px;
+
−
 
+
−
        width:1263px;
+
−
        left:auto;
+
−
        right:auto;
+
−
       
+
−
 
+
−
        font-family: sans-serif;
+
−
        font-weight:100;
+
−
        background-color: rgba(8,8,8,0);
+
−
       
+
−
 
+
−
    }
+
−
 
+
−
        /*place the first line 'inline', and the interval to be 20px*/
+
−
        #nav ul li {
+
−
            display: inline;
+
−
            margin:0px;
+
−
            padding: 0 10px 0 10px;
+
−
           
+
−
 
+
−
        }
+
−
       
+
−
 
+
−
        #nav ul {
+
−
           
+
−
 
+
−
 
+
−
            list-style-type: none;
+
−
            margin: 0;
+
−
            padding: 0;
+
−
            padding-left: 10px;
+
−
            padding-right: 10px;
+
−
            overflow: hidden;
+
−
            background-color: rgba(15,15,15,0.4);
+
−
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
        }
+
−
 
+
−
        #nav li {
+
−
            float: left;
+
−
        }
+
−
 
+
−
 
+
−
            #nav li a, .dropbtn {
+
−
                display: inline-block;
+
−
                color: white;
+
−
                text-align: center;
+
−
                padding: 14px 16px;
+
−
                text-decoration: none;
+
−
                font-size:large;
+
−
               
+
−
            }
+
−
 
+
−
                #nav li a:hover, #nav .dropdownlist:hover .dropbtn {
+
−
                    color:black;
+
−
                    background-color:#f9f9f9;
+
−
                    transition-property: background-color, color;
+
−
                    transition-duration: 0.5s;
+
−
                    transition-timing-function: ease-out;
+
−
                }
+
−
                #nav li a:hover {
+
−
                    text-decoration:underline;
+
−
                }
+
−
            #nav li.dropdownlist {
+
−
                display: inline-block;
+
−
            }
+
−
 
+
−
        #nav .dropdown_content {
+
−
            display: none;
+
−
            position: absolute;
+
−
            background-color: #f9f9f9;
+
−
            min-width: 160px;
+
−
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
            z-index: 1;
+
−
        }
+
−
 
+
−
            #nav .dropdown_content a {
+
−
                color: black;
+
−
                padding: 12px 16px;
+
−
                text-decoration: none;
+
−
                display: block;
+
−
                text-align: left;
+
−
            }
+
−
 
+
−
                #nav .dropdown_content a:hover {
+
−
                    background-color: rgba(15,15,15,0.4);
+
−
                   
+
−
                    color: white;
+
−
                    /*recent modify */
+
−
                    transition-duration: initial;
+
−
                   
+
−
                }
+
−
 
+
−
        #nav .dropdownlist:hover .dropdown_content {
+
−
            display: block;
+
−
        }
+
−
 
+
−
        /*not working out yet*/
+
−
   
+
−
   
+
 
</style>
 
</style>
  
−
<head>  
+
<div id="body">
  
−
<!-- This tells the browser that your page is responsive -->
+
    <!--default for floating navigation-->
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
  
−
</head>
+
     <div id="comic">
−
<body>
+
         <p>
−
     <div class="const" style="padding-left:-30px;padding-right:-30px;">
+
             <img src="https://static.igem.org/mediawiki/2017/c/cf/SIAT-SCIE_result.png" alt="comic" />
−
       
+
         </p>
−
         <div id="nav">
+
−
             <ul  style="padding-left:20px;padding-right:-5px;">
+
−
           
+
−
                <li class="dropdownlist">
+
−
                    <a href="javascript:void(0)" class="dropbtn">Project</a>
+
−
 
+
−
                    <div class="dropdown_content">
+
−
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Project_Description" alt="Description">Description</a>
+
−
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Results" alt="Results">Results</a>
+
−
                        <a href="#" alt="Mechanism">Mechanism</a>
+
−
                        <a href="#" alt="Proof">Proof</a>
+
−
                       
+
−
                    </div>
+
−
 
+
−
                </li>
+
−
                <li class="dropdownlist">
+
−
 
+
−
                    <a href="javascript:void(0)" class="dropbtn">Notebook</a>
+
−
                    <div class="dropdown_content">
+
−
                        <a href="#" alt="IGEM Diary">IGEM Diary</a>
+
−
                        <a href="#" alt="Lab Book">Lab Book</a>
+
−
                        <a href="#" alt="Safety">Safety</a>
+
−
                        <a href="#" alt="Protocol">Protocol</a>
+
−
                    </div>
+
−
 
+
−
                </li>
+
−
                <li class="dropdownlist">
+
−
 
+
−
                    <a href="javascript:void(0)" class="dropbtn">Parts</a>
+
−
                    <div class="dropdown_content">
+
−
                        <a href="#" alt="Parts Overview">Parts Overview</a>
+
−
                        <a href="#" alt="Basic Parts">Basic Parts</a>
+
−
                        <a href="#" alt="Composite Parts">Composite Parts</a>
+
−
                       
+
−
                    </div>
+
−
 
+
−
                </li>
+
−
                <li class="dropdownlist">
+
−
 
+
−
                    <a href="javascript:void(0)" class="dropbtn">Award</a>
+
−
                    <div class="dropdown_content">
+
−
                        <a href="#" alt="Bronze" id="bronze">Bronze</a>
+
−
                        <a href="#" alt="Silver" id="silver">Silver</a>
+
−
                        <a href="#" alt="Gold"id="gold">Gold</a>
+
−
                       
+
−
                    </div>
+
−
 
+
−
                </li>
+
−
                <li><a href="https://2017.igem.org/Team:SIAT-SCIE/Modeling" title="Modeling">Modeling</a></li>
+
−
                <li><a href="https://2017.igem.org/Team:SIAT-SCIE/Team" title="Team">Team</a></li>
+
−
                <li class="dropdownlist">
+
−
                    <a href="javascript:void(0)" class="dropbtn">Human Practice</a>
+
−
                    <div class="dropdown_content">
+
−
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Intergrated_human_practice" alt="Intergrated Human Practice">Intergrated HP</a>
+
−
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Collaboration" alt="Collaboration">Collaboration</a>
+
−
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Engagement" alt="Engagement">Engagement</a>
+
−
 
+
−
                    </div>
+
−
                </li>
+
−
                <li><a href="https://2017.igem.org/Team:SIAT-SCIE/InterLab" title="InterLab">InterLab</a></li>
+
−
            </ul>
+
−
       
+
−
         </div>
+
 
     </div>
 
     </div>
−
</body>
+
   
 +
</div>
 
</html>
 
</html>
 +
{{SIAT-SCIE footer}}

Revision as of 01:41, 19 September 2017

comic

footer