system.theme-rtl.css

RTL styles for common markup.

File

drupal/core/modules/system/system.theme-rtl.css
View source
  1. /**
  2. * @file
  3. * RTL styles for common markup.
  4. */
  5. /**
  6. * HTML elements.
  7. */
  8. th {
  9. text-align: right;
  10. padding-left: 1em;
  11. padding-right: 0;
  12. }
  13. caption {
  14. text-align: right;
  15. }
  16. /**
  17. * Markup generated by theme_item_list().
  18. */
  19. .item-list ul li {
  20. margin: 0 1.5em 0.25em 0;
  21. }
  22. /**
  23. * Markup generated by theme_more_link().
  24. */
  25. .more-link {
  26. text-align: left;
  27. }
  28. /**
  29. * Markup generated by theme_more_help_link().
  30. */
  31. .more-help-link {
  32. text-align: left;
  33. }
  34. .more-help-link a {
  35. background-position: 100% 50%;
  36. padding: 1px 20px 1px 0;
  37. }
  38. /**
  39. * Collapsible details.
  40. */
  41. .collapse-processed > summary:before {
  42. background-position: 100% 100%;
  43. float: right;
  44. }
  45. .collapse-processed:not([open]) > summary:before {
  46. background-position: 75% 35%;
  47. -moz-transform: rotate(90deg);
  48. -ms-transform: rotate(90deg);
  49. -o-transform: rotate(90deg);
  50. -webkit-transform: rotate(90deg);
  51. transform: rotate(90deg);
  52. }
  53. /**
  54. * RTL styles for menus and navigation markup.
  55. */
  56. ul.menu {
  57. margin-left: 0;
  58. margin-right: 1em;
  59. text-align: right;
  60. }
  61. .menu .collapsed {
  62. list-style-image: url(../../misc/menu-collapsed-rtl.png);
  63. }
  64. /**
  65. * Markup generated by theme_menu_local_tasks().
  66. */
  67. .tabs > li {
  68. margin-left: 0.3em;
  69. margin-right: 0;
  70. }
  71. /**
  72. * RTL Styles for link buttons and action links.
  73. */
  74. .action-links li:first-child {
  75. margin-left: auto;
  76. margin-right: 0;
  77. }
  78. a.button.add:before {
  79. margin-left: 0;
  80. margin-right: -0.1em;
  81. padding-left: 0.2em;
  82. padding-right: 0;
  83. }
  84. /**
  85. * RTL Styles for system messages.
  86. */
  87. div.messages {
  88. background-position: 99% 8px;
  89. padding: 10px 50px 10px 10px;
  90. }
  91. div.messages ul {
  92. margin: 0 1em 0 0;
  93. }