Difference between revisions of "Team:Oxford/css"

Line 40: Line 40:
 
     padding: 156px 0 100px;
 
     padding: 156px 0 100px;
 
   }
 
   }
 +
}
 +
 +
.background-img{
 +
opacity:0.5;
 
}
 
}
  

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

}

.background-img{ opacity:0.5; }

section { 

 padding: 150px 0;

}

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

}

.footer-social-icons { text-align:center; padding-top:30px; padding-bottom:30px; }

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: white;
   text-decoration: none;

} .fa-facebook { 

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

} .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: #cccccc;

} .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: #cccccc;

} .fa-instagram:hover { 

   color: white;
   background-color: #bc2a8d;

}