You are here

Home » API reference » Nice Menus 8

nice_menus_default-rtl.css in Nice Menus 8 

ul.nice-menu,
ul.nice-menu ul {
  border-top: 1px solid #ccc;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.nice-menu li {
  background-color: #eee;
  border: 1px solid #ccc;
  border-top: 0;
  float: right;
}

ul.nice-menu a {
  padding: 0.3em 5px 0.3em 5px;
}

ul.nice-menu ul {
  border: 0;
  border-top: 1px solid #ccc;
  margin-left: 0;
  right: -1px;
  top: 1.8em;
}

ul.nice-menu ul li {
  width: 12.5em;
}

ul.nice-menu-right,
ul.nice-menu-left,
ul.nice-menu-right li,
ul.nice-menu-left li {
  width: 12.5em;
}

ul.nice-menu-right ul {
  right: 12.5em;
  top: -1px;
  width: 12.5em;
}

ul.nice-menu-right ul ul {
  right: 12.5em;
  top: -1px;
  width: 12.5em;
}

ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
  background: #eee url("../images/arrow-right.png") right center no-repeat;
}

ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
  background: #ccc url("../images/arrow-right.png") right center no-repeat;
}

ul.nice-menu-left li ul {
  right: 12.60em;
  top: -1px;
  width: 12.5em;
}

ul.nice-menu-left li ul li ul {
  right: 12.60em;
  top: -1px;
  width: 12.5em;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
  background: #eee url("../images/arrow-left.png") left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
  background: #ccc url("../images/arrow-left.png") left center no-repeat;
}

ul.nice-menu-left a,
ul.nice-menu-left ul a {
  padding-right: 14px;
}

ul.nice-menu-down {
  border: 0;
  float: right;
}

ul.nice-menu-down li {
  border-top: 1px solid #ccc;
}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
  right: 0;
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul {
  right: 12.5em;
  top: -1px;
}

ul.nice-menu-down .menuparent a {
  padding-left: 15px;
}

ul.nice-menu-down li.menuparent {
  background: #eee url("../images/arrow-down.png") right center no-repeat;
}

ul.nice-menu-down li.menuparent:hover {
  background: #ccc url("../images/arrow-down.png") right center no-repeat;
}

ul.nice-menu-down li li.menuparent {
  background: #eee url("../images/arrow-right.png") right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover {
  background: #ccc url("../images/arrow-right.png") right center no-repeat;
}

ul.nice-menu li {
  background-image: none;
  margin: 0;
  padding-right: 0;
}

#header-region ul.nice-menu li {
  background: #eee;
  margin: 0;
  padding-bottom: 0.1em;
  padding-top: 0.1em;
}

#header-region ul.nice-menu ul {
  border: 0;
  border-top: 1px solid #ccc;
  margin-left: 0;
  right: -1px;
  top: 1.8em;
}

#header-region ul.nice-menu ul {
  top: 1.7em;
}

#header-region ul.nice-menu-down li ul li ul {
  right: 12.5em;
  top: -1px;
}

#header-region ul.nice-menu-down li.menuparent {
  background: #eee url("../images/arrow-down.png") right center no-repeat;
}

#header-region ul.nice-menu-down li.menuparent:hover {
  background: #ccc url("../images/arrow-down.png") right center no-repeat;
}

#header-region ul.nice-menu-down li li.menuparent {
  background: #eee url("../images/arrow-right.png") right center no-repeat;
}

#header-region ul.nice-menu-down li li.menuparent:hover {
  background: #ccc url("../images/arrow-right.png") right center no-repeat;
}

File

