style-rtl.css

Same filename in this branch
  1. 9.x drupal/core/themes/seven/style-rtl.css
  2. 9.x drupal/core/themes/bartik/css/style-rtl.css
/* ------------------ Reset Styles ------------------ */

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 .field-name-field-user-picture img {
  float: right;
  margin-left: 20px;
  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 .field-name-field-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 ------------------ */

.form-button,
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 {
  border-left: 1px solid #ccc;
  border-right: none;
  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   ------------- */

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

/* Animated throbber */
.js input.form-autocomplete {
  background-position: 1% 4px;
}
.js input.throbbing {
  background-position: 1% -16px;
}

/* 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;
}
.poll .choice-title {
  clear: left;
}
.poll .percent {
  float: left;
  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;
}

/* ---------- Views styling ---------- */

 /* @group Lists */

.views-display-top .secondary .action-list {
  padding-left: inherit;
  padding-right: 0;
}

/* @end */

/* @group Collapsible */

.views-display-columns details summary {
  padding: 0 2px 4px 0;
}

/* @end */

File

drupal/core/themes/bartik/css/style-rtl.css
View source
  1. /* ------------------ Reset Styles ------------------ */

  2. 

  3. th,

  4. td {

  5.   text-align: right;

  6. }

  7. blockquote {

  8.   border-left: none;

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

  10. }

  11. blockquote:before {

  12.   content: "\201D";

  13. }

  14. blockquote:after {

  15.   content: "\201C";

  16. }

  17. tr td,

  18. tr th {

  19.   text-align: right;

  20. }

  21. /* ------------------ List Styles ------------------ */

  22. 

  23. .region-content ul,

  24. .region-content ol {

  25.   padding: 2.5em 0 0.25em 0;

  26. }

  27. .item-list ul li {

  28.   padding: 0.2em 0 0 0.5em;

  29. }

  30. ul.tips {

  31.   padding: 0 1.25em 0 0;

  32. }

  33. .block ol,

  34. .block ul {

  35.   padding: 0 1em 0.25em 0;

  36. }

  37. 

  38. /* ------------------ Header ------------------ */

  39. 

  40. #logo {

  41.   padding: 15px 10px 15px 15px;

  42. }

  43. #logo,

  44. #name-and-slogan,

  45. .region-header .block,

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

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

  48.   float: right;

  49. }

  50. #name-and-slogan {

  51.   margin: 0 15px 30px 0;

  52. }

  53. .region-header .form-text {

  54.   margin-left: 2px;

  55.   margin-right: 0;

  56. }

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

  58.   padding-left: 0;

  59.   padding-right: 0.5em;

  60. }

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

  62.   padding-right: 0;

  63. }

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

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

  66.   background-position: right -3px;

  67.   padding-left: 0;

  68.   padding-right: 20px;

  69. }

  70. 

  71. /* --------------- Main Menu ------------ */

  72. 

  73. #main-menu ul.links li,

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

  75.   float: right;

  76. }

  77. 

  78. /* --------------- Secondary Menu ------------ */

  79. 

  80. #secondary-menu-links {

  81.   float: left;

  82. }

  83. 

  84. /* ----------------- Content ------------------ */

  85. 

  86. .submitted .field-name-field-user-picture img {

  87.   float: right;

  88.   margin-left: 20px;

  89.   margin-right: 0;

  90. }

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

  92.   padding-left: 5px;

  93.   padding-right: 0;

  94. }

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

  96.   padding: 0 0 0 1em;

  97.   float: right;

  98. }

  99. .link-wrapper {

  100.   text-align: left;

  101.   margin-right: 236px;

  102.   margin-left: 0;

  103. }

  104. 

  105. /* ----------------- Comments ----------------- */

  106. 

  107. .comment .field-name-field-user-picture img {

  108.   margin-right: 0;

  109. }

  110. .comment .attribution {

  111.   float: right;

  112.   padding: 0 0 0 30px;

  113. }

  114. .comment .comment-arrow {

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

  116.   margin-left: 0;

  117.   margin-right: -47px;

  118. }

  119. .comment .indented {

  120.   margin-right: 40px;

  121.   margin-left: 0;

  122. }

  123. .comment ul.links li {

  124.   padding: 0 0 0.5em;

  125. }

  126. .comment.unpublished {

  127.   margin-left: 5px;

  128.   margin-right: 0;

  129.   padding: 5px 5px 5px 2px;

  130. }

  131. 

  132. /* -------------- Password Meter  ------------- */

  133. 

  134. #password-strength {

  135.   left: auto;

  136.   margin-top: 2em;

  137.   right: 16em;

  138. }

  139. #password-strength-text {

  140.   margin-top: 0;

  141.   float: left;

  142. }

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

  144.   clear: right;

  145. }

  146. 

  147. /* ----------------- Buttons ------------------ */

  148. 

  149. .form-button,

  150. a.button {

  151.   margin-right: 0;

  152.   margin-left: 0.6em;

  153. }

  154. 

  155. /* --------------- Search Form ---------------- */

  156. 

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

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

  159.   float: right;

  160.   margin-left: 5px;

  161.   margin-right: 0;

  162. }

  163. 

  164. /* ------------------ Footer ------------------ */

  165. 

  166. #footer-columns ul {

  167.   padding-right: 0;

  168. }

  169. #footer-columns li a {

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

  171. }

  172. #footer li a {

  173.   float: right;

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

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

  176.   border-right: none;

  177. }

  178. #footer li.first a {

  179.   padding-right: 0;

  180.   padding-left: 12px;

  181. }

  182. #footer li.last a {

  183.   padding-left: 0;

  184.   padding-right: 12px;

  185.   border-left: none;

  186. }

  187. 

  188. /* --------------- System Tabs  --------------- */

  189. 

  190. .tabs ul.primary li {

  191.   margin: 0 0 0 5px;

  192.   float: right;

  193.   zoom: 1;

  194. }

  195. .tabs ul.secondary li {

  196.   border-left: 1px solid #ccc;

  197.   border-right: none;

  198.   float: right;

  199. }

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

  201.   padding-right: 0;

  202. }

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

  204.   border-left: none;

  205. }

  206. ul.action-links li a {

  207.   background-position: right center;

  208.   padding-left: 0;

  209.   padding-right: 15px;

  210. }

  211. 

  212. /* -------------- Form Elements   ------------- */

  213. 

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

  215.   margin-left: 0;

  216. }

  217. .password-suggestions ul li {

  218.   margin-right: 1.2em;

  219.   margin-left: 0;

  220. }

  221. 

  222. /* Animated throbber */

  223. .js input.form-autocomplete {

  224.   background-position: 1% 4px;

  225. }

  226. .js input.throbbing {

  227.   background-position: 1% -16px;

  228. }

  229. 

  230. /* Comment form */

  231. .comment-form label {

  232.   float: right;

  233. }

  234. .comment-form .form-type-checkbox,

  235. .comment-form .form-radios,

  236. .comment-form .form-item .description {

  237.   margin-left: 0;

  238.   margin-right: 120px;

  239. }

  240. #edit-actions input {

  241.   margin-left: 0.6em;

  242.   margin-right: 0;

  243. }

  244. 

  245. /* -------------- Shortcut Links ------------- */

  246. 

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

  248.   float: right;

  249. }

  250. 

  251. /* ---------- Poll ----------- */

  252. 

  253. .poll .vote-form {

  254.   text-align: right;

  255. }

  256. .poll .total {

  257.   text-align: left;

  258. }

  259. .poll .choice-title {

  260.   clear: left;

  261. }

  262. .poll .percent {

  263.   float: left;

  264.   text-align: left;

  265. }

  266. 

  267. /* ---------- Color Form ----------- */

  268. 

  269. .color-form #palette {

  270.   margin-left: 0;

  271.   margin-right: 20px;

  272. }

  273. .color-form .form-item label {

  274.   float: right;

  275. }

  276. .color-form #palette .lock {

  277.   right: -20px;

  278.   left: 0;

  279. }

  280. 

  281. /* ---------- Views styling ---------- */

  282. 

  283.  /* @group Lists */

  284. 

  285. .views-display-top .secondary .action-list {

  286.   padding-left: inherit;

  287.   padding-right: 0;

  288. }

  289. 

  290. /* @end */

  291. 

  292. /* @group Collapsible */

  293. 

  294. .views-display-columns details summary {

  295.   padding: 0 2px 4px 0;

  296. }

  297. 

  298. /* @end */