Don't like ads? PRO users don't see any ads ;-)
Public Pastes

blogjunkie.net custom.css for fat footer widget areas

By: blogjunkie on Apr 25th, 2011  |  syntax: CSS  |  size: 0.90 KB  |  hits: 616  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* Fat footer widget area */
  2.  
  3. #footer-widgets-wrapper {
  4.         border-top: 5px solid #F7951D;
  5.         background: #333333;
  6.         color: #DEDEDE;
  7.         font-family: "Lucida Grande", Helvetica, sans-serif;
  8.         font-size: 12px;
  9.         width: 100%;
  10.         position: relative;
  11. }
  12.  
  13. #footer-widgets {
  14.         width: 740px;
  15.         margin: 20px auto;
  16. }
  17.  
  18. .footer-widgets-column {
  19.         float: left;
  20.         width: 220px;
  21.         margin-right: 40px;
  22. }
  23.  
  24. #footer-widgets-3 {
  25.         margin: 0;
  26. }
  27.  
  28. .footer-item {
  29.         float: left;
  30.         width: 100%;
  31.         margin-bottom: 20px;
  32. }
  33.  
  34. .footer-item span.widget-title {
  35.         font-family: Georgia, serif;
  36.         font-size: 24px;
  37.         margin: 12px 0;
  38.         border: 0;
  39. }
  40.  
  41. .footer-item h2,
  42. .footer-item h3 {
  43.         font-size: 16px;
  44.         margin: 12px 0 8px;
  45. }
  46.  
  47. #footer-widgets a {
  48.         color: #F7951D;
  49. }
  50.  
  51. .footer-item li {
  52.         line-height: 1.4;
  53.         margin-bottom: 6px;
  54. }
  55.  
  56. a#more {
  57.         position: absolute;
  58.         top: 10px;
  59.         right: 30px;
  60.         color: #FFF;
  61.         text-decoration: none;
  62. }
create a new version of this paste RAW Paste Data