Difference between revisions of "Template:Leicester"

Line 11: Line 11:
  
 
   <style>
 
   <style>
−
  .carousel-inner > .item > img,
+
<!-- start of social media buttons -->
−
  .carousel-inner > .item > a > img {
+
.social {
−
      width: 70%;
+
    margin: 0;
−
      margin: auto;
+
    padding: 0;
−
  }
+
}
 +
 
 +
.social ul {
 +
    margin: 0;
 +
    padding: 5px;
 +
}
 +
 
 +
.social ul li {
 +
    margin: 5px;
 +
    list-style: none outside none;
 +
    display: inline-block;
 +
}
 +
 
 +
.social i {
 +
    width: 40px;
 +
    height: 40px;
 +
    color: #FFF;
 +
    background-color: #909AA0;
 +
    font-size: 22px;
 +
    text-align:center;
 +
    padding-top: 12px;
 +
    border-radius: 50%;
 +
    -moz-border-radius: 50%;
 +
    -webkit-border-radius: 50%;
 +
    -o-border-radius: 50%;
 +
    transition: all ease 0.3s;
 +
    -moz-transition: all ease 0.3s;
 +
    -webkit-transition: all ease 0.3s;
 +
    -o-transition: all ease 0.3s;
 +
    -ms-transition: all ease 0.3s;
 +
}
 +
 
 +
.social i:hover {
 +
    color: #FFF;
 +
    text-decoration: none;
 +
    transition: all ease 0.3s;
 +
    -moz-transition: all ease 0.3s;
 +
    -webkit-transition: all ease 0.3s;
 +
    -o-transition: all ease 0.3s;
 +
    -ms-transition: all ease 0.3s;
 +
}
 +
 
 +
.social .fa-facebook:hover {
 +
    background: #4060A5;
 +
}
 +
 
 +
.social .fa-twitter:hover {
 +
    background: #00ABE3;
 +
}
 +
 
 +
.social .fa-google-plus:hover {
 +
    background: #e64522;
 +
}
 +
 
 +
.social .fa-github:hover {
 +
    background: #343434;
 +
}
 +
 
 +
.social .fa-pinterest:hover {
 +
    background: #cb2027;
 +
}
 +
 
 +
.social .fa-linkedin:hover {
 +
    background: #0094BC;
 +
}
 +
 
 +
.social .fa-flickr:hover {
 +
    background: #FF57AE;
 +
}
 +
 
 +
.social .fa-instagram:hover {
 +
    background: #375989;
 +
}
 +
 
 +
.social .fa-vimeo-square:hover {
 +
    background: #83DAEB;
 +
}
 +
 
 +
.social .fa-stack-overflow:hover {
 +
    background: #FEA501;
 +
}
 +
 
 +
.social .fa-dropbox:hover {
 +
    background: #017FE5;
 +
}
 +
 
 +
.social .fa-tumblr:hover {
 +
    background: #3a5876;
 +
}
 +
 
 +
.social .fa-dribbble:hover {
 +
    background: #F46899;
 +
}
 +
 
 +
.social .fa-skype:hover {
 +
    background: #00C6FF;
 +
}
 +
 
 +
.social .fa-stack-exchange:hover {
 +
    background: #4D86C9;
 +
}
 +
 
 +
.social .fa-youtube:hover {
 +
    background: #FF1F25;
 +
}
 +
 
 +
.social .fa-xing:hover {
 +
    background: #005C5E;
 +
}
 +
 
 +
.social .fa-rss:hover {
 +
    background: #e88845;
 +
}
 +
 
 +
.social .fa-foursquare:hover {
 +
    background: #09B9E0;
 +
}
 +
 
 +
.social .fa-youtube-play:hover {
 +
    background: #DF192A;
 +
}
 +
<!-- end of social media buttons -->
 
   .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {border-bottom: 0px}
 
   .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {border-bottom: 0px}
 
       body {background-color: #34495e;}
 
       body {background-color: #34495e;}
Line 90: Line 211:
 
         </ul>
 
         </ul>
 
         <ul class="nav navbar-nav pull-right">
 
         <ul class="nav navbar-nav pull-right">
−
          <a href=""><img src="https://static.igem.org/mediawiki/2015/c/ce/Twitter_le.png"></a>
+
        <li><a href="#"><i class="fa fa-lg fa-facebook"></i></a></li>
−
          <a href=""><img src="https://static.igem.org/mediawiki/2015/e/ef/Facebook_le.png"></a>
+
        <li><a href="#"><i class="fa fa-lg fa-twitter"></i></a></li>
 
         </ul>
 
         </ul>
 
       </div>
 
       </div>

Revision as of 10:19, 11 September 2015

Live Preview