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 109: Line 233:
 
            
 
            
 
         </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:31, 11 October 2018

Royal Hotel