CSS   9

footer-v1.css

Guest on 11th May 2021 07:20:59 PM

  1. /*Footer-v1
  2. ------------------------------------*/
  3. .footer-v1 .footer {
  4.     padding: 40px 0;   
  5.     background: #d4d0c5;
  6.  
  7. }
  8.  
  9. .footer-v1 .rounded-x
  10. {
  11.     border: 2px solid #8c867b;
  12.     width: 40px;
  13.     height: 40px;
  14.     text-align: center;
  15.     line-height: 40px;
  16.     color: #8c867b;
  17.     font-size: 20px;
  18.     margin-right: 10px;
  19. }
  20.  
  21. .footer-v1 .footer p {
  22.     color: #8d877b;
  23. }
  24.  
  25. .footer-v1 .footer h2 {
  26.     color: #8d877b;
  27.     font-size: 18px;
  28.     font-weight: 200;
  29. }
  30.  
  31. .footer-v1 a
  32. {
  33.     color: #8d877b;
  34. }
  35.  
  36. /*Link List*/
  37. .footer-v1 .link-list li {
  38.     /*border-top: solid 1px #353535;*/
  39. }
  40.  
  41. .footer-v1 address,
  42. .footer-v1 .link-list a,
  43. .footer-v1 .link-list i {
  44.     color: #8d877b;
  45. }
  46.  
  47. .footer-v1 address {
  48.     line-height: 23px;
  49. }
  50.  
  51. /*Dotted Map*/
  52. .footer-v1 .footer .map-img {
  53. }
  54.  
  55. /*Blog Posts (with images)*/
  56. .footer-v1 .footer .posts .dl-horizontal a {
  57.  color: #dadada;
  58. }
  59.  
  60. .footer-v1 .footer .dl-horizontal a:hover {
  61.  color: #5fb611 !important;
  62. }
  63.  
  64. /*Copyright*/
  65. .footer-v1 .copyright {
  66.     background: #d4d0c5;
  67.     border-top: none;
  68.     padding: 10px 0 5px;
  69.     border-top: 1px solid #bebaaf;
  70.     font-size: 12px;
  71. }
  72.  
  73. .footer-v1 .copyright p {
  74.     color: #8d877b;
  75.     margin-top: 14px;
  76. }
  77.  
  78. .footer-v1 .copyright a {
  79.     margin: 0 2px;
  80. }
  81.  
  82. .footer-v1 .footer-socials {
  83.     margin-top: 12px;
  84.     text-align: right;
  85. }
  86.  
  87. .footer-v1 .footer-socials li a {
  88.     color: #777;
  89.     font-size: 16px;
  90. }
  91.  
  92. @media (max-width: 991px) {
  93.     .footer-v1 .copyright,
  94.     .footer-v1 .footer-socials {
  95.         text-align: left;
  96.     }
  97. }

Raw Paste


Login or Register to edit or fork this paste. It's free.