Difference between revisions of "Template:BIT-China/footer"

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
 
 
         /*页脚导航 ---- START*/
 
         /*页脚导航 ---- START*/
  
Line 53: Line 52:
 
         /*页脚导航 ---- END*/
 
         /*页脚导航 ---- END*/
  
−
</style>
+
#navbar .navbar-nav {
−
<body>
+
  display: flex !important;
 +
  justify-content: space-between;
 +
  width: 80%;
 +
}
  
 +
@media screen and (min-width: 678px) {
 +
  .my-banner img {
 +
    width: 100%;
 +
  }
  
−
<footer>
+
  #navbar .nav>li {
 +
 
 +
    padding: 0;
 +
    margin: -20px;
 +
    top: -20px;
 +
    left: 60px;
 +
  }
 +
  #navbar .nav>li a {
 +
    font-size: 14px !important;
 +
  }
 +
 
 +
@media screen and (min-width: 1024px) {
 +
  .my-banner img {
 +
  width: 100%;
 +
  }
 +
  #navbar .nav>li {
 +
 
 +
    padding: 0;
 +
    margin: 0 10px;
 +
    top: 0;
 +
    left: 0;
 +
 
 +
  }
 +
  #navbar .nav>li a {
 +
    font-size: 16px !important;
 +
  }
 +
 
 +
}
 +
.navbar {
 +
    width: 100%;
 +
  min-width: 920px;
 +
  top: 16px;
 +
    background-color: rgba(8,41,59,1);
 +
  background-image: url("https://static.igem.org/mediawiki/2017/3/38/Bit-china-2017logo.svg");
 +
  background-size: auto 100%  no-repeat;
 +
  left: 0;
 +
    /*border-color: #e7e7e7;*/
 +
    /*position: relative;*/
 +
    min-height: 70px;
 +
    /*margin-bottom: 20px;*/
 +
    /*border: 1px solid transparent;*/
 +
}
 +
 
 +
 
 +
        /*以下CSS用于解决iGEM官网坑爹样式问题*/
 +
        body {
 +
            height: 100%;
 +
            width: 100%;
 +
            font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
 +
            background-color: rgba(242,215,188,0.4);
 +
        }
 +
        #globalWrapper{
 +
            margin: 0;
 +
            padding: 0;
 +
        }
 +
        #content{
 +
            width: 100%;
 +
            padding: 0;
 +
            margin: -12px 0 0;
 +
        }
 +
        #top_title{
 +
            display: none;
 +
        }
 +
        #sideMenu{
 +
            display: none;
 +
        }
 +
      #content,
 +
      .vs-content,
 +
      .vs-wrapper section {
 +
        background-color: transparent !important;
 +
      }
 +
      .my-backTop:visited {
 +
        color: #F8A886 !important;
 +
      }
 +
      .my-footer {
 +
            margin-top: 100px;
 +
      }
 +
        /*以上CSS用于解决iGEM官网坑爹样式问题*/
 +
</style>
 +
</head>
 +
<body>
 +
<footer class="my-footer">
  
 
     <div class="col-md-2 col-sm-3">
 
     <div class="col-md-2 col-sm-3">
 
         <div class="footer_title">
 
         <div class="footer_title">
−
             <a href="https://2017.igem.org/Team:BIT-China/Project">Project</a>
+
             <a href="https://2017.igem.org/Team:BIT-China/Project/">Project</a>
 
         </div>
 
         </div>
 
         <ul class="footer_nav">
 
         <ul class="footer_nav">
−
             <li><a href="https://2017.igem.org/Team:BIT-China/Description">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/Project/#Description">
 
                 Description</a>
 
                 Description</a>
 
             </li>
 
             </li>
−
             <li><a href="https://2017.igem.org/Team:BIT-China/Sense">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/Project/#Sense">
 
                 Sense</a>
 
                 Sense</a>
 
             </li>
 
             </li>
−
             <li><a href="https://2017.igem.org/Team:BIT-China/Transduction">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/Project/#Transduction">
 
                 Transduction</a>
 
                 Transduction</a>
 
             </li>
 
             </li>
−
             <li><a href="https://2017.igem.org/Team:BIT-China/Detection">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/Project/#Detection">
 
                 Detection</a>
 
                 Detection</a>
 
             </li>
 
             </li>
−
             <li><a href="https://2017.igem.org/Team:BIT-China/Result">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/Project/#Result">
 
                 Result</a>
 
                 Result</a>
 
             </li>
 
             </li>
Line 84: Line 171:
 
     <div class="col-md-2 col-sm-3">
 
     <div class="col-md-2 col-sm-3">
 
         <div class="footer_title">
 
         <div class="footer_title">
−
             <a href="https://2017.igem.org/Team:BIT-China/Modeling"
+
             <a href="https://2017.igem.org/Team:BIT-China/Model"
 
             >Modeling</a>
 
             >Modeling</a>
 
         </div>
 
         </div>
 
         <ul class="footer_nav">
 
         <ul class="footer_nav">
−
             <li><a href="https://2017.igem.org/Team:BIT-China/Overview">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/Model">
 
                 Overview</a>
 
                 Overview</a>
 
             </li>
 
             </li>
Line 120: Line 207:
 
         </div>
 
         </div>
 
         <ul class="footer_nav">
 
         <ul class="footer_nav">
−
             <li><a href="https://2017.igem.org/Team:BIT-China/HPhome">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/HPSilver">
−
                 Hp home</a>
+
                 HP-Silver</a>
 
             </li>
 
             </li>
−
             <li><a href="https://2017.igem.org/Team:BIT-China/Education">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/HPGold">
−
                 Education</a>
+
                 Integrated＆Gold</a>
 
             </li>
 
             </li>
−
             <li><a href="https://2017.igem.org/Team:BIT-China/Integration">
+
             <li><a href="https://2017.igem.org/Team:BIT-China/Engagement">
−
                 Integration</a>
+
                 Engagement</a>
 
             </li>
 
             </li>
 
             <li><a href="https://2017.igem.org/Team:BIT-China/Collaboration">
 
             <li><a href="https://2017.igem.org/Team:BIT-China/Collaboration">
 
                 Collaboration</a>
 
                 Collaboration</a>
 
             </li>
 
             </li>
 +
           
 
         </ul>
 
         </ul>
 
     </div>
 
     </div>
Line 152: Line 240:
 
             <li><a href="https://2017.igem.org/Team:BIT-China/Equipment">
 
             <li><a href="https://2017.igem.org/Team:BIT-China/Equipment">
 
                 Equipment</a>
 
                 Equipment</a>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:BIT-China/Safety">
 +
                Safety</a>
 
             </li>
 
             </li>
 
         </ul>
 
         </ul>
Line 166: Line 257:
 
             <li><a href="https://2017.igem.org/Team:BIT-China/Gallery">
 
             <li><a href="https://2017.igem.org/Team:BIT-China/Gallery">
 
                 Gallery</a>
 
                 Gallery</a>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:BIT-China/Attribution">
 +
                Attribution</a>
 
             </li>
 
             </li>
 
         </ul>
 
         </ul>

Revision as of 10:50, 8 October 2017