Advertisement
Guest User

css

a guest
Jan 13th, 2013
39
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.97 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement