Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Feb 19th, 2012  |  syntax: None  |  size: 1.95 KB  |  views: 42  |  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. #example {
  2.        
  3.         height: 300px;
  4.        
  5. }
  6.  
  7. /*
  8. JQuery Slip Slap Menu Bar CSS
  9. */
  10.  
  11. #slipSlap {
  12.         margin: 0px;
  13.         padding: 0px;
  14.         list-style-type: none;
  15.         position:absolute;
  16.         border-top:2px solid #dedede;
  17. }
  18. #slipSlap li:first-child {
  19.         border-left-width: 1px;
  20.         border-left-style: solid;
  21.         border-left-color: #E4E0D3;
  22. }
  23. #slipSlap li {
  24.         float: left;
  25.         height: 50px;
  26.         width: 136px;
  27.         line-height: 48px;
  28.         text-align: center;
  29.         vertical-align: middle;
  30.         border-right-width: 1px;
  31.         border-right-style: solid;
  32.         border-right-color: #E4E0D3;
  33.         border-bottom-width: 1px;
  34.         border-bottom-style: solid;
  35.         border-bottom-color: #E4E0D3;
  36.         font-family: Tahoma, Geneva, sans-serif;
  37.         font-size: 15px;
  38.         color: #807e76;
  39.         cursor: pointer;
  40. }
  41. #slipSlap li a {
  42.         float: right;
  43.         height: 48px;
  44.         width: 136px;
  45.         display:block;
  46.         line-height: 48px;
  47.         text-align: center;
  48.         vertical-align: middle;
  49.         font-family: Tahoma, Geneva, sans-serif;
  50.         font-size: 15px;
  51.         color: #856C5C;
  52.         background-color: #FFF;
  53.         text-decoration:none;
  54.         text-shadow: 1px 1px 1px rgba(0,0,0,.35);
  55.         background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  56.         background: -moz-linear-gradient(top,  #fff,  #ededed);
  57.         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  58. }
  59. #slipSlap li a:hover {
  60.         border-left-width: 1px;
  61.         border-left-style: solid;
  62.         border-left-color: #EFEDE5;
  63.         border-bottom-width: 2px;
  64.         border-bottom-style: solid;
  65.         border-bottom-color: #ffa311;
  66.         color: #4B4A45;
  67.         background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
  68.         background: -moz-linear-gradient(top,  #fff,  #eaeaea);
  69.         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea');
  70. }
  71. .buttonUnderline {
  72.         border-bottom-width: 2px;
  73.         border-bottom-style: solid;
  74.         border-bottom-color: #ffa311;
  75. }
  76. .buttonSelected {
  77.         border-bottom-width: 2px;
  78.         border-bottom-style: solid;
  79.         border-bottom-color: #ffa311;
  80. }
clone this paste RAW Paste Data