Advertisement
Guest User

Untitled

a guest
Jul 12th, 2018
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.32 KB | None | 0 0
  1. .footer-distributed{
  2. background-color: #292c2f;
  3. box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  4. box-sizing: border-box;
  5. width: 100%;
  6. text-align: left;
  7. font: normal 16px sans-serif;
  8.  
  9. padding: 45px 50px;
  10. margin-top: 80px;
  11. }
  12.  
  13. .footer-distributed .footer-left p{
  14. color: #8f9296;
  15. font-size: 14px;
  16. margin: 0;
  17. }
  18.  
  19. /* Footer links */
  20.  
  21. .footer-distributed p.footer-links{
  22. font-size:18px;
  23. font-weight: bold;
  24. color: #ffffff;
  25. margin: 0 0 10px;
  26. padding: 0;
  27. }
  28.  
  29. .footer-distributed p.footer-links a{
  30. display:inline-block;
  31. line-height: 1.8;
  32. text-decoration: none;
  33. color: inherit;
  34. }
  35.  
  36. .footer-distributed .footer-right{
  37. float: right;
  38. margin-top: 6px;
  39. max-width: 180px;
  40. }
  41.  
  42. .footer-distributed .footer-right a{
  43. display: inline-block;
  44. width: 35px;
  45. height: 35px;
  46. background-color: #33383b;
  47. border-radius: 2px;
  48.  
  49. font-size: 20px;
  50. color: #ffffff;
  51. text-align: center;
  52. line-height: 35px;
  53.  
  54. margin-left: 3px;
  55. }
  56.  
  57. /* If you don't want the footer to be responsive, remove these media queries */
  58.  
  59. @media (max-width: 600px) {
  60.  
  61. .footer-distributed .footer-left,
  62. .footer-distributed .footer-right{
  63. text-align: center;
  64. }
  65.  
  66. .footer-distributed .footer-right{
  67. float: none;
  68. margin: 0 auto 20px;
  69. }
  70.  
  71. .footer-distributed .footer-left p.footer-links{
  72. line-height: 1.8;
  73. }
  74. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement