Difference between revisions of "Team:AHUT China/Template/CSS RESET"

Line 22: Line 22:
 
             color: white;
 
             color: white;
 
         }
 
         }
   <!--页脚1-->   
+
    
#footer{
+
height:230px;
+
width:100%;
+
color:#ccc;
+
font-size:12px;
+
position:relative;
+
z-index:3;
+
background-color:#3c3e3f;
+
}
+
 
+
#footer  .conent{
+
width:960px;
+
position:fixed;
+
left:50%;
+
bottom:0;
+
margin-left:-480px;
+
z-index:2;
+
}
+
#im_logo_link{
+
width:960px;
+
height:49px;
+
clear:both;
+
padding:15px 0 16px 0;
+
}
+
#im_logo_link ul{
+
height:49px;
+
margin:0 auto;
+
padding:0 304px;
+
}
+
#im_logo_link ul li{
+
float:left;
+
margin:0 20px;
+
}
+
#im_logo_link ul li a{
+
width:48px;
+
height:49px;
+
display:block;
+
}
+
#twitter{
+
background:url(images/AHUT_CHINA_2015_twitter.png);
+
}
+
#twitter:hover{
+
background:url(images/AHUT_CHINA_2015_twitter_hover.png);
+
}
+
#youtube{
+
background:url(images/AHUT_CHINA_2015_youtube.png);
+
}
+
#youtube:hover{
+
background:url(images/AHUT_CHINA_2015_youtube_hover.png);
+
}
+
#webchat{
+
background:url(images/AHUT_CHINA_2015_webchat.png);
+
}
+
#webchat:hover{
+
background:url(images/AHUT_CHINA_2015_webchat_hover.png);
+
}
+
#qq{
+
background:url(images/AHUT_CHINA_2015_qq.png);
+
}
+
#qq:hover{
+
background:url(images/AHUT_CHINA_2015_qq_hover.png);
+
}
+
#foot_list {
+
width:759px;
+
height:175px;
+
float:left;
+
padding-top:5px;
+
margin:0;
+
}
+
#foot_list  li{
+
float:left;
+
text-align:left;
+
width:115px;
+
margin-left:0;
+
margin-right:10px;
+
    line-height:18px;
+
    display:block;
+
    color:#FFF;
+
    font-size:16px;
+
text-decoration: none;
+
font-family:Arial, Helvetica, sans-serif;
+
}
+
#foot_list  li ul li:first-child {
+
font-size:20px;
+
color:#b4b4b4;
+
line-height:28px;
+
}
+
 
+
#foot_list  li ul li a {
+
font-size:12px;
+
color:#a1a1a1;
+
line-height:18px;
+
text-decoration:none;
+
}
+
 
+
#foot_list li ul li a:hover {
+
color:#fff;
+
transition: color 0.3s ease 0s;
+
}
+
 
+
 
+
#foot_igem{
+
padding:38px 33px 24px 18px;
+
float:right;
+
}
+
#foot_igem > a {
+
width:150px;
+
height:118px;
+
display:block;
+
background-image:url(https://static.igem.org/mediawiki/2015/8/87/AHUT_CHINA_2015_index_igem_gray.jpg);
+
}
+
#foot_igem > a:hover {
+
background-image:url(https://static.igem.org/mediawiki/2015/d/d8/AHUT_CHINA_2015_index_igem_origin.jpg);
+
}
+
#foot_copyright {
+
clear:both;
+
width:960px;
+
line-height:36px;
+
text-align:center;
+
vertical-align:middle;
+
color:#777777;
+
font-size:12px;
+
font-family:Arial, Helvetica, sans-serif;
+
}
+
  <!--页脚2--> 
+
 
   </style>
 
   </style>
 
<html lang="en">
 
<html lang="en">
Line 233: Line 108:
 
            
 
            
 
         </header>
 
         </header>
  <!--页脚2--> 
+
    
<div id="footer">
+
  <div class="conent">
+
    <!--<div id="im_logo_link">
+
      <ul>
+
        <li id="twitter"><a href=""></a></li>
+
        <li id="youtube"><a href=""></a></li>
+
        <li id="webchat"><a href=""></a></li>
+
        <li id="qq"><a href=""></a></li>
+
      </ul>
+
    </div>
+
    <div style="height:1px;">
+
      <img src="https://static.igem.org/mediawiki/2015/f/fe/AHUT_CHINA_2015_index_foot_line_white.jpg" width="960" height="1" alt=""/>
+
    </div>-->
+
    <ul id="foot_list">
+
      <li id="team">
+
        <ul>
+
          <li>TEAM</li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Members">Members</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Instructors">Instructors</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Attributions">Attributions</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/team#Acknowledgement">Acknowledgement</a></li>
+
        </ul>
+
      </li>
+
      <li id="project">
+
        <ul>
+
          <li>PROJECT</li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Pathway and Design">Pathway and Design</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Result">Result</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/project#Future">Future Work</a></li>
+
        </ul>
+
      </li>
+
      <li id="parts">
+
        <ul>
+
          <li>PARTS</li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/parts#Biobrick">Biobrick</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/parts#Protools">Protools</a></li>
+
        </ul>
+
      </li>
+
      <li id="human_p">
+
        <ul>
+
          <li>HUMAN </br>PRACTICES</li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Society">Society</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#NewPower">New Power</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Questionnaire">Questionnaire</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#MOOC">MOOC</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/Practices#Art">Art</a></li>
+
        </ul>
+
      </li>
+
      <li id="safety">
+
        <ul>
+
          <li>SAFETY</li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/Safety">Safety</a></li>
+
        </ul>
+
      </li>
+
      <li id="notebook">
+
        <ul>
+
          <li>NOTEBOOK</li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Notebook">Notebook</a></li>
+
          <li><a href="https://2015.igem.org/Team:AHUT_China/notebook#Lab Pictures">Lab Pictures</a></li>
+
        </ul>
+
      </li>
+
    </ul>
+
    <div id="foot_igem">
+
      <a href="https://2015.igem.org/Main_Page"></a>
+
    </div>
+
    <div style="clear:both;">
+
      <img src="https://static.igem.org/mediawiki/2015/0/03/AHUT_CHINA_2015_index_foot_line_gray.jpg" width="960" height="3" alt="" />
+
    </div>
+
    <p id="foot_copyright">Copyright 2015 © AHUT iGEM Team , All rights reserved . </p>
+
  </div>
+
</div>
+
   <!--页脚2--> 
+
 
</html>
 
</html>

Revision as of 06:33, 11 October 2018

Royal Hotel