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

css

By: a guest on Jan 13th, 2013  |  syntax: CSS  |  size: 1.97 KB  |  hits: 6  |  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.  
  2. .megaWrapper{
  3.         position: relative;
  4.         float:left;
  5.         width: 980px;
  6.         font-size:      10px;
  7.         line-height: 10px;
  8.         margin-top: 10px;
  9.         margin-left: 10px;
  10.         margin-bottom: 20px;
  11.         z-index:                99;
  12. }
  13.  
  14. .megaWrapper ul{
  15.         position: relative;
  16.         z-index:                98;
  17.         margin: 0;
  18.         padding: 0;
  19.         list-style-type: none;
  20.         -moz-box-shadow: 0px 0px 8px #ddd;
  21.         -webkit-box-shadow: 0px 0px 8px #ddd;
  22.         box-shadow: 0px 0px 8px #ddd;
  23. }
  24.        
  25. .megaWrapper ul li{
  26.         position: relative;
  27.         display: inline;
  28.         float: left;
  29.         padding-bottom: 20px;
  30.  
  31. }
  32.  
  33. .megaWrapper ul li a{
  34.         display: block;
  35.         padding: 0px 15px;
  36.         text-decoration: none;
  37.         border-right: 1px dashed #ccc;
  38.         overflow: hidden;
  39. }
  40.  
  41. * html .megaWrapper ul li a{
  42.         display: inline-block;
  43. }
  44.  
  45. .megaWrapper ul ul{
  46.         border-top: 1px solid #ccc;
  47. }
  48.        
  49. .megaWrapper ul li ul{
  50.         position: absolute;
  51.         left: 0;
  52.         display: block;
  53.         visibility: hidden;
  54. }
  55.  
  56. .megaWrapper ul li ul li{
  57.         display: list-item;
  58.         float: none;
  59.         padding-bottom: 0;
  60. }
  61.  
  62. .megaWrapper ul li ul li ul{
  63.         top: 0;
  64. }
  65.  
  66. .megaWrapper ul li ul li a{
  67.         width: 201px;
  68.         padding: 5px;
  69.         padding-left: 15px;
  70.         margin: 0;
  71.         border-top-width: 0;
  72. }
  73.  
  74. .megaWrapper li li:hover ul,
  75. .megaWrapper li li li:hover ul {
  76.         margin: -1px 0 0 -1px;
  77. }
  78.  
  79. .megaWrapper li{
  80.         line-height: 1.8em;
  81. font-size: 1.8em;
  82. }
  83.  
  84. .megaWrapper ul li a{
  85.         background-color: #ffffff;
  86. }
  87.  
  88. .megaWrapper ul li a:link, .megaWrapper ul li a:visited{
  89.         color: #333;
  90. }
  91.  
  92. .megaWrapper ul li a:hover{
  93.         color: #12a1ff;
  94. }
  95.  
  96. .megaWrapper ul li ul li a{
  97.         border-bottom: 1px solid #ccc;
  98.         border-left: 1px solid #ccc;
  99.         border-right: 1px solid #ccc;  
  100. }
  101.  
  102. .megaWrapper ul li ul li a:hover{
  103.         color: #12a1ff;
  104.         text-shadow: 1px 1px 0px #fff;
  105.         background: #eee;
  106.     background: -moz-linear-gradient(top, #fff, #eee);
  107.     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  108.     filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0);
  109. }
create a new version of this paste RAW Paste Data