libraries/css/nice_menus_default-rtl.css
View source 
  1. ul.nice-menu,

  2. ul.nice-menu ul {

  3.   border-top: 1px solid #ccc;

  4.   list-style: none;

  5.   margin: 0;

  6.   padding: 0;

  7. }

  8. 

  9. ul.nice-menu li {

  10.   background-color: #eee;

  11.   border: 1px solid #ccc;

  12.   border-top: 0;

  13.   float: right;

  14. }

  15. 

  16. ul.nice-menu a {

  17.   padding: 0.3em 5px 0.3em 5px;

  18. }

  19. 

  20. ul.nice-menu ul {

  21.   border: 0;

  22.   border-top: 1px solid #ccc;

  23.   margin-left: 0;

  24.   right: -1px;

  25.   top: 1.8em;

  26. }

  27. 

  28. ul.nice-menu ul li {

  29.   width: 12.5em;

  30. }

  31. 

  32. ul.nice-menu-right,

  33. ul.nice-menu-left,

  34. ul.nice-menu-right li,

  35. ul.nice-menu-left li {

  36.   width: 12.5em;

  37. }

  38. 

  39. ul.nice-menu-right ul {

  40.   right: 12.5em;

  41.   top: -1px;

  42.   width: 12.5em;

  43. }

  44. 

  45. ul.nice-menu-right ul ul {

  46.   right: 12.5em;

  47.   top: -1px;

  48.   width: 12.5em;

  49. }

  50. 

  51. ul.nice-menu-right li.menuparent,

  52. ul.nice-menu-right li li.menuparent {

  53.   background: #eee url("../images/arrow-right.png") right center no-repeat;

  54. }

  55. 

  56. ul.nice-menu-right li.menuparent:hover,

  57. ul.nice-menu-right li li.menuparent:hover {

  58.   background: #ccc url("../images/arrow-right.png") right center no-repeat;

  59. }

  60. 

  61. ul.nice-menu-left li ul {

  62.   right: 12.60em;

  63.   top: -1px;

  64.   width: 12.5em;

  65. }

  66. 

  67. ul.nice-menu-left li ul li ul {

  68.   right: 12.60em;

  69.   top: -1px;

  70.   width: 12.5em;

  71. }

  72. 

  73. ul.nice-menu-left li.menuparent,

  74. ul.nice-menu-left li li.menuparent {

  75.   background: #eee url("../images/arrow-left.png") left center no-repeat;

  76. }

  77. 

  78. ul.nice-menu-left li.menuparent:hover,

  79. ul.nice-menu-left li li.menuparent:hover {

  80.   background: #ccc url("../images/arrow-left.png") left center no-repeat;

  81. }

  82. 

  83. ul.nice-menu-left a,

  84. ul.nice-menu-left ul a {

  85.   padding-right: 14px;

  86. }

  87. 

  88. ul.nice-menu-down {

  89.   border: 0;

  90.   float: right;

  91. }

  92. 

  93. ul.nice-menu-down li {

  94.   border-top: 1px solid #ccc;

  95. }

  96. 

  97. ul.nice-menu-down li li {

  98.   border-top: 0;

  99. }

  100. 

  101. ul.nice-menu-down ul {

  102.   right: 0;

  103. }

  104. 

  105. ul.nice-menu-down ul li {

  106.   clear: both;

  107. }

  108. 

  109. ul.nice-menu-down li ul li ul {

  110.   right: 12.5em;

  111.   top: -1px;

  112. }

  113. 

  114. ul.nice-menu-down .menuparent a {

  115.   padding-left: 15px;

  116. }

  117. 

  118. ul.nice-menu-down li.menuparent {

  119.   background: #eee url("../images/arrow-down.png") right center no-repeat;

  120. }

  121. 

  122. ul.nice-menu-down li.menuparent:hover {

  123.   background: #ccc url("../images/arrow-down.png") right center no-repeat;

  124. }

  125. 

  126. ul.nice-menu-down li li.menuparent {

  127.   background: #eee url("../images/arrow-right.png") right center no-repeat;

  128. }

  129. 

  130. ul.nice-menu-down li li.menuparent:hover {

  131.   background: #ccc url("../images/arrow-right.png") right center no-repeat;

  132. }

  133. 

  134. ul.nice-menu li {

  135.   background-image: none;

  136.   margin: 0;

  137.   padding-right: 0;

  138. }

  139. 

  140. #header-region ul.nice-menu li {

  141.   background: #eee;

  142.   margin: 0;

  143.   padding-bottom: 0.1em;

  144.   padding-top: 0.1em;

  145. }

  146. 

  147. #header-region ul.nice-menu ul {

  148.   border: 0;

  149.   border-top: 1px solid #ccc;

  150.   margin-left: 0;

  151.   right: -1px;

  152.   top: 1.8em;

  153. }

  154. 

  155. #header-region ul.nice-menu ul {

  156.   top: 1.7em;

  157. }

  158. 

  159. #header-region ul.nice-menu-down li ul li ul {

  160.   right: 12.5em;

  161.   top: -1px;

  162. }

  163. 

  164. #header-region ul.nice-menu-down li.menuparent {

  165.   background: #eee url("../images/arrow-down.png") right center no-repeat;

  166. }

  167. 

  168. #header-region ul.nice-menu-down li.menuparent:hover {

  169.   background: #ccc url("../images/arrow-down.png") right center no-repeat;

  170. }

  171. 

  172. #header-region ul.nice-menu-down li li.menuparent {

  173.   background: #eee url("../images/arrow-right.png") right center no-repeat;

  174. }

  175. 

  176. #header-region ul.nice-menu-down li li.menuparent:hover {

  177.   background: #ccc url("../images/arrow-right.png") right center no-repeat;

  178. }