style-rtl.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  1. /* ------------------ Reset Styles ------------------ */
  2. caption,
  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. .region-content ul,
  23. .region-content ol {
  24. padding: 2.5em 0 0.25em 0;
  25. }
  26. .item-list ul li {
  27. padding: 0.2em 0 0 0.5em;
  28. }
  29. ul.tips {
  30. padding: 0 1.25em 0 0;
  31. }
  32. .block ol,
  33. .block ul {
  34. padding: 0 1em 0.25em 0;
  35. }
  36. /* ------------------ Header ------------------ */
  37. #logo {
  38. padding: 15px 10px 15px 15px;
  39. }
  40. #logo,
  41. #name-and-slogan,
  42. .region-header .block,
  43. .region-header #block-user-login .form-item,
  44. .region-header #block-user-login .item-list li {
  45. float: right;
  46. }
  47. #name-and-slogan {
  48. margin: 0 15px 30px 0;
  49. }
  50. .region-header .form-text {
  51. margin-left: 2px;
  52. margin-right: 0;
  53. }
  54. .region-header #block-user-login .item-list li.last {
  55. padding-left: 0;
  56. padding-right: 0.5em;
  57. }
  58. .region-header #block-user-login ul.openid-links li.last {
  59. padding-right: 0;
  60. }
  61. .region-header #user-login-form li.openid-link a,
  62. .region-header #user-login li.openid-link a {
  63. background-position: right -3px;
  64. padding-left: 0;
  65. padding-right: 20px;
  66. }
  67. /* --------------- Main Menu ------------ */
  68. #main-menu ul.links li,
  69. #main-menu ul.links li a {
  70. float: right;
  71. }
  72. /* --------------- Secondary Menu ------------ */
  73. #secondary-menu-links {
  74. float: left;
  75. }
  76. /* ----------------- Content ------------------ */
  77. .submitted .user-picture img {
  78. float: right;
  79. margin-left: 5px;
  80. margin-right: 0;
  81. }
  82. .field-type-taxonomy-term-reference .field-label {
  83. padding-left: 5px;
  84. padding-right: 0;
  85. }
  86. .field-type-taxonomy-term-reference ul.links li {
  87. padding: 0 0 0 1em;
  88. float: right;
  89. }
  90. .link-wrapper {
  91. text-align: left;
  92. margin-right: 236px;
  93. margin-left: 0;
  94. }
  95. /* ----------------- Comments ----------------- */
  96. .comment .user-picture img {
  97. margin-right: 0;
  98. }
  99. .comment .attribution {
  100. float: right;
  101. padding: 0 0 0 30px;
  102. }
  103. .comment .comment-arrow {
  104. background-image: url(../images/comment-arrow-rtl.gif);
  105. margin-left: 0;
  106. margin-right: -47px;
  107. }
  108. .comment .indented {
  109. margin-right: 40px;
  110. margin-left: 0;
  111. }
  112. .comment ul.links li {
  113. padding: 0 0 0.5em;
  114. }
  115. .comment-unpublished {
  116. margin-left: 5px;
  117. margin-right: 0;
  118. padding: 5px 5px 5px 2px;
  119. }
  120. /* -------------- Password Meter ------------- */
  121. #password-strength {
  122. left: auto;
  123. margin-top: 2em;
  124. right: 16em;
  125. }
  126. #password-strength-text {
  127. margin-top: 0;
  128. float: left;
  129. }
  130. .form-item-pass-pass2 label {
  131. clear: right;
  132. }
  133. /* ----------------- Buttons ------------------ */
  134. input.form-submit,
  135. a.button {
  136. margin-right: 0;
  137. margin-left: 0.6em;
  138. }
  139. /* --------------- Search Form ---------------- */
  140. #search-form input#edit-keys,
  141. #block-search-form .form-item-search-block-form input {
  142. float: right;
  143. margin-left: 5px;
  144. margin-right: 0;
  145. }
  146. /* ------------------ Footer ------------------ */
  147. #footer-columns ul {
  148. padding-right: 0;
  149. }
  150. #footer-columns li a {
  151. padding: 0.8em 20px 0.8em 2px;
  152. }
  153. #footer li a {
  154. float: right;
  155. border-left: 1px solid #555;
  156. border-color: rgba(255, 255, 255, 0.15);
  157. border-right: none;
  158. }
  159. #footer li.first a {
  160. padding-right: 0;
  161. padding-left: 12px;
  162. }
  163. #footer li.last a {
  164. padding-left: 0;
  165. padding-right: 12px;
  166. border-left: none;
  167. }
  168. /* --------------- System Tabs --------------- */
  169. .tabs ul.primary li {
  170. margin: 0 0 0 5px;
  171. float: right;
  172. zoom: 1;
  173. }
  174. .tabs ul.secondary li {
  175. float: right;
  176. }
  177. .tabs ul.secondary li:first-child {
  178. padding-right: 0;
  179. }
  180. .tabs ul.secondary li:last-child {
  181. border-left: none;
  182. }
  183. ul.action-links li a {
  184. background-position: right center;
  185. padding-left: 0;
  186. padding-right: 15px;
  187. }
  188. /* -------------- Form Elements ------------- */
  189. .fieldset-legend span.summary {
  190. margin-left: 0;
  191. }
  192. #user-profile-form input#edit-submit {
  193. margin-left: 0;
  194. }
  195. .password-suggestions ul li {
  196. margin-right: 1.2em;
  197. margin-left: 0;
  198. }
  199. /* Animated throbber */
  200. html.js input.form-autocomplete {
  201. background-position: 1% center;
  202. }
  203. html.js input.throbbing {
  204. background-position: 1% center;
  205. }
  206. /* Comment form */
  207. .comment-form label {
  208. float: right;
  209. }
  210. .comment-form .form-type-checkbox,
  211. .comment-form .form-radios,
  212. .comment-form .form-item .description {
  213. margin-left: 0;
  214. margin-right: 120px;
  215. }
  216. #edit-actions input {
  217. margin-left: 0.6em;
  218. margin-right: 0;
  219. }
  220. /* -------------- Shortcut Links ------------- */
  221. .shortcut-wrapper h1#page-title {
  222. float: right;
  223. }
  224. /* ---------- Poll ----------- */
  225. .poll .vote-form {
  226. text-align: right;
  227. }
  228. .poll .total {
  229. text-align: left;
  230. }
  231. /* ---------- Color Form ----------- */
  232. .color-form #palette {
  233. margin-left: 0;
  234. margin-right: 20px;
  235. }
  236. .color-form .form-item label {
  237. float: right;
  238. }
  239. .color-form #palette .lock {
  240. right: -20px;
  241. left: 0;
  242. }