You are here

Home » API reference » Nice Menus 6.2

nice_menus_default-rtl.css in Nice Menus 6.2

Same filename and directory in other branches
  1. 7.3 css/nice_menus_default-rtl.css
  2. 7.2 css/nice_menus_default-rtl.css
/*
  This is the default overrides for nice menu to work with right-to-left
  languages (RTL). The major change, compared to the regular
  nice_menus_default.css file, is that horizontal menus float the items to
  the right and open the sub menus to the left.
*/

/******************************
 Global CSS for ALL menu types
******************************/

ul.nice-menu li {
  float: right;
}

ul.nice-menu ul {
  left: auto;
  right: -1px;
  margin-left: 0;
}

/* Fix vertical menus position */
ul.nice-menu-left ul,
ul.nice-menu-right ul {
  right: auto;
}

/******************************
 HORIZONTAL (down) menus
******************************/

/* IE6 doesn't correctly calculate the width of a floated element that contains right floated elements. */
ul.nice-menu-down {
  float: none;
}

ul.nice-menu-down ul {
  left: auto;
  right: 0;
  width: 12.5em;
}

ul.nice-menu-down li ul li ul {
  left: auto;
  right: 12.5em;
}

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

ul.nice-menu-down li.menuparent {
  background-position: left center;
}

ul.nice-menu-down li.menuparent:hover {
  background-position: left center;
}

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

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

/******************************
 Garland-specific CSS
******************************/

/**
 * Global CSS for ALL menu types
*/
ul.nice-menu li {
  padding-right: 0;
}

#header-region ul.nice-menu ul {
  left: auto;
  right: -1px;
  margin-left: 0;
}

/**
 * HORIZONTAL (down) menus
*/
#header-region ul.nice-menu-down li ul li ul {
  left: auto;
  right: 12.5em;
}

#header-region ul.nice-menu-down li.menuparent {
  background-position: left center;
}

#header-region ul.nice-menu-down li.menuparent:hover {
  background-position: left center;
}

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

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

File

css/nice_menus_default-rtl.css
View source 
  1. /*

  2.   This is the default overrides for nice menu to work with right-to-left

  3.   languages (RTL). The major change, compared to the regular

  4.   nice_menus_default.css file, is that horizontal menus float the items to

  5.   the right and open the sub menus to the left.

  6. */

  7. 

  8. /******************************

  9.  Global CSS for ALL menu types

  10. ******************************/

  11. 

  12. ul.nice-menu li {

  13.   float: right;

  14. }

  15. 

  16. ul.nice-menu ul {

  17.   left: auto;

  18.   right: -1px;

  19.   margin-left: 0;

  20. }

  21. 

  22. /* Fix vertical menus position */

  23. ul.nice-menu-left ul,

  24. ul.nice-menu-right ul {

  25.   right: auto;

  26. }

  27. 

  28. /******************************

  29.  HORIZONTAL (down) menus

  30. ******************************/

  31. 

  32. /* IE6 doesn't correctly calculate the width of a floated element that contains right floated elements. */

  33. ul.nice-menu-down {

  34.   float: none;

  35. }

  36. 

  37. ul.nice-menu-down ul {

  38.   left: auto;

  39.   right: 0;

  40.   width: 12.5em;

  41. }

  42. 

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

  44.   left: auto;

  45.   right: 12.5em;

  46. }

  47. 

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

  49.   padding-right: 5px;

  50.   padding-left: 15px;

  51. }

  52. 

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

  54.   background-position: left center;

  55. }

  56. 

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

  58.   background-position: left center;

  59. }

  60. 

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

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

  63. }

  64. 

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

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

  67. }

  68. 

  69. /******************************

  70.  Garland-specific CSS

  71. ******************************/

  72. 

  73. /**

  74.  * Global CSS for ALL menu types

  75. */

  76. ul.nice-menu li {

  77.   padding-right: 0;

  78. }

  79. 

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

  81.   left: auto;

  82.   right: -1px;

  83.   margin-left: 0;

  84. }

  85. 

  86. /**

  87.  * HORIZONTAL (down) menus

  88. */

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

  90.   left: auto;

  91.   right: 12.5em;

  92. }

  93. 

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

  95.   background-position: left center;

  96. }

  97. 

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

  99.   background-position: left center;

  100. }

  101. 

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

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

  104. }

  105. 

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

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

  108. }