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

m
 
(4 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
−
<script type="text/javascript">
 
−
$("a").onmouseover( function(){
 
−
alert("1");
 
−
});
 
−
 
−
</script>
 
 
     <style>
 
     <style>
 
     #footer-row {
 
     #footer-row {
 
         background: #eee;
 
         background: #eee;
−
width: calc(100vw);
+
         min-height:250px;
−
         min-height:calc(20vh);
+
 
         padding-top: 50px;
 
         padding-top: 50px;
 
     }
 
     }
−
 
+
   
−
     #footerlogo{
+
     #footer-contact {
−
      display: inline;
+
         text-align: center;
−
      width: calc(6vw);
+
−
        padding-left: calc(3vw);
+
−
         padding-right: calc(3vw);
+
 
     }
 
     }
 +
   
 
     #footer-contact a {
 
     #footer-contact a {
 
         display: inline-block;
 
         display: inline-block;
Line 26: Line 16:
 
         padding: 0px !important;
 
         padding: 0px !important;
 
         cursor: pointer;
 
         cursor: pointer;
−
vertical-align: bottom;
 
 
     }
 
     }
 
      
 
      
Line 32: Line 21:
 
         width: 30px;
 
         width: 30px;
 
         height: 30px;
 
         height: 30px;
 +
    }
 +
   
 +
    #team-logo {
 +
        width: 200px;
 +
        height: 130px;
 +
        border-radius: 50%;
 +
    }
 +
   
 +
    #footer-sponsor {
 +
        padding-left: 50px;
 +
        text-align: left;
 
     }
 
     }
 
      
 
      
Line 49: Line 49:
 
     <div class="container-fluid" style="margin-top: 80px">
 
     <div class="container-fluid" style="margin-top: 80px">
 
         <div id="footer-row" class="row">
 
         <div id="footer-row" class="row">
−
             <div id="footer-contact" class="col-3">
+
             <div id="footer-contact" class="col-sm-3">
−
                 <a href="https://www.facebook.com/oxfordigem/"><img class="contact-logo" src="https://static.igem.org/mediawiki/2017/8/86/T--oxford--footer--facebook.png" /></a>
+
                 <img id="team-logo" src="https://static.igem.org/mediawiki/2018/c/cb/T--UCAS-China--_Logo_1_PNG.png" />
−
                 <a href="https://www.instagram.com/oxfordigem/"><img class="contact-logo" src="https://static.igem.org/mediawiki/2017/9/9f/T--oxford--footer--instagram.png" /></a><br>
+
                <br />
 +
                <br />
 +
                <img class="contact-logo" src="https://static.igem.org/mediawiki/2017/8/86/T--oxford--footer--facebook.png" /></a>
 +
                 <img class="contact-logo" src="https://static.igem.org/mediawiki/2017/9/9f/T--oxford--footer--instagram.png" /></a>
 
                 <a href="https://twitter.com/IgemUcas"><img class="contact-logo" src="https://static.igem.org/mediawiki/2017/9/92/T--oxford--footer--twitter.png" /></a>
 
                 <a href="https://twitter.com/IgemUcas"><img class="contact-logo" src="https://static.igem.org/mediawiki/2017/9/92/T--oxford--footer--twitter.png" /></a>
 
                 <a href="mailto: ucasigem@163.com"><img class="contact-logo" src="https://static.igem.org/mediawiki/2017/8/84/T--oxford--footer--email.png" /></a>
 
                 <a href="mailto: ucasigem@163.com"><img class="contact-logo" src="https://static.igem.org/mediawiki/2017/8/84/T--oxford--footer--email.png" /></a>
 
             </div>
 
             </div>
−
             <img id="footerlogo" src="https://static.igem.org/mediawiki/2018/1/12/T--UCAS-China--HugeLogo.png">
+
             <div class="col-sm-1"></div>
−
             <div id="footer-sponsor" class="col-8">
+
             <div id="footer-sponsor" class="col-sm-8">
 
                 <a href="http://www.gucas.ac.cn/"><img class="sponsor-logo" src="https://static.igem.org/mediawiki/2017/9/9f/T--UCAS--UCASLogo.png" /></a>
 
                 <a href="http://www.gucas.ac.cn/"><img class="sponsor-logo" src="https://static.igem.org/mediawiki/2017/9/9f/T--UCAS--UCASLogo.png" /></a>
 
                 <a href="http://bio.ucas.ac.cn/"><img class="sponsor-logo" src="https://static.igem.org/mediawiki/2017/7/77/T--UCAS--ColledgeLogo.png" /></a>
 
                 <a href="http://bio.ucas.ac.cn/"><img class="sponsor-logo" src="https://static.igem.org/mediawiki/2017/7/77/T--UCAS--ColledgeLogo.png" /></a>
Line 62: Line 65:
 
                 <a href="http://www.im.cas.cn/"><img class="sponsor-logo" src="https://static.igem.org/mediawiki/2017/2/25/T--UCAS--logo_institute_microbiology.png" /></a>
 
                 <a href="http://www.im.cas.cn/"><img class="sponsor-logo" src="https://static.igem.org/mediawiki/2017/2/25/T--UCAS--logo_institute_microbiology.png" /></a>
 
                 <a href="http://www.ibp.cas.cn/"><img class="sponsor-logo" src="https://static.igem.org/mediawiki/2017/6/6b/T--UCAS--logo_institute_biophysics.png" /></a>
 
                 <a href="http://www.ibp.cas.cn/"><img class="sponsor-logo" src="https://static.igem.org/mediawiki/2017/6/6b/T--UCAS--logo_institute_biophysics.png" /></a>
 +
             
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
<script type="text/javascript">
 
−
document.getElementById("footer-contact").style.display = "inline";
 
−
document.getElementById("footer-sponsor").style.display = "inline";
 
−
</script>
 
 
</html>
 
</html>

Latest revision as of 01:14, 18 October 2018