style-rtl.css

Same filename in this branch
  1. 7.x themes/seven/style-rtl.css
  2. 7.x themes/garland/style-rtl.css
/* ------------------ Reset Styles ------------------ */

caption,
th,
td {
  text-align: right;
}
blockquote {
  border-left: none;
  border-right: 4px solid #afafaf;
}
blockquote:before {
  content: "\201D";
}
blockquote:after {
  content: "\201C";
}
tr td,
tr th {
  text-align: right;
}

/* ------------------ List Styles ------------------ */

.region-content ul,
.region-content ol {
  padding: 2.5em 0 0.25em 0;
}
.item-list ul li {
  padding: 0.2em 0 0 0.5em;
}
ul.tips {
  padding: 0 1.25em 0 0;
}
.block ol,
.block ul {
  padding: 0 1em 0.25em 0;
}

/* ------------------ Header ------------------ */

#logo {
  padding: 15px 10px 15px 15px;
}
#logo,
#name-and-slogan,
.region-header .block,
.region-header #block-user-login .form-item,
.region-header #block-user-login .item-list li {
  float: right;
}
#name-and-slogan {
  margin: 0 15px 30px 0;
}
.region-header .form-text {
  margin-left: 2px;
  margin-right: 0;
}
.region-header #block-user-login .item-list li.last {
  padding-left: 0;
  padding-right: 0.5em;
}
.region-header #block-user-login ul.openid-links li.last {
  padding-right: 0;
}
.region-header #user-login-form li.openid-link a,
.region-header #user-login li.openid-link a {
  background-position: right -3px;
  padding-left: 0;
  padding-right: 20px;
}

/* --------------- Main Menu ------------ */

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

/* --------------- Secondary Menu ------------ */

#secondary-menu-links {
  float: left;
}

/* ----------------- Content ------------------ */

.submitted .user-picture img {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}
.field-type-taxonomy-term-reference .field-label {
  padding-left: 5px;
  padding-right: 0;
}
.field-type-taxonomy-term-reference ul.links li {
  padding: 0 0 0 1em;
  float: right;
}
.link-wrapper {
  text-align: left;
  margin-right: 236px;
  margin-left: 0;
}

/* ----------------- Comments ----------------- */

.comment .user-picture img {
  margin-right: 0;
}
.comment .attribution {
  float: right;
  padding: 0 0 0 30px;
}
.comment .comment-arrow {
  background-image: url(../images/comment-arrow-rtl.gif);
  margin-left: 0;
  margin-right: -47px;
}
.comment .indented {
  margin-right: 40px;
  margin-left: 0;
}
.comment ul.links li {
  padding: 0 0 0.5em;
}
.comment-unpublished {
  margin-left: 5px;
  margin-right: 0;
  padding: 5px 5px 5px 2px;
}

/* -------------- Password Meter  ------------- */

#password-strength {
  left: auto;
  margin-top: 2em;
  right: 16em;
}
#password-strength-text {
  margin-top: 0;
  float: left;
}
.form-item-pass-pass2 label {
  clear: right;
}

/* ----------------- Buttons ------------------ */

input.form-submit,
a.button {
  margin-right: 0;
  margin-left: 0.6em;
}

/* --------------- Search Form ---------------- */

#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}

/* ------------------ Footer ------------------ */

#footer-columns ul {
  padding-right: 0;
}
#footer-columns li a {
  padding: 0.8em 20px 0.8em 2px;
}
#footer li a {
  float: right;
  border-left: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  border-right: none;
}
#footer li.first a {
  padding-right: 0;
  padding-left: 12px;
}
#footer li.last a {
  padding-left: 0;
  padding-right: 12px;
  border-left: none;
}

/* --------------- System Tabs  --------------- */

.tabs ul.primary li {
  margin: 0 0 0 5px;
  float: right;
  zoom: 1;
}
.tabs ul.secondary li {
  float: right;
}
.tabs ul.secondary li:first-child {
  padding-right: 0;
}
.tabs ul.secondary li:last-child {
  border-left: none;
}
ul.action-links li a {
  background-position: right center;
  padding-left: 0;
  padding-right: 15px;
}

/* -------------- Form Elements   ------------- */

.fieldset-legend span.summary {
  margin-left: 0;
}
#user-profile-form input#edit-submit {
  margin-left: 0;
}
.password-suggestions ul li {
  margin-right: 1.2em;
  margin-left: 0;
}

