You are here

site-footer.css in Open Social 8.9

.site-footer {
  background-color: #1f80aa;
  color: white;
  padding: 25px 0;
}

.site-footer .dropdown-menu > li > a {
  color: #4d4d4d;
}

.site-footer .dropdown-menu > li > a:hover, .site-footer .dropdown-menu > li > a:focus {
  background-color: #f5f5f5;
}

.site-footer .container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.site-footer .container > * {
  padding: 0 1rem;
}

@media (min-width: 900px) {
  .site-footer {
    padding: 0;
  }
}

@media (max-width: 599px) {
  .site-footer .container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .site-footer .container > * + * {
    margin-top: 20px;
  }
}

File

themes/socialblue/assets/css/site-footer.css
View source
  1. .site-footer {
  2. background-color: #1f80aa;
  3. color: white;
  4. padding: 25px 0;
  5. }
  6. .site-footer .dropdown-menu > li > a {
  7. color: #4d4d4d;
  8. }
  9. .site-footer .dropdown-menu > li > a:hover, .site-footer .dropdown-menu > li > a:focus {
  10. background-color: #f5f5f5;
  11. }
  12. .site-footer .container {
  13. -webkit-box-align: center;
  14. -ms-flex-align: center;
  15. align-items: center;
  16. -webkit-box-pack: justify;
  17. -ms-flex-pack: justify;
  18. justify-content: space-between;
  19. }
  20. .site-footer .container > * {
  21. padding: 0 1rem;
  22. }
  23. @media (min-width: 900px) {
  24. .site-footer {
  25. padding: 0;
  26. }
  27. }
  28. @media (max-width: 599px) {
  29. .site-footer .container {
  30. -webkit-box-align: start;
  31. -ms-flex-align: start;
  32. align-items: flex-start;
  33. -webkit-box-orient: vertical;
  34. -webkit-box-direction: normal;
  35. -ms-flex-direction: column;
  36. flex-direction: column;
  37. }
  38. .site-footer .container > * + * {
  39. margin-top: 20px;
  40. }
  41. }