Difference between revisions of "Template:NUS Singapore"

Line 212: Line 212:
 
/************************************************** Sponsor and Social Connact Link Cover  **************************************************/
 
/************************************************** Sponsor and Social Connact Link Cover  **************************************************/
 
.footer-container{
 
.footer-container{
   width:90%;
+
   width:100%;
 
   height:300px;
 
   height:300px;
  padding:30px 100px 10px 50px; /*top right bottom left*/
+
  /*top right bottom left*/
 
   background-color:#0B0C0C  ;
 
   background-color:#0B0C0C  ;
 
   position:absolute;
 
   position:absolute;
 
}
 
}
  
.footer-sponsor-container {
+
.footer-sponsor-container{
   width:70%; /*split the sponsor container from the full footer-container */
+
   border:70%; /*split the sponsor container from the full footer-container */
 
   background-color:inherit;
 
   background-color:inherit;
 
   padding-top:50px;
 
   padding-top:50px;
 +
  padding-left:50px;
 
   float:left;
 
   float:left;
 
}
 
}
  
.footer-contact-container {
+
.footer-contact-container{
   width:30%; /*split the sponsor container from the full footer-container */
+
   border:30%; /*split the contact container from the full footer-container */
  bottom: 80%;
+
  height: 20%;
+
 
   background-color:inherit;
 
   background-color:inherit;
 +
  padding-top:30px;
 +
  padding-right:80px;
 
   float:right;
 
   float:right;
 +
}
 +
 +
/***************************  Social contact link *************************/
 +
.fa {
 +
  padding: 20px;
 +
  font-size: 30px;
 +
  width: 30px;
 +
  text-align: center;
 +
  text-decoration: none;
 +
  border-radius: 50%;
 +
}
 +
 +
.fa:hover {
 +
    opacity: 0.7;
 +
}
 +
 +
.fa-facebook {
 +
  background: #3B5998;
 +
  color: white;
 +
}
 +
 +
.fa-instagram {
 +
  background: #125688;
 +
  color: white;
 +
}
 +
 +
.fa-google {
 +
  background: #dd4b39;
 +
  color: white;
 
}
 
}
  

Revision as of 09:44, 21 July 2017