You are here

style-rtl.css in Admin 6

body.admin { background:#eee url(page.png) 100% 0px repeat-y; }
.limiter { padding:0px 180px 0px 20px; }

/**
 * Generic ============================================================
 */
#content ul li,
#content dl dd,
#content dl dl {
  margin-left:0px;
  margin-right:20px;
  }

/**
 * Branding ===========================================================
 */
#branding h1.site-name {
  left:auto;
  right:20px;
  }

#branding div.right {
  left:20px;
  right:auto;
  }

#branding div.breadcrumb,
#branding div.block,
#branding div.block form div.form-item { float:right; }

#branding div.block form input.form-text { margin-left:10px; }

/**
 * Breadcrumbs ========================================================
 */
div.breadcrumb a { padding:0px 0px 0px 10px; }

/**
 * Help ===============================================================
 */
a.help-toggle {
  float:right;
  margin:5px 0px 0px 10px;
  }

#help div.help-label { left:90%; }

#help div.more-help-link { text-align:left; }

/**
 * Page title =========================================================
 */
#page-title h2.page-title { float:right; }

#page-title a.subnav-toggle {
  float:right;
  margin-left:10px;
  margin-right:0px;
  }

#page-title div.tools {
  padding-left:10px;
  float:left;
  }

/**
 * Tabs ===============================================================
 */
ul.tabs li {
  float:right;
  padding-left:1px;
  }

ul.primary { float:left; }

ul.tabs li a,
ul.tabs li a:hover,
ul.tabs li.active a,
ul.tabs li.active a.active { float:right; }

/**
 * Page layout ========================================================
 */
#page {
  padding-right:180px;
  padding-left:0px;
  }

#primary-links {
  right:20px;
  left:0px;
  }

  #primary-links ul.links li a { padding:5px 5px 4px 0px; }

  #primary-links ul.links li.active-trail a,
  #primary-links ul.links li a.active {
    background:#111 url(sprite.png) 0% -120px no-repeat;
    }

#secondary-links {
  right:180px;
  left:0px;
  padding:10px 10px 0px 0px;
  }

#content ul.menu li,
#content ul.menu li a,
#secondary-links ul.links li,
#secondary-links ul.links li a { float:right; }

#content ul.menu li,
#secondary-links ul.links li { padding:0px 0px 10px 10px; }

#content ul.node-type-list li,
#content ul.admin-list li {
  padding-right:40px;
  margin-right:0px;
  }

  #content ul.admin-list li a span.icon {
    right:0px;
    left:100%;
    }

  #content ul.node-type-list li {
    padding-left:0px;
    padding-right:0px;
    background:transparent;
    }

/**
 * Tables =============================================================
 */
table.system-status-report th { padding-right:30px; }

/**
 * Pagers =============================================================
 */
#content div.item-list ul.pager { padding-left:80px; }

#content ul.pager li,
#content ul.pager li a { float:right; }

  #content ul.pager li { border-left:1px solid #ccc; }

  #content ul.pager li.pager-next,
  #content ul.pager li.pager-last {
    border-right:1px solid #ccc;
    border-left:0px;
    float:left;
    }

  /* This whole portion is to accommodate the correct order of next/last pager links. */
  #content ul.pager li.last { position:absolute; left:0px; right:100%; }

/**
 * Node forms =========================================================
 */
div.node-form div.left { float:right; }
div.node-form div.right { float:left; }
div.node-form div.main { padding-left:20px; }

/**
 * System =============================================================
 */

/* admin/content/node & admin/user/user */
#content dl.multiselect,
#content dl.multiselect dt,
#content dl.multiselect dd { margin:0px 0px 0px 10px; }

div.admin-options label,
div.admin-options div.form-item {
  margin-left:10px;
  float:right;
  }

File

theme/style-rtl.css
View source
  1. body.admin { background:#eee url(page.png) 100% 0px repeat-y; }
  2. .limiter { padding:0px 180px 0px 20px; }
  3. /**
  4. * Generic ============================================================
  5. */
  6. #content ul li,
  7. #content dl dd,
  8. #content dl dl {
  9. margin-left:0px;
  10. margin-right:20px;
  11. }
  12. /**
  13. * Branding ===========================================================
  14. */
  15. #branding h1.site-name {
  16. left:auto;
  17. right:20px;
  18. }
  19. #branding div.right {
  20. left:20px;
  21. right:auto;
  22. }
  23. #branding div.breadcrumb,
  24. #branding div.block,
  25. #branding div.block form div.form-item { float:right; }
  26. #branding div.block form input.form-text { margin-left:10px; }
  27. /**
  28. * Breadcrumbs ========================================================
  29. */
  30. div.breadcrumb a { padding:0px 0px 0px 10px; }
  31. /**
  32. * Help ===============================================================
  33. */
  34. a.help-toggle {
  35. float:right;
  36. margin:5px 0px 0px 10px;
  37. }
  38. #help div.help-label { left:90%; }
  39. #help div.more-help-link { text-align:left; }
  40. /**
  41. * Page title =========================================================
  42. */
  43. #page-title h2.page-title { float:right; }
  44. #page-title a.subnav-toggle {
  45. float:right;
  46. margin-left:10px;
  47. margin-right:0px;
  48. }
  49. #page-title div.tools {
  50. padding-left:10px;
  51. float:left;
  52. }
  53. /**
  54. * Tabs ===============================================================
  55. */
  56. ul.tabs li {
  57. float:right;
  58. padding-left:1px;
  59. }
  60. ul.primary { float:left; }
  61. ul.tabs li a,
  62. ul.tabs li a:hover,
  63. ul.tabs li.active a,
  64. ul.tabs li.active a.active { float:right; }
  65. /**
  66. * Page layout ========================================================
  67. */
  68. #page {
  69. padding-right:180px;
  70. padding-left:0px;
  71. }
  72. #primary-links {
  73. right:20px;
  74. left:0px;
  75. }
  76. #primary-links ul.links li a { padding:5px 5px 4px 0px; }
  77. #primary-links ul.links li.active-trail a,
  78. #primary-links ul.links li a.active {
  79. background:#111 url(sprite.png) 0% -120px no-repeat;
  80. }
  81. #secondary-links {
  82. right:180px;
  83. left:0px;
  84. padding:10px 10px 0px 0px;
  85. }
  86. #content ul.menu li,
  87. #content ul.menu li a,
  88. #secondary-links ul.links li,
  89. #secondary-links ul.links li a { float:right; }
  90. #content ul.menu li,
  91. #secondary-links ul.links li { padding:0px 0px 10px 10px; }
  92. #content ul.node-type-list li,
  93. #content ul.admin-list li {
  94. padding-right:40px;
  95. margin-right:0px;
  96. }
  97. #content ul.admin-list li a span.icon {
  98. right:0px;
  99. left:100%;
  100. }
  101. #content ul.node-type-list li {
  102. padding-left:0px;
  103. padding-right:0px;
  104. background:transparent;
  105. }
  106. /**
  107. * Tables =============================================================
  108. */
  109. table.system-status-report th { padding-right:30px; }
  110. /**
  111. * Pagers =============================================================
  112. */
  113. #content div.item-list ul.pager { padding-left:80px; }
  114. #content ul.pager li,
  115. #content ul.pager li a { float:right; }
  116. #content ul.pager li { border-left:1px solid #ccc; }
  117. #content ul.pager li.pager-next,
  118. #content ul.pager li.pager-last {
  119. border-right:1px solid #ccc;
  120. border-left:0px;
  121. float:left;
  122. }
  123. /* This whole portion is to accommodate the correct order of next/last pager links. */
  124. #content ul.pager li.last { position:absolute; left:0px; right:100%; }
  125. /**
  126. * Node forms =========================================================
  127. */
  128. div.node-form div.left { float:right; }
  129. div.node-form div.right { float:left; }
  130. div.node-form div.main { padding-left:20px; }
  131. /**
  132. * System =============================================================
  133. */
  134. /* admin/content/node & admin/user/user */
  135. #content dl.multiselect,
  136. #content dl.multiselect dt,
  137. #content dl.multiselect dd { margin:0px 0px 0px 10px; }
  138. div.admin-options label,
  139. div.admin-options div.form-item {
  140. margin-left:10px;
  141. float:right;
  142. }