Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. #stickey_footer { /* This will make your footer stay where it is */
  2.    background: none repeat scroll 0 0 #1D1D1D;
  3.    border: 1px solid rgba(0, 0, 0, 0.3);
  4.    bottom: 0;
  5.    font-family: Arial, Helvetica, sans-serif;
  6.    height: 40px;
  7.    left: 50%;
  8.    margin: 0 auto 0 -490px;
  9.    padding: 0 10px;
  10.    position: fixed;
  11.    text-shadow: 1px 1px 1px #000000;
  12.    width: 960px;
  13. }
  14.  
  15. /* border curves */
  16. #stickey_footer {
  17.    -moz-border-radius: 10px 10px 0px 0px;
  18.    -webkit-border-radius: 10px 10px 0px 0px;
  19.     border-radius: 10px 10px 0px 0px;
  20. }
  21.  
  22. /* hover effect */
  23. #stickey_footer:hover {
  24.    background: none repeat scroll 0 0 #2b2a2a;
  25. }
  26.  
  27. /* shadow for the footer*/
  28. #stickey_footer {
  29.    -moz-box-shadow:0px 0px 11px #191919;
  30.    -webkit-box-shadow:0px 0px 11px #191919;
  31.    box-shadow:0px 0px 11px #191919;
  32. }
  33.  
  34. #footer_menu {
  35.    margin: 0;
  36.    padding: 0;
  37.    width:auto;
  38. }
  39.  
  40. #footer_menu li {
  41.    list-style: none;
  42.    float: left;
  43.    font-size:12px;
  44.    padding: 12px 14px 14px 14px;
  45.    border-right:1px solid rgba(0, 0, 0, 0.4);
  46.    background: rgba(0, 0, 0, 0.1);
  47. }
  48.  
  49. #footer_menu .imgmenu {
  50.    padding:5px 8px 3px 14px;
  51.    float:left;
  52.    background:url("“http://1.bp.blogspot.com/-XLLTxGA_jqc/T9rcf8eKSiI/AAAAAAAAFZU/rMZVGE75Nug/s1600/home.png") 13px 5px no-repeat;
  53.    width:36px;
  54.    height:30px;
  55.    border:none;
  56.    border-right:1px solid rgba(0, 0, 0, 0.4);
  57.    cursor:pointer;
  58. }
  59.  
  60. #footer_menu li:hover {
  61.    background:#202020; /* Fallback color for old browsers */
  62.    background: rgba(0, 0, 0, 0.3);
  63. }
  64.  
  65. #footer_menu .imgmenu:hover {
  66.    background:url("http://4.bp.blogspot.com/-E0_4VUI1muE/T9rchPsIuDI/AAAAAAAAFZc/sWD2KAI4d6U/s1600/home_hover.png") 13px 5px no-repeat;
  67.  
  68. }
  69.  
  70. #footer_menu li a {
  71.    display: block;
  72.    color: #cccccc;
  73.    text-decoration: none;
  74. }
  75.  
  76. #footer_menu li a:hover {
  77.    color: #ffffff;
  78. }
  79.  
  80. #footer_menu li span {
  81.    display:none;
  82. }
  83.  
  84. #stickey_footer #social_icons {
  85.    float:right; /* social icons positions */
  86.    width:auto;
  87.    margin:5px 15px 0px;
  88.    padding:0px;
  89.    overflow:hidden;
  90. }
  91.  
  92. #stickey_footer #social_icons li {
  93.    margin-right:12px; /* 12px is the space between each one of them */
  94.    float:left;
  95.    width:24px;
  96.    padding:0px;
  97.    height:32px;
  98.    list-style:none;
  99.    _margin-right:0px; /* this is for IE6 only */
  100.  }