Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html {
- min-height: 100%;
- position: relative;
- }
- body {
- margin: 0;
- /* margin-bottom: 180px; */
- }
- .footer-distributed {
- /* position: absolute; */
- background: #01325b;
- width: 100%;
- box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
- box-sizing: border-box;
- text-align: left;
- font: 16px Open Sans;
- padding: 15px 50px;
- border-top: 3px solid #157fa8;
- text-align: center;
- color:white;
- }
- .footer-distributed a {color:white;}
- .footer-distributed {
- width: 100%;
- display: inline-block;
- vertical-align: top;
- list-style:none;
- color:white;
- }
- .footer-colonna1, .footer-colonna2, .footer-colonna3 {
- margin: 0 100px;
- display: inline-block;
- vertical-align: top;
- list-style:none;
- color:white;
- }
- .lista_footer {}
- .lista_footer li {
- margin-bottom:15px;
- list-style: none;
- }
- .lista_footer li i { margin-right: 10px;}
- .footer-copyright {
- text-align: center;
- font-size:1.4ex;
- }
- /* The company logo */
- .footer-distributed h3 {
- color: #ffffff;
- font: normal 36px 'Cookie', cursive;
- margin: 0;
- margin-bottom: 20px;
- }
- .footer-distributed h3 span { color: #5383d3;}
- /* Footer links */
- .footer-distributed .footer-links {
- color: #ffffff;
- margin: 16px 0 15px;
- padding: 0;
- }
- .footer-distributed .footer-links a {
- display:inline-block;
- line-height: 1.8;
- text-decoration: none;
- color: inherit;
- }
- .footer-distributed .footer-company-name {
- color: #8f9296;
- font-size: 14px;
- font-weight: normal;
- margin: 0;
- }
- .footer-distributed .footer-company-about {
- line-height: 20px;
- color: #92999f;
- font-size: 13px;
- font-weight: normal;
- margin: 0;
- }
- .footer-distributed .footer-company-about span {
- display: block;
- color: #ffffff;
- font-size: 14px;
- font-weight: bold;
- margin-bottom: 20px;
- }
- .footer-distributed .footer-icons {
- margin-top: 15px;
- }
- .footer-distributed .footer-icons a {
- display: inline-block;
- width: 35px;
- height: 35px;
- cursor: pointer;
- border-radius: 2px;
- font-size: 20px;
- color: #fff;
- text-align: center;
- line-height: 35px;
- margin-right: 3px;
- margin-bottom: 5px;
- }
- .footer-distributed .footer-icons a i { transition: all 200ms linear 0s;}
- .footer-distributed .footer-icons a:hover .fa-youtube { color: #DE2B2B;}
- .footer-distributed .footer-icons a:hover .fa-facebook { color: #2A5EF6;}
- .footer-distributed .footer-icons a:hover .fa-github { color: #6483DB;}
- .footer-distributed .footer-icons a:hover .fa-linkedin { color: #1A67B3;}
- .footer-distributed .footer-icons a:hover .fa-twitter {color: #00AEFF;}
- /* If you don't want the footer to be responsive, remove these media queries */
- @media (max-width: 880px) {
- .footer-distributed{
- font-size: 14px;
- display: inline-block;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement