style-rtl.css

Same filename in this branch
  1. 7.x themes/garland/style-rtl.css
  2. 7.x themes/bartik/css/style-rtl.css
/**
 * Generic elements.
 */
dl dd,
dl dl {
  margin-right: 20px;
}
ul,
.block ul,
.item-list ul {
  margin: 0.25em 1.5em 0.25em 0;
}
ol {
  margin: 0.25em 2em 0.25em 0;
}

/**
 * Skip link.
 */
#skip-link {
  right: 50%;
  margin-right: -5.25em;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  padding: 1px 10px 2px 10px;
}

/**
 * Branding.
 */
#branding {
  padding: 20px 20px 0 20px;
}

#branding div.block {
  float: left;
  padding-left: 0;
  padding-right: 10px;
}
#branding div.block form div.form-item {
  float: right;
}
#branding div.block form input.form-text {
  margin-left: 10px;
  margin-right: 0;
}

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

/**
 * Page title.
 */
#branding h1.page-title {
  float: right;
}

/**
 * Tabs.
 */
ul.primary li,
ul.primary li a:link,
ul.primary li a.active {
  float: right;
}
ul.primary,
ul.secondary {
  float: left;
}
ul.secondary li {
 float: none;
}
ul.primary {
 padding-top: 0;
}

/**
 * Page layout.
 */
#page {
  padding: 20px 0 40px 0;
  margin-left: 40px;
  margin-right: 40px;
}
#secondary-links ul.links li {
  padding: 0 0 10px 10px;
}
ul.links li,
ul.inline li {
  padding-left: 1em;
  padding-right: 0;
}
ul.admin-list li {
  padding: 9px 30px 0 0;
  margin-right: 0;
  background: url(images/list-item-rtl.png) no-repeat right 11px;
}
ul.admin-list li a {
  margin-right: -30px;
  margin-left: 0;
  padding: 0 30px 4px 0;
}
ul.admin-list.compact li a {
  margin-right: 0;
}
ul.admin-list li div.description a {
  margin-right: 0;
}

/**
 * Tables.
 */
table th.active a {
  padding: 0 0 0 25px;
}
table th.active img {
  left: 3px;
  right: auto;
}
/**
 * Exception for webkit bug with the right border of the last cell
 * in some tables, since it's webkit only, we can use :last-child
 */
tr td:last-child {
  border-left: 1px solid #bebfb9;
  border-right: none;
}

/**
 * Fieldsets.
 */
fieldset {
  padding: 2.5em 0 0 0;
}
fieldset .fieldset-legend {
  padding-right: 15px;
  right: 0;
}
fieldset .fieldset-wrapper {
  padding: 0 15px 13px 13px;
}

/* Filter */
.filter-wrapper .form-item,
.filter-wrapper .filter-guidelines,
.filter-wrapper .filter-help {
  padding: 2px 0 0 0;
}
ul.tips li {
  margin: 0.25em 1.5em 0.25em 0;
}
body div.form-type-radio div.description,
body div.form-type-checkbox div.description {
  margin-left: 0;
  margin-right: 1.5em;
}
input.form-submit,
a.button {
  margin-left: 1em;
  margin-right: 0;
}
ul.action-links li {
  float: right;
  margin: 0 0 0 1em;
}
ul.action-links a {
  padding-left: 0;
  padding-right: 15px;
  background-position: right center;
}

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

/* Maintenance theming */
body.in-maintenance #sidebar-first {
  float: right;
}
body.in-maintenance #content {
  float: left;
  padding-left: 20px;
  padding-right: 0;
}
ol.task-list {
  margin-right: 0;
}
ol.task-list li {
  padding: 0.5em 20px 0.5em 1em;
}
ol.task-list li.active {
  background: transparent url(images/task-item-rtl.png) no-repeat right 50%;
  padding: 0.5em 20px 0.5em 1em;
}

/* Overlay theming */
.overlay #branding div.breadcrumb {
  float: right;
}
.overlay ul.secondary {
  margin: -1.4em 0 0.3em 0;
}

/* Shortcut theming */
div.add-or-remove-shortcuts {
  float: none;
  padding-left: 0;
  padding-right: 6px;
}

/* Dashboard */
#dashboard div.block div.content {
  padding: 10px 5px 5px 5px;
}
#dashboard div.block div.content ul.menu {
  margin-right: 20px;
}

/* Recent content block */
#block-node-recent .more-link {
  padding: 0 0 5px 5px;
}

/* User login block */
#user-login-form .openid-links {
  margin-right: 0;
}
#user-login-form .openid-links .user-link {
  margin-right: 1.5em;
}

File

View on git.drupalcode.org

themes/seven/style-rtl.css

View source 
  1. 

  2. /**

  3.  * Generic elements.

  4.  */

  5. dl dd,

  6. dl dl {

  7.   margin-right: 20px;

  8. }

  9. ul,

  10. .block ul,

  11. .item-list ul {

  12.   margin: 0.25em 1.5em 0.25em 0;

  13. }

  14. ol {

  15.   margin: 0.25em 2em 0.25em 0;

  16. }

  17. 

  18. /**

  19.  * Skip link.

  20.  */

  21. #skip-link {

  22.   right: 50%;

  23.   margin-right: -5.25em;

  24. }

  25. #skip-link a,

  26. #skip-link a:link,

  27. #skip-link a:visited {

  28.   padding: 1px 10px 2px 10px;

  29. }

  30. 

  31. /**

  32.  * Branding.

  33.  */

  34. #branding {

  35.   padding: 20px 20px 0 20px;

  36. }

  37. 

  38. #branding div.block {

  39.   float: left;

  40.   padding-left: 0;

  41.   padding-right: 10px;

  42. }

  43. #branding div.block form div.form-item {

  44.   float: right;

  45. }

  46. #branding div.block form input.form-text {

  47.   margin-left: 10px;

  48.   margin-right: 0;

  49. }

  50. 

  51. /**

  52.  * Help.

  53.  */

  54. #help div.more-help-link {

  55.   text-align: left;

  56. }

  57. 

  58. /**

  59.  * Page title.

  60.  */

  61. #branding h1.page-title {

  62.   float: right;

  63. }

  64. 

  65. /**

  66.  * Tabs.

  67.  */

  68. ul.primary li,

  69. ul.primary li a:link,

  70. ul.primary li a.active {

  71.   float: right;

  72. }

  73. ul.primary,

  74. ul.secondary {

  75.   float: left;

  76. }

  77. ul.secondary li {

  78.  float: none;

  79. }

  80. ul.primary {

  81.  padding-top: 0;

  82. }

  83. 

  84. /**

  85.  * Page layout.

  86.  */

  87. #page {

  88.   padding: 20px 0 40px 0;

  89.   margin-left: 40px;

  90.   margin-right: 40px;

  91. }

  92. #secondary-links ul.links li {

  93.   padding: 0 0 10px 10px;

  94. }

  95. ul.links li,

  96. ul.inline li {

  97.   padding-left: 1em;

  98.   padding-right: 0;

  99. }

  100. ul.admin-list li {

  101.   padding: 9px 30px 0 0;

  102.   margin-right: 0;

  103.   background: url(images/list-item-rtl.png) no-repeat right 11px;

  104. }

  105. ul.admin-list li a {

  106.   margin-right: -30px;

  107.   margin-left: 0;

  108.   padding: 0 30px 4px 0;

  109. }

  110. ul.admin-list.compact li a {

  111.   margin-right: 0;

  112. }

  113. ul.admin-list li div.description a {

  114.   margin-right: 0;

  115. }

  116. 

  117. /**

  118.  * Tables.

  119.  */

  120. table th.active a {

  121.   padding: 0 0 0 25px;

  122. }

  123. table th.active img {

  124.   left: 3px;

  125.   right: auto;

  126. }

  127. /**

  128.  * Exception for webkit bug with the right border of the last cell

  129.  * in some tables, since it's webkit only, we can use :last-child

  130.  */

  131. tr td:last-child {

  132.   border-left: 1px solid #bebfb9;

  133.   border-right: none;

  134. }

  135. 

  136. /**

  137.  * Fieldsets.

  138.  */

  139. fieldset {

  140.   padding: 2.5em 0 0 0;

  141. }

  142. fieldset .fieldset-legend {

  143.   padding-right: 15px;

  144.   right: 0;

  145. }

  146. fieldset .fieldset-wrapper {

  147.   padding: 0 15px 13px 13px;

  148. }

  149. 

  150. /* Filter */

  151. .filter-wrapper .form-item,

  152. .filter-wrapper .filter-guidelines,

  153. .filter-wrapper .filter-help {

  154.   padding: 2px 0 0 0;

  155. }

  156. ul.tips li {

  157.   margin: 0.25em 1.5em 0.25em 0;

  158. }

  159. body div.form-type-radio div.description,

  160. body div.form-type-checkbox div.description {

  161.   margin-left: 0;

  162.   margin-right: 1.5em;

  163. }

  164. input.form-submit,

  165. a.button {

  166.   margin-left: 1em;

  167.   margin-right: 0;

  168. }

  169. ul.action-links li {

  170.   float: right;

  171.   margin: 0 0 0 1em;

  172. }

  173. ul.action-links a {

  174.   padding-left: 0;

  175.   padding-right: 15px;

  176.   background-position: right center;

  177. }

  178. 

  179. /* Update options. */

  180. div.admin-options label,

  181. div.admin-options div.form-item {

  182.   margin-left: 10px;

  183.   margin-right: 0;

  184.   float: right;

  185. }

  186. 

  187. /* Maintenance theming */

  188. body.in-maintenance #sidebar-first {

  189.   float: right;

  190. }

  191. body.in-maintenance #content {

  192.   float: left;

  193.   padding-left: 20px;

  194.   padding-right: 0;

  195. }

  196. ol.task-list {

  197.   margin-right: 0;

  198. }

  199. ol.task-list li {

  200.   padding: 0.5em 20px 0.5em 1em;

  201. }

  202. ol.task-list li.active {

  203.   background: transparent url(images/task-item-rtl.png) no-repeat right 50%;

  204.   padding: 0.5em 20px 0.5em 1em;

  205. }

  206. 

  207. /* Overlay theming */

  208. .overlay #branding div.breadcrumb {

  209.   float: right;

  210. }

  211. .overlay ul.secondary {

  212.   margin: -1.4em 0 0.3em 0;

  213. }

  214. 

  215. /* Shortcut theming */

  216. div.add-or-remove-shortcuts {

  217.   float: none;

  218.   padding-left: 0;

  219.   padding-right: 6px;

  220. }

  221. 

  222. /* Dashboard */

  223. #dashboard div.block div.content {

  224.   padding: 10px 5px 5px 5px;

  225. }

  226. #dashboard div.block div.content ul.menu {

  227.   margin-right: 20px;

  228. }

  229. 

  230. /* Recent content block */

  231. #block-node-recent .more-link {

  232.   padding: 0 0 5px 5px;

  233. }

  234. 

  235. /* User login block */

  236. #user-login-form .openid-links {

  237.   margin-right: 0;

  238. }

  239. #user-login-form .openid-links .user-link {

  240.   margin-right: 1.5em;

  241. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.