Difference between revisions of "Team:Oxford/css"

Line 22: Line 22:
 
   height: 100%;
 
   height: 100%;
 
   background-color: #f2f2f2;
 
   background-color: #f2f2f2;
 +
}
 +
 +
.footer-social-icons {
 +
    width: 350px;
 +
    display:block;
 +
    margin: 0 auto;
 +
}
 +
.social-icon {
 +
    color: #fff;
 +
}
 +
ul.social-icons {
 +
    margin-top: 10px;
 +
}
 +
.social-icons li {
 +
    vertical-align: top;
 +
    display: inline;
 +
    height: 100px;
 +
}
 +
.social-icons a {
 +
    color: #fff;
 +
    text-decoration: none;
 +
}
 +
.fa-facebook {
 +
    padding:10px 14px;
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    background-color: #322f30;
 +
}
 +
.fa-facebook:hover {
 +
    background-color: #3d5b99;
 +
}
 +
.fa-twitter {
 +
    padding:10px 12px;
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    background-color: #322f30;
 +
}
 +
.fa-twitter:hover {
 +
    background-color: #00aced;
 +
}
 +
.fa-rss {
 +
    padding:10px 14px;
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    background-color: #322f30;
 +
}
 +
.fa-rss:hover {
 +
    background-color: #eb8231;
 +
}
 +
.fa-youtube {
 +
    padding:10px 14px;
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    background-color: #322f30;
 +
}
 +
.fa-youtube:hover {
 +
    background-color: #e64a41;
 +
}
 +
.fa-linkedin {
 +
    padding:10px 14px;
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    background-color: #322f30;
 +
}
 +
.fa-linkedin:hover {
 +
    background-color: #0073a4;
 +
}
 +
.fa-google-plus {
 +
    padding:10px 9px;
 +
    -o-transition:.5s;
 +
    -ms-transition:.5s;
 +
    -moz-transition:.5s;
 +
    -webkit-transition:.5s;
 +
    transition: .5s;
 +
    background-color: #322f30;
 +
}
 +
.fa-google-plus:hover {
 +
    background-color: #e25714;
 
}
 
}

Revision as of 21:59, 19 August 2018

  • !
* Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
*/

body { 

 padding-top: 54px;

}

@media (min-width: 992px) { 

 body {
   padding-top: 56px;
 }

}

.card { 

 height: 100%;

}

.bg-image-full { 

 height: 100%;
 background-color: #f2f2f2;

}

.footer-social-icons { 

   width: 350px;
   display:block;
   margin: 0 auto;

} .social-icon { 

   color: #fff;

} ul.social-icons { 

   margin-top: 10px;

} .social-icons li { 

   vertical-align: top;
   display: inline;
   height: 100px;

} .social-icons a { 

   color: #fff;
   text-decoration: none;

} .fa-facebook { 

   padding:10px 14px;
   -o-transition:.5s;
   -ms-transition:.5s;
   -moz-transition:.5s;
   -webkit-transition:.5s;
   transition: .5s;
   background-color: #322f30;

} .fa-facebook:hover { 

   background-color: #3d5b99;

} .fa-twitter { 

   padding:10px 12px;
   -o-transition:.5s;
   -ms-transition:.5s;
   -moz-transition:.5s;
   -webkit-transition:.5s;
   transition: .5s;
   background-color: #322f30;

} .fa-twitter:hover { 

   background-color: #00aced;

} .fa-rss { 

   padding:10px 14px;
   -o-transition:.5s;
   -ms-transition:.5s;
   -moz-transition:.5s;
   -webkit-transition:.5s;
   transition: .5s;
   background-color: #322f30;

} .fa-rss:hover { 

   background-color: #eb8231;

} .fa-youtube { 

   padding:10px 14px;
   -o-transition:.5s;
   -ms-transition:.5s;
   -moz-transition:.5s;
   -webkit-transition:.5s;
   transition: .5s;
   background-color: #322f30;

} .fa-youtube:hover { 

   background-color: #e64a41;

} .fa-linkedin { 

   padding:10px 14px;
   -o-transition:.5s;
   -ms-transition:.5s;
   -moz-transition:.5s;
   -webkit-transition:.5s;
   transition: .5s;
   background-color: #322f30;

} .fa-linkedin:hover { 

   background-color: #0073a4;

} .fa-google-plus { 

   padding:10px 9px;
   -o-transition:.5s;
   -ms-transition:.5s;
   -moz-transition:.5s;
   -webkit-transition:.5s;
   transition: .5s;
   background-color: #322f30;

} .fa-google-plus:hover { 

   background-color: #e25714;

}