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

 
(11 intermediate revisions by 3 users not shown)
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 169: Line 44:
 
     </head>
 
     </head>
 
      
 
      
−
         <!--================Header Area =================-->
+
          
−
            <header class="header_area">
+
    
−
            <div class="container">
+
−
                <nav class="navbar navbar-expand-lg navbar-light">
+
−
                    <!-- Brand and toggle get grouped for better mobile display -->
+
−
                    <a class="navbar-brand logo_h" href="https://2018.igem.org/Team:AHUT_China/home"><img src="https://static.igem.org/mediawiki/2018/e/ec/T--AHUT_China--_logo.jpg" height="100" width="80" alt=""></a>
+
−
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
−
                        <span class="icon-bar"></span>
+
−
                        <span class="icon-bar"></span>
+
−
                        <span class="icon-bar"></span>
+
−
                    </button>
+
−
                    <!-- Collect the nav links, forms, and other content for toggling -->
+
−
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
+
−
                        <ul class="nav navbar-nav menu_nav ml-auto">
+
−
                            <li class="nav-item active"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/home">Home</a></li>
+
−
                            <li class="nav-item submenu dropdown">
+
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM</a>
+
−
                                <ul class="dropdown-menu">
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Team
+
−
">Team Members</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Attributions">Attribution</a>
+
−
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li class="nav-item submenu dropdown">
+
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT</a>
+
−
                                <ul class="dropdown-menu">
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Overview">Overview</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/protocol">Protocol</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link"
+
−
href="https://2018.igem.org/Team:AHUT_China/design">Design</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Background">Background</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Demonstrate">Demonstrate</a></li>
+
−
    <li class="nav-item"><a class="nav-link" href="
+
−
https://2018.igem.org/Team:AHUT_China/InterLab">Interlab</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Notebook">Notebook</a></li>
+
−
                                  </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                              <li class="nav-item submenu dropdown">
+
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS</a>
+
−
                                <ul class="dropdown-menu">
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Improve">Improved parts</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/New_Parts">New Parts</a></li>
+
−
+
−
                                </ul>
+
−
                            </li>
+
−
<li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Model">Modeling</a></li>
+
−
                            <li class="nav-item submenu dropdown">
+
−
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices</a>
+
−
                                <ul class="dropdown-menu">
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Human_Practices">Overview</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/HP_FOR_SILVER">HP for Silver</a></li>
+
−
                                    <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/INTEGRATED_FOR_GOLD">Integrated HP for gold</a></li>
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/Collaborations">Collaboration</a></li>
+
−
<!--                            <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>-->
+
−
                        </ul>
+
−
                    </div>
+
−
                </nav>
+
−
            </div>
+
−
         
+
−
        </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>

Latest revision as of 04:31, 15 October 2018

Royal Hotel