/* Animated throbber */
html.js input.form-autocomplete {
  background-position: 1% center;
}
html.js input.throbbing {
  background-position: 1% center;
}

/* Comment form */
.comment-form label {
  float: right;
}
.comment-form .form-type-checkbox,
.comment-form .form-radios,
.comment-form .form-item .description {
  margin-left: 0;
  margin-right: 120px;
}
#edit-actions input {
  margin-left: 0.6em;
  margin-right: 0;
}

/* -------------- Shortcut Links ------------- */

.shortcut-wrapper h1#page-title {
  float: right;
}

/* ---------- Poll ----------- */

.poll .vote-form {
  text-align: right;
}
.poll .total {
  text-align: left;
}

/* ---------- Color Form ----------- */

.color-form #palette {
  margin-left: 0;
  margin-right: 20px;
}
.color-form .form-item label {
  float: right;
}
.color-form #palette .lock {
  right: -20px;
  left: 0;
}

File

themes/bartik/css/style-rtl.css

View source 
  1. 

  2. /* ------------------ Reset Styles ------------------ */

  3. 

  4. caption,

  5. th,

  6. td {

  7.   text-align: right;

  8. }

  9. blockquote {

  10.   border-left: none;

  11.   border-right: 4px solid #afafaf;

  12. }

  13. blockquote:before {

  14.   content: "\201D";

  15. }

  16. blockquote:after {

  17.   content: "\201C";

  18. }

  19. tr td,

  20. tr th {

  21.   text-align: right;

  22. }

  23. 

  24. /* ------------------ List Styles ------------------ */

  25. 

  26. .region-content ul,

  27. .region-content ol {

  28.   padding: 2.5em 0 0.25em 0;

  29. }

  30. .item-list ul li {

  31.   padding: 0.2em 0 0 0.5em;

  32. }

  33. ul.tips {

  34.   padding: 0 1.25em 0 0;

  35. }

  36. .block ol,

  37. .block ul {

  38.   padding: 0 1em 0.25em 0;

  39. }

  40. 

  41. /* ------------------ Header ------------------ */

  42. 

  43. #logo {

  44.   padding: 15px 10px 15px 15px;

  45. }

  46. #logo,

  47. #name-and-slogan,

  48. .region-header .block,

  49. .region-header #block-user-login .form-item,

  50. .region-header #block-user-login .item-list li {

  51.   float: right;

  52. }

  53. #name-and-slogan {

  54.   margin: 0 15px 30px 0;

  55. }

  56. .region-header .form-text {

  57.   margin-left: 2px;

  58.   margin-right: 0;

  59. }

  60. .region-header #block-user-login .item-list li.last {

  61.   padding-left: 0;

  62.   padding-right: 0.5em;

  63. }

  64. .region-header #block-user-login ul.openid-links li.last {

  65.   padding-right: 0;

  66. }

  67. .region-header #user-login-form li.openid-link a,

  68. .region-header #user-login li.openid-link a {

  69.   background-position: right -3px;

  70.   padding-left: 0;

  71.   padding-right: 20px;

  72. }

  73. 

  74. /* --------------- Main Menu ------------ */

  75. 

  76. #main-menu ul.links li,

  77. #main-menu ul.links li a {

  78.   float: right;

  79. }

  80. 

  81. /* --------------- Secondary Menu ------------ */

  82. 

  83. #secondary-menu-links {

  84.   float: left;

  85. }

  86. 

  87. /* ----------------- Content ------------------ */

  88. 

  89. .submitted .user-picture img {

  90.   float: right;

  91.   margin-left: 5px;

  92.   margin-right: 0;

  93. }

  94. .field-type-taxonomy-term-reference .field-label {

  95.   padding-left: 5px;

  96.   padding-right: 0;

  97. }

  98. .field-type-taxonomy-term-reference ul.links li {

  99.   padding: 0 0 0 1em;

  100.   float: right;

  101. }

  102. .link-wrapper {

  103.   text-align: left;

  104.   margin-right: 236px;

  105.   margin-left: 0;

  106. }

  107. 

  108. /* ----------------- Comments ----------------- */

  109. 

  110. .comment .user-picture img {

  111.   margin-right: 0;

  112. }

  113. .comment .attribution {

  114.   float: right;

  115.   padding: 0 0 0 30px;

  116. }

  117. .comment .comment-arrow {

  118.   background-image: url(../images/comment-arrow-rtl.gif);

  119.   margin-left: 0;

  120.   margin-right: -47px;

  121. }

  122. .comment .indented {

  123.   margin-right: 40px;

  124.   margin-left: 0;

  125. }

  126. .comment ul.links li {

  127.   padding: 0 0 0.5em;

  128. }

  129. .comment-unpublished {

  130.   margin-left: 5px;

  131.   margin-right: 0;

  132.   padding: 5px 5px 5px 2px;

  133. }

  134. 

  135. /* -------------- Password Meter  ------------- */

  136. 

  137. #password-strength {

  138.   left: auto;

  139.   margin-top: 2em;

  140.   right: 16em;

  141. }

  142. #password-strength-text {

  143.   margin-top: 0;

  144.   float: left;

  145. }

  146. .form-item-pass-pass2 label {

  147.   clear: right;

  148. }

  149. 

  150. /* ----------------- Buttons ------------------ */

  151. 

  152. input.form-submit,

  153. a.button {

  154.   margin-right: 0;

  155.   margin-left: 0.6em;

  156. }

  157. 

  158. /* --------------- Search Form ---------------- */

  159. 

  160. #search-form input#edit-keys,

  161. #block-search-form .form-item-search-block-form input {

  162.   float: right;

  163.   margin-left: 5px;

  164.   margin-right: 0;

  165. }

  166. 

  167. /* ------------------ Footer ------------------ */

  168. 

  169. #footer-columns ul {

  170.   padding-right: 0;

  171. }

  172. #footer-columns li a {

  173.   padding: 0.8em 20px 0.8em 2px;

  174. }

  175. #footer li a {

  176.   float: right;

  177.   border-left: 1px solid #555;

  178.   border-color: rgba(255, 255, 255, 0.15);

  179.   border-right: none;

  180. }

  181. #footer li.first a {

  182.   padding-right: 0;

  183.   padding-left: 12px;

  184. }

  185. #footer li.last a {

  186.   padding-left: 0;

  187.   padding-right: 12px;

  188.   border-left: none;

  189. }

  190. 

  191. /* --------------- System Tabs  --------------- */

  192. 

  193. .tabs ul.primary li {

  194.   margin: 0 0 0 5px;

  195.   float: right;

  196.   zoom: 1;

  197. }

  198. .tabs ul.secondary li {

  199.   float: right;

  200. }

  201. .tabs ul.secondary li:first-child {

  202.   padding-right: 0;

  203. }

  204. .tabs ul.secondary li:last-child {

  205.   border-left: none;

  206. }

  207. ul.action-links li a {

  208.   background-position: right center;

  209.   padding-left: 0;

  210.   padding-right: 15px;

  211. }

  212. 

  213. /* -------------- Form Elements   ------------- */

  214. 

  215. .fieldset-legend span.summary {

  216.   margin-left: 0;

  217. }

  218. #user-profile-form input#edit-submit {

  219.   margin-left: 0;

  220. }

  221. .password-suggestions ul li {

  222.   margin-right: 1.2em;

  223.   margin-left: 0;

  224. }

  225. 

  226. /* Animated throbber */

  227. html.js input.form-autocomplete {

  228.   background-position: 1% center;

  229. }

  230. html.js input.throbbing {

  231.   background-position: 1% center;

  232. }

  233. 

  234. /* Comment form */

  235. .comment-form label {

  236.   float: right;

  237. }

  238. .comment-form .form-type-checkbox,

  239. .comment-form .form-radios,

  240. .comment-form .form-item .description {

  241.   margin-left: 0;

  242.   margin-right: 120px;

  243. }

  244. #edit-actions input {

  245.   margin-left: 0.6em;

  246.   margin-right: 0;

  247. }

  248. 

  249. /* -------------- Shortcut Links ------------- */

  250. 

  251. .shortcut-wrapper h1#page-title {

  252.   float: right;

  253. }

  254. 

  255. /* ---------- Poll ----------- */

  256. 

  257. .poll .vote-form {

  258.   text-align: right;

  259. }

  260. .poll .total {

  261.   text-align: left;

  262. }

  263. 

  264. /* ---------- Color Form ----------- */

  265. 

  266. .color-form #palette {

  267.   margin-left: 0;

  268.   margin-right: 20px;

  269. }

  270. .color-form .form-item label {

  271.   float: right;

  272. }

  273. .color-form #palette .lock {

  274.   right: -20px;

  275.   left: 0;

  276. }

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