/* * These styles apply ONLY to the header and footer assets. */ .footer { background: #2d353d; color: #fff; line-height: 1.5; padding: 15px; } .footer-wrap { max-width: 1236px; margin: 0 auto; } .footer-row { padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .footer-socials ul { display: inline-block; margin: 0; padding: 0; } .footer-socials li { list-style: none; display: inline-block; padding: 5px; border-radius: 50%; line-height: 0; } .footer-socials .social-fb:hover{ background-color: #1876f2; } .footer-socials .social-twitter:hover{ background-color: #1d9bf0; } .footer-socials .social-ig:hover{ background-image: linear-gradient(#8a3ab9, #bc2a8d,#e95950, #fccc63); } .footer-links ul { padding: 0; margin: 0; } .footer-links li { color: #fff; list-style: none; display: inline-block; padding: 5px 10px; } .footer-links li a { color: #fff; text-decoration: none; } .footer-links li a:hover { text-decoration: underline; } .footer-disclaimer { font-weight: 500; margin:0 auto; padding: 5px; text-align: center; } @media(min-width: 1024px) { .footer-links li:first-child { padding-left: 0; } } @media(max-width: 1024px) { .footer-row { padding: 0; display: block; justify-content: initial; text-align: center; } .footer-row div { padding: 5px 0; } div.footer-links, div.footer-disclaimer { padding: 10px 20px; } .footer-links ul { display: flex; flex-direction: column; } div.footer-copyright { padding: 15px 0 0; } }

Daniel padilla

StephCloser

StephCloser Member

August 2012 in Showbiz - Male Celebrities #1

First Thread.

0

Comments

StephCloser Member

August 2012 #2

0
StephCloser Member

August 2012 #3

0

or Register to comment.

Welcome to PinoyExchange!

Talk about all topics relevant to Pinoys around the world. Sign in or Register to join the conversations!

Sign In Register

Forums

In this Discussion

StephCloser 2 posts

/* * These styles apply ONLY to the header and footer assets. */ .footer { background: #2d353d; color: #fff; line-height: 1.5; padding: 15px; } .footer-wrap { max-width: 1236px; margin: 0 auto; } .footer-row { padding: 10px 0; display: flex; justify-content: space-between; align-items: center; } .footer-socials ul { display: inline-block; margin: 0; padding: 0; } .footer-socials li { list-style: none; display: inline-block; padding: 5px; border-radius: 50%; line-height: 0; } .footer-socials .social-fb:hover{ background-color: #1876f2; } .footer-socials .social-twitter:hover{ background-color: #1d9bf0; } .footer-socials .social-ig:hover{ background-image: linear-gradient(#8a3ab9, #bc2a8d,#e95950, #fccc63); } .footer-links ul { padding: 0; margin: 0; } .footer-links li { color: #fff; list-style: none; display: inline-block; padding: 5px 10px; } .footer-links li a { color: #fff; text-decoration: none; } .footer-links li a:hover { text-decoration: underline; } .footer-disclaimer { font-weight: 500; margin:0 auto; padding: 5px; text-align: center; } @media(min-width: 1024px) { .footer-links li:first-child { padding-left: 0; } } @media(max-width: 1024px) { .footer-row { padding: 0; display: block; justify-content: initial; text-align: center; } .footer-row div { padding: 5px 0; } div.footer-links, div.footer-disclaimer { padding: 10px 20px; } .footer-links ul { display: flex; flex-direction: column; } div.footer-copyright { padding: 15px 0 0; } }