Difference between revisions of "Team:Oxford/css"

Line 105: Line 105:
 
     background-color: #00aced;
 
     background-color: #00aced;
 
}
 
}
−
.fa-rss {
+
 
−
     padding:10px 14px;
+
.fa-instagram {
 +
     padding:10px 12px;
 
     -o-transition:.5s;
 
     -o-transition:.5s;
 
     -ms-transition:.5s;
 
     -ms-transition:.5s;
Line 114: Line 115:
 
     background-color: #322f30;
 
     background-color: #322f30;
 
}
 
}
−
.fa-rss:hover {
+
.fa-twitter:hover {
−
     background-color: #eb8231;
+
     background-color: #bc2a8d;
−
}
+
−
.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 09:30, 20 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)
*/
  • {
  border-radius: 0 !important;

}

.dropdown-menu { 

  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f2f2f2;

}

body { 

 padding-top: 54px;

}

@media (min-width: 992px) { 

 body {
   padding-top: 56px;
 }

}

.card { 

 height: 100%;

}

header { 

 padding: 154px 0 100px;

}

@media (min-width: 992px) { 

 header {
   padding: 156px 0 100px;
 }

}

section { 

 padding: 150px 0;

}

  1. services {
 background-color: #f2f2f2;
 height: 100%;

}

._12 { 

   font-size: 1.2em;

} ._14 { 

   font-size: 1.4em;

} ul { 

   padding:0;
   list-style: none;

} .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-instagram { 

   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: #bc2a8d;

}