Advertisement
Guest User

Untitled

a guest
Apr 2nd, 2015
246
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.37 KB | None | 0 0
  1. .jqueryslidemenu{
  2. font: bold 12px Verdana;
  3. background: #414141;
  4. width: 100%;
  5.  
  6. }
  7.  
  8. .jqueryslidemenu ul{
  9. margin: 0;
  10. padding: 0;
  11. list-style-type: none;
  12. }
  13.  
  14. /*Top level list items*/
  15. .jqueryslidemenu ul li{
  16. position: relative;
  17. display: inline;
  18. float: left;
  19. }
  20.  
  21. /*Top level menu link items style*/
  22. .jqueryslidemenu ul li a{
  23. display: block;
  24. background: #414141; /*background of tabs (default state)*/
  25. color: white;
  26. padding: 8px 10px;
  27. border-right: 1px solid #778;
  28. color: #2d2b2b;
  29. text-decoration: none;
  30. }
  31.  
  32. * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
  33. display: inline-block;
  34. }
  35.  
  36. .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
  37. color: white;
  38. }
  39.  
  40. .jqueryslidemenu ul li a:hover{
  41. background: black; /*tab link background during hover state*/
  42. color: white;
  43. }
  44.  
  45. /*1st sub level menu*/
  46. .jqueryslidemenu ul li ul{
  47. position: absolute;
  48. left: 0;
  49. display: block;
  50. visibility: hidden;
  51. }
  52.  
  53. /*Sub level menu list items (undo style from Top level List Items)*/
  54. .jqueryslidemenu ul li ul li{
  55. display: list-item;
  56. float: none;
  57. }
  58.  
  59. /*All subsequent sub menu levels vertical offset after 1st level sub menu */
  60. .jqueryslidemenu ul li ul li ul{
  61. top: 0;
  62. }
  63.  
  64. /* Sub level menu links style */
  65. .jqueryslidemenu ul li ul li a{
  66. font: normal 13px Verdana;
  67. width: 160px; /*width of sub menus*/
  68. padding: 5px;
  69. margin: 0;
  70. border-top-width: 0;
  71. border-bottom: 1px solid gray;
  72. }
  73.  
  74. .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
  75. background: #eff9ff;
  76. color: black;
  77. }
  78.  
  79. /* ######### CSS classes applied to down and right arrow images ######### */
  80.  
  81. .downarrowclass{
  82. position: absolute;
  83. top: 12px;
  84. right: 7px;
  85. }
  86.  
  87. .rightarrowclass{
  88. position: absolute;
  89. top: 6px;
  90. right: 5px;
  91. }
  92.  
  93. .clearfix::after, .container::after {
  94. clear: both;
  95. content: " ";
  96. display: block;
  97. height: 0;
  98. overflow: hidden;
  99. visibility: hidden;
  100. }
  101. .clearfix, .container {
  102. display: block;
  103. }
  104. .container {
  105. margin: 0 auto;
  106. width: 100%;
  107. }
  108. body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  109. border: 0 none;
  110. font: inherit;
  111. padding: 0;
  112. vertical-align: baseline;
  113. }
  114. body {
  115. color: #555;
  116. }
  117. body:not([id]) {
  118. cursor: auto !important;
  119. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement