Guest User

Untitled

a guest
Aug 14th, 2018
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.37 KB | None | 0 0
  1. .qmmc .qmdivider {
  2. display:block;
  3. font-size:1px;
  4. border-width:0px;
  5. border-style:solid;
  6. position:relative;
  7. z-index:1;
  8. }
  9. .qmmc .qmdividery {
  10. float:left;
  11. width:0px;
  12. }
  13. .qmmc .qmtitle {
  14. display:block;
  15. cursor:default;
  16. white-space:nowrap;
  17. position:relative;
  18. z-index:1;
  19. }
  20. .qmclear {
  21. font-size:1px;
  22. height:0px;
  23. width:0px;
  24. clear:left;
  25. line-height:0px;
  26. display:block;
  27. float:none !important;
  28. }
  29. .qmmc {
  30. position:relative;
  31. zoom:1;
  32. z-index:10;
  33. }
  34. .qmmc a, .qmmc li {
  35. float:left;
  36. display:block;
  37. white-space:nowrap;
  38. position:relative;
  39. z-index:1;
  40. }
  41. .qmmc div a, .qmmc ul a, .qmmc ul li {
  42. float:none;
  43. }
  44. .qmsh div a {
  45. float:left;
  46. }
  47. .qmmc div {
  48. visibility:hidden;
  49. position:absolute;
  50. }
  51. .qmmc li {
  52. z-index:auto;
  53. }
  54. .qmmc ul {
  55. left:-10000px;
  56. position:absolute;
  57. z-index:10;
  58. }
  59. .qmmc, .qmmc ul {
  60. list-style:none;
  61. padding:0px;
  62. margin:0px;
  63. }
  64. .qmmc li a {
  65. float:none
  66. }
  67. .qmmc li:hover>ul {
  68. left:auto;
  69. }
  70. #qm0 ul {
  71. top:100%;
  72. }
  73. #qm0 ul li:hover>ul {
  74. top:0px;
  75. left:100%;
  76. }
  77. #qm0 a {
  78. padding:5px 4px 5px 5px;
  79. color:#7a7a7a;
  80. /*font-family:Arial;*/
  81. font-size:14px;
  82. font-weight:bold;
  83. text-decoration:none;
  84. background:url(../images/nav-bg.gif) left top repeat-x;
  85. height:30px;
  86. line-height:33px;
  87. }
  88. #qm0 div, #qm0 ul {
  89. padding:2px;
  90. margin:-2px 0px 0px;
  91. background-color:#f7f7f7;
  92. border-width:1px;
  93. border-style:solid;
  94. border-color:#7a7a7a;
  95. }
  96. #qm0 div a, #qm0 ul a {
  97. padding:3px 10px 3px 5px;
  98. background-color:#7a7a7a;
  99. font-size:14px;
  100. border-width:0px;
  101. border-style:none;
  102. height:20px;
  103. line-height:23px;
  104. background:url(../images/nav-bg.gif) left top repeat-y;
  105. color:#7a7a7a;
  106. }
  107. #qm0 div a:hover, #qm0 ul a:hover {
  108. background-color:#cdcdcd;
  109. color:#7a7a7a;
  110. }
  111. body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
  112. background-color:#7a7a7a;
  113. color:#cc0000;
  114. font-weight:bold;
  115. }
  116. #qm0 .qmtitle {
  117. cursor:default;
  118. padding:3px 0px 3px 4px;
  119. color:#7a7a7a;
  120. /*font-family:arial;*/
  121. font-size:14px;
  122. font-weight:bold;
  123. }
  124. #qm0 .qmdividerx {
  125. border-top-width:1px;
  126. margin:4px 0px;
  127. border-color:#bfbfbf;
  128. }
  129. #qm0 .qmdividery {
  130. border-left-width:1px;
  131. height:15px;
  132. margin:4px 2px 0px;
  133. border-color:#555;
  134. }
  135. #qm0 .qmritem span {
  136. border-color:#dadada;
  137. background-color:#f7f7f7;
  138. }
  139. #qm0 .qmritemcontent {
  140. padding:0px 0px 0px 4px;
  141. }
  142.  
  143. <ul id="qm0" class="qmmc">
  144. <li><a href="/" title="Home Page">Home</a>
  145. </li>// no arrow here
  146. <li><a class="qmparent" href="#" title="News">News</a> //here the arrow should appear
  147. <ul>
  148. <li><a href="/news.php?cid=1" title="Coastal News">Coastal News</a>
  149. </li>
  150. <li><a href="/news.php?cid=2" title="State News">State News</a>
  151. </li>
  152. <li><a href="/news.php?cid=3" title="National News">National News</a>
  153. </li>
  154. </ul>
  155. </li>
  156. <li><a class="qmparent" href="#" title="Features">Features</a> //here the arrow should appear
  157. <ul>
  158. <li><a href="/news.php?cid=7" title="Editorial">Editorial</a>
  159. </li>
  160. <li><a href="/news.php?cid=8" title="Special Report">Special Report</a>
  161. </li>
  162. </ul>
  163. </li>
  164.  
  165. .qmmc > li {
  166. margin-right: 12px;
  167. }
  168.  
  169.  
  170. .qmmc > li.has-sub:after {
  171. display: block;
  172. position: absolute;
  173. content: '';
  174. width: 0;
  175. height: 0;
  176. top: 50%;
  177. right: -12px;
  178. border-style: solid;
  179. border-width: 6px 6px 0 6px;
  180. border-color: #000 transparent transparent transparent;
  181. }
  182.  
  183. .qmmc > li {
  184. margin-right: 12px;
  185. }
  186.  
  187. .qmmc > li.has-sub:after {
  188. display: block;
  189. position: absolute;
  190. content: '';
  191. width: 12px;
  192. height: 100%;
  193. top: 0%;
  194. right: -12px;
  195. background: url(PATH/TO/IMAGE/arrow-down.gif) no-repeat center center;
  196. background-size: contain;
  197. }
  198.  
  199. .qmmc li > a:after {
  200. margin-left: 4px;
  201. content: url(link/to/right-arrow.png);
  202. } /* This will be used when you have sub-sub-menus*/
  203.  
  204. .qmmc > li > a:after {
  205. margin-left: 4px;
  206. content: url(link/to/down-arrow.png);
  207. } /* This will be used when you have sub-menus*/
  208.  
  209. .qmmc li > a:only-child:after {
  210. margin-left: 0;
  211. content: '';
  212. } /* This will be used when you have no sub-menus*/
Add Comment
Please, Sign In to add comment