Difference between revisions of "Team:Oxford/css"

Line 61: Line 61:
 
     list-style: none;
 
     list-style: none;
 
}
 
}
−
.footer-social-icons {
+
 
−
    width: 350px;
+
−
    display:block;
+
−
    margin: 0 auto;
+
−
}
+
 
.social-icon {
 
.social-icon {
 
     color: #fff;
 
     color: #fff;
Line 78: Line 74:
 
}
 
}
 
.social-icons a {
 
.social-icons a {
−
     color: #fff;
+
     color: black;
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
Line 88: Line 84:
 
     -webkit-transition:.5s;
 
     -webkit-transition:.5s;
 
     transition: .5s;
 
     transition: .5s;
−
     background-color: #322f30;
+
     background-color: #f2f2f2;
 
}
 
}
 
.fa-facebook:hover {
 
.fa-facebook:hover {
 +
color: white;
 
     background-color: #3d5b99;
 
     background-color: #3d5b99;
 
}
 
}
Line 100: Line 97:
 
     -webkit-transition:.5s;
 
     -webkit-transition:.5s;
 
     transition: .5s;
 
     transition: .5s;
−
     background-color: #322f30;
+
     background-color: #f2f2f2;
 
}
 
}
 
.fa-twitter:hover {
 
.fa-twitter:hover {
 +
    color: white;
 
     background-color: #00aced;
 
     background-color: #00aced;
 
}
 
}
Line 113: Line 111:
 
     -webkit-transition:.5s;
 
     -webkit-transition:.5s;
 
     transition: .5s;
 
     transition: .5s;
−
     background-color: #322f30;
+
     background-color: #f2f2f2;
 
}
 
}
 
.fa-instagram:hover {
 
.fa-instagram:hover {
 +
    color: white;
 
     background-color: #bc2a8d;
 
     background-color: #bc2a8d;
 
}
 
}

Revision as of 09:33, 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;

}

.social-icon { 

   color: #fff;

} ul.social-icons { 

   margin-top: 10px;

} .social-icons li { 

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

} .social-icons a { 

   color: black;
   text-decoration: none;

} .fa-facebook { 

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

} .fa-facebook:hover { color: white; 

   background-color: #3d5b99;

} .fa-twitter { 

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

} .fa-twitter:hover { 

   color: white;
   background-color: #00aced;

}

.fa-instagram { 

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

} .fa-instagram:hover { 

   color: white;
   background-color: #bc2a8d;

}