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

 
(15 intermediate revisions by the same user not shown)
Line 5: 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 81: 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 97: 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>

Latest revision as of 23:13, 13 November 2018

footer