blogjunkie

blogjunkie.net custom.css for fat footer widget areas

Apr 25th, 2011
788
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.90 KB | None | 0 0
  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. }
Add Comment
Please, Sign In to add comment