Difference between revisions of "Template:SIAT-SCIE"

Line 14: Line 14:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
−
body {background-color:#E8E5D2; }
+
    body {
 +
        background-color: #FCE1DB;
 +
    }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
#body { /*About the freeze part in the whole, backgroun color*/
+
    #body { /*About the freeze part in the whole, backgroun color*/
−
         background-color: #E8E5D2;
+
         background-color: #FCE1DB;
 
         width: 1263px;
 
         width: 1263px;
 
         margin-left: auto;
 
         margin-left: auto;
Line 25: Line 27:
  
 
     .const{
 
     .const{
−
         margin-bottom: -10px;}
+
         margin-bottom: -10px;
−
    /*Logo picture as a whole, use to eliminate margin*/
+
        position:fixed;
−
    #logo p {
+
        width:1263px;
−
         margin: 0px;
+
        top:-5px;
 +
         left:5px;
 
     }
 
     }
−
 
+
      
−
     /*basically same with the top, but use div id=logo, let it float right, margin on right and top*/
+
−
    #logo {
+
−
        float: left;
+
−
        height: 88px;
+
−
        width: 120px;
+
−
        background-color: #E8E5D2;
+
−
        margin-left: 20px;
+
−
    }
+
−
 
+
 
     /*this is about div id=comic: take the top banner as a whole to eliminate the margin*/
 
     /*this is about div id=comic: take the top banner as a whole to eliminate the margin*/
 
     #comic {
 
     #comic {
Line 49: Line 43:
 
     #nav {
 
     #nav {
 
         margin: 0 0 0 0;
 
         margin: 0 0 0 0;
−
         padding: 10px;
+
         padding:0;
−
         padding-top:20px;
+
         padding-top: 20px;
−
         padding-bottom:20px;
+
         padding-bottom: 20px;
 +
        font-family: sans-serif;
 +
        font-weight:100;
 +
        background-color: rgba(8,8,8,0);
 
          
 
          
 +
 
     }
 
     }
  
Line 58: Line 56:
 
         #nav ul li {
 
         #nav ul li {
 
             display: inline;
 
             display: inline;
−
             margin: 0 10px 0 10px;
+
             margin:0px;
 +
            padding: 0 10px 0 10px;
 +
           
 +
 
 
         }
 
         }
−
         #nav {
+
          
−
        background-color: #E8E5D2;
+
−
    }
+
  
 
         #nav ul {
 
         #nav ul {
Line 68: Line 67:
 
             margin: 0;
 
             margin: 0;
 
             padding: 0;
 
             padding: 0;
 +
            padding-left: 10px;
 +
            padding-right: 10px;
 
             overflow: hidden;
 
             overflow: hidden;
−
             background-color: #E8E5D2;
+
             background-color: rgba(15,15,15,0.4);
−
             border-bottom: solid black 2px;
+
             box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
         }
 
         }
  
 
         #nav li {
 
         #nav li {
−
             float: left;
+
             float: right;
 
         }
 
         }
  
Line 80: Line 81:
 
             #nav li a, .dropbtn {
 
             #nav li a, .dropbtn {
 
                 display: inline-block;
 
                 display: inline-block;
−
                 color: #404040;
+
                 color: white;
 
                 text-align: center;
 
                 text-align: center;
 
                 padding: 14px 16px;
 
                 padding: 14px 16px;
Line 89: Line 90:
  
 
                 #nav li a:hover, #nav .dropdownlist:hover .dropbtn {
 
                 #nav li a:hover, #nav .dropdownlist:hover .dropbtn {
−
                     color:blue;
+
                     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 {
 
             #nav li.dropdownlist {
 
                 display: inline-block;
 
                 display: inline-block;
Line 115: Line 121:
  
 
                 #nav .dropdown_content a:hover {
 
                 #nav .dropdown_content a:hover {
−
                     background-color: #f1f1f1
+
                     background-color: rgba(15,15,15,0.4);
 +
                   
 +
                    color: white;
 +
                    /*recent modify */
 +
                    transition-duration: initial;
 +
                   
 
                 }
 
                 }
  
Line 131: Line 142:
 
</head>
 
</head>
 
<div class="const">
 
<div class="const">
−
    <p>
+
 
−
        <a href="https://2017.igem.org/Team:SIAT-SCIE/Home" title="Homepage"><img src="https://static.igem.org/mediawiki/2017/d/d2/SIAT-SCIE_logo.jpg.png" alt="SIAT-SCIE_logo" id="logo" /></a>
+
−
    </p>
+
 
     <div id="nav">
 
     <div id="nav">
 
         <ul>
 
         <ul>
 +
           
 +
           
 +
           
 +
         
 +
           
 +
            <li><a href="https://2017.igem.org/Team:SIAT-SCIE/InterLab" title="InterLab" >InterLab</a></li>
 +
           
 
             <li class="dropdownlist">
 
             <li class="dropdownlist">
−
                 <a href="javascript:void(0)" class="dropbtn">Project</a>
+
                 <a href="javascript:void(0)" class="dropbtn">Human Practice</a>
−
 
+
 
                 <div class="dropdown_content">
 
                 <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/Intergrated_human_practice" alt="Intergrated Human Practice">Intergrated HP</a>
−
                     <a href="https://2017.igem.org/Team:SIAT-SCIE/Results" alt="Results">Results</a>
+
                     <a href="https://2017.igem.org/Team:SIAT-SCIE/Collaboration" alt="Collaboration">Collaboration</a>
−
                     <a href="#" alt="Proof">Proof</a>
+
                     <a href="https://2017.igem.org/Team:SIAT-SCIE/Engagement" alt="Engagement">Engagement</a>
−
                    <a href="#" alt="Parts">Parts</a>
+
−
                </div>
+
  
 +
                </div>
 
             </li>
 
             </li>
 +
            <li><a href="https://2017.igem.org/Team:SIAT-SCIE/Team" title="Team">Team</a></li>
 +
            <li><a href="#" title="Awards">Awards</a></li>
 
             <li class="dropdownlist">
 
             <li class="dropdownlist">
  
Line 159: Line 175:
 
             </li>
 
             </li>
 
             <li><a href="#" title="Parts">Parts</a></li>
 
             <li><a href="#" title="Parts">Parts</a></li>
−
             <li class="dropdownlist"><a href="javascript:void(0)" class="dropbtn">Human Practice</a>
+
             <li class="dropdownlist">
 +
                <a href="javascript:void(0)" class="dropbtn">Project</a>
 +
 
 
                 <div class="dropdown_content">
 
                 <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/Project_Description" alt="Description">Description</a>
−
                     <a href="https://2017.igem.org/Team:SIAT-SCIE/Collaboration" alt="Collaboration">Collaboration</a>
+
                     <a href="https://2017.igem.org/Team:SIAT-SCIE/Results" alt="Results">Results</a>
−
                     <a href="https://2017.igem.org/Team:SIAT-SCIE/Engagement" alt="Engagement">Engagement</a>
+
                     <a href="#" alt="Proof">Proof</a>
−
         
+
                    <a href="#" alt="Parts">Parts</a>
−
                </div></li>
+
                </div>
−
            <li><a href="#" title="Awards">Awards</a></li>
+
 
−
            <li><a href="https://2017.igem.org/Team:SIAT-SCIE/Team" title="Team">Team</a></li>
+
             </li>
−
             <li><a href="https://2017.igem.org/Team:SIAT-SCIE/InterLab" title="InterLab">InterLab</a></li>
+
 
         </ul>
 
         </ul>
 
     </div>
 
     </div>
 
</div>
 
</div>

Revision as of 16:25, 9 August 2017