Difference between revisions of "Template:NAU-CHINA/footer"

 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{NAU-CHINA/ResetCSS}}
 
<html>
 
<html>
 
<head>
 
<head>
Line 4: Line 5:
 
     <title>footer</title>
 
     <title>footer</title>
 
     <style>
 
     <style>
−
#HQ_page p {
 
−
    font-family: "Arial",Helvetica,sans-serif;
 
−
    font-size: 13px;
 
−
    text-align: left;
 
−
}
 
 
         #footer {
 
         #footer {
−
             display:flex;
+
             display: flex;
−
             height:35vh;
+
             height: 35vh;
−
             width:100%;
+
             width: 100%;
−
             background-color:gray;
+
             background-color: rgba(89,87,87,0.54);
−
             color:white;
+
             color: white;
−
             text-align:justify;
+
             text-align: justify;
−
             padding:0.5vw 0 0 2.7vw;;
+
             padding: 0.5vw 0 0 5vw;
 +
            ;
 
         }
 
         }
 +
 
         .footer-title {
 
         .footer-title {
−
             font-weight:bold;
+
             font-weight: bold;
−
             font-size:1.2vw;
+
             font-size: 1.5vw;
−
             line-height:2.5vw;
+
             line-height: 2.5vw;
−
position:relative;
+
            position: relative;
−
left:-10px;
+
            left: -10px;
 
         }
 
         }
 +
 
         .footer-col p {
 
         .footer-col p {
−
             font-size: 1vw;
+
             font-size: 1.1vw !important;
 +
            line-height: 1.3em;
 
         }
 
         }
 +
 
         #footer img {
 
         #footer img {
−
             width:30px;
+
             width: 30px;
−
height:30px;
+
            height: 30px;
−
             float:left;
+
             float: left;
−
             align-items:center;
+
             align-items: center;
−
             margin-right:0.5vw;
+
             margin-right: 0.5vw;
 
         }
 
         }
−
         #footer #Contact img:hover {
+
 
−
width:30px;
+
         #footer a {
−
height:30px;
+
             color: white !important;
−
            opacity:0.8;
+
−
            transition:0.1s;
+
−
             cursor:pointer;
+
 
         }
 
         }
 +
 
         .footer-col {
 
         .footer-col {
 
             width: 25vw;
 
             width: 25vw;
 
         }
 
         }
−
#Useful_Links {width:18vw;}
 
−
 
  
 
         .footer-row {
 
         .footer-row {
−
             display:flex;
+
             display: flex;
−
             height:6vh;
+
             height: 6vh;
−
             vertical-align:middle;
+
             vertical-align: middle;
−
             align-items:center;
+
             align-items: center;
 
         }
 
         }
−
 
 
     </style>
 
     </style>
 
</head>
 
</head>
Line 80: Line 76:
 
         <div class="footer-col" id="Useful_Links">
 
         <div class="footer-col" id="Useful_Links">
 
             <span class="footer-title">Useful Links</span>
 
             <span class="footer-title">Useful Links</span>
−
             <p>Main Page</p>
+
             <p><a href="https://2018.igem.org/">Main Page</a></p>
−
             <p>Special Pages</p>
+
             <p><a href="https://igem.org/Special:SpecialPages">Special Pages</a></p>
 
         </div>
 
         </div>
−
         <div class="footer-col" id="Contact" >
+
         <div class="footer-col" id="ContactUs">
−
             <span class="footer-title">Contact</span>
+
             <span class="footer-title">Contact Us</span>
 
             <div class="footer-row">
 
             <div class="footer-row">
−
                 <img src="https://static.igem.org/mediawiki/2018/9/95/T--NAU-CHINA--Facebook.png" />
+
                 <a href="mailto:njauskyljy@outlook.com?subject=Hello%20iGEMer!">
 +
                    <img src="https://static.igem.org/mediawiki/2018/9/95/T--NAU-CHINA--Facebook.png" />
 +
                </a>
 
                 <p>Facebook</p>
 
                 <p>Facebook</p>
 
             </div>
 
             </div>
 
             <div class="footer-row">
 
             <div class="footer-row">
−
                 <img src="https://static.igem.org/mediawiki/2018/1/1d/T--NAU-CHINA--Twitter.png" />
+
                 <a href="mailto:njauskyljy@outlook.com?subject=Hello%20iGEMer!">
 +
                    <img src="https://static.igem.org/mediawiki/2018/1/1d/T--NAU-CHINA--Twitter.png" />
 +
                </a>
 
                 <p>Twitter</p>
 
                 <p>Twitter</p>
 
             </div>
 
             </div>
Line 96: Line 96:
 
         <div class="footer-col" id="About Us">
 
         <div class="footer-col" id="About Us">
 
             <span class="footer-title">About Us</span>
 
             <span class="footer-title">About Us</span>
−
             <p><span style="font-size:1.1vw">NAU-CHINA 2018</span> from <br />
+
             <p>
−
            Nanjing Agricultural University <br />
+
                <span style="font-size:1.1vw">NAU-CHINA 2018</span> from <br />
−
            NO.1 Weigang, Xuanwu District<br/>
+
                Nanjing Agricultural University <br />
−
            Nanjing, CHINA<br/>
+
                NO.1 Weigang, Xuanwu District<br />
−
            210095</p>
+
                Nanjing, CHINA<br />
 +
                210095
 +
            </p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 106: Line 108:
  
  
−
<script>
 
−
//Adaptive banner
 
−
        $(document).ready(function () {
 
−
            switch (document.title) {
 
−
                case ("Team:NAU-CHINA/Team members - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Collaborations - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Attributions - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case "Team:NAU-CHINA/Overview - 2018.igem.org"
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Design - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/InterLab - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case "Team:NAU-CHINA/Protocols - 2018.igem.org"
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Application_prospects - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Demonstrate - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case "Team:NAU-CHINA/Parts - 2018.igem.org"
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Model - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Model_Details - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Auxiliary_Understanding - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Software - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Human_Practices - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Public_Engagement - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Safety - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
                case ("Team:NAU-CHINA/Notebook - 2018.igem.org")
 
−
                    $('#banner img').attr('src', 'https://static.igem.org/mediawiki/2018/2/2e/T--NAU-China--bannerprojectoverview.jpg')
 
−
 
−
            }
 
−
});
 
−
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:13, 13 November 2018

footer