rtl.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  1. body {
  2. direction: rtl;
  3. unicode-bidi: embed;
  4. }
  5. /* =Reset
  6. -------------------------------------------------------------- */
  7. caption,
  8. th,
  9. td,
  10. th {
  11. text-align: right;
  12. }
  13. /* =Rebuild
  14. ----------------------------------------------- */
  15. /* Text elements */
  16. ul,
  17. ol {
  18. margin: 0 36px 24px 0;
  19. }
  20. li > ul,
  21. li > ol {
  22. margin-right: 24px;
  23. margin-left: auto;
  24. }
  25. /* Alignment */
  26. .alignright {
  27. float: right;
  28. margin-left: 24px;
  29. margin-right: auto;
  30. }
  31. .alignleft {
  32. float: left;
  33. margin-right: 24px;
  34. margin-left: auto;
  35. }
  36. /* Text meant only for screen readers */
  37. .screen-reader-text:focus {
  38. right: 24px;
  39. left: auto;
  40. }
  41. /* =Forms
  42. ----------------------------------------------- */
  43. textarea {
  44. padding-right: 3px;
  45. padding-left: 0;
  46. }
  47. /* =Global */
  48. /* Alignment */
  49. .alignright {
  50. float: right;
  51. margin: 14px 0 14px 27px;
  52. }
  53. .alignleft {
  54. float: left;
  55. margin: 14px 27px 14px 0;
  56. }
  57. /* Text elements */
  58. ul {
  59. margin: 0 27px 27px 0;
  60. }
  61. ol {
  62. margin: 0 27px 27px 0;
  63. }
  64. li > ul,
  65. li > ol {
  66. margin-right: 27px;
  67. margin-left: auto;
  68. }
  69. dd {
  70. margin: 14px 27px 14px 0;
  71. }
  72. blockquote {
  73. padding-right: 48px;
  74. padding-left: 0;
  75. }
  76. blockquote:before {
  77. right: 0;
  78. left: auto;
  79. }
  80. blockquote cite {
  81. text-align: left;
  82. }
  83. /* =Menu */
  84. .main-navigation ul {
  85. padding-right: 0;
  86. padding-left: 0;
  87. }
  88. /* Small menu */
  89. .menu-toggle:before {
  90. margin-left: 5px;
  91. margin-right: auto;
  92. }
  93. .main-navigation ul ul li a {
  94. padding-right: 14px;
  95. padding-left: 0;
  96. }
  97. .main-navigation ul ul ul li a {
  98. padding-right: 28px;
  99. padding-left: 0;
  100. }
  101. .main-navigation ul ul ul ul li a {
  102. padding-right: 42px;
  103. padding-left: 0;
  104. }
  105. /* =Content */
  106. /* =Post Formats */
  107. .format-link .entry-title a:after {
  108. margin-right: 5px;
  109. margin-left: auto;
  110. }
  111. /* =Media */
  112. /* Gallery column widths */
  113. .gallery-item {
  114. float: right;
  115. }
  116. /* =Navigation */
  117. .site-main .post-navigation .nav-previous a,
  118. .site-main .paging-navigation .nav-previous a {
  119. float: right;
  120. }
  121. .site-main .post-navigation .nav-next a,
  122. .site-main .paging-navigation .nav-next a {
  123. float: left;
  124. text-align: left;
  125. }
  126. .site-main .comment-navigation .nav-previous {
  127. float: right;
  128. text-align: right;
  129. }
  130. .site-main .comment-navigation .nav-next {
  131. float: left;
  132. text-align: left;
  133. }
  134. /* =Comments */
  135. .comments-title small,
  136. .comment-reply-title small {
  137. float: left;
  138. }
  139. .comment-meta .comment-author img {
  140. float: right;
  141. }
  142. .comment-meta .comment-author .fn {
  143. margin-right: 74px;
  144. margin-left: auto;
  145. }
  146. .comment-meta .comment-metadata {
  147. margin-right: 74px;
  148. margin-left: auto;
  149. }
  150. .comment-form-author label,
  151. .comment-form-email label,
  152. .comment-form-url label,
  153. .comment-form-comment label {
  154. right: 0;
  155. left: auto;
  156. }
  157. .comment-form-author input,
  158. .comment-form-email input,
  159. .comment-form-url input,
  160. .comment-form-comment input {
  161. padding-right: 100px;
  162. padding-left: 0;
  163. }
  164. /* =Widgets */
  165. .widget select {
  166. margin-right: 1px;
  167. margin-left: auto;
  168. }
  169. /* Tags */
  170. .wp_widget_tag_cloud a,
  171. .tags-links a {
  172. margin: 0 0 7px 7px ;
  173. }
  174. div.sharedaddy div.sd-block {
  175. padding: 14px !important 14px 0;
  176. }
  177. /* =Social Links */
  178. .social-links ul a:before {
  179. margin-right: 4px;
  180. padding: 8px 9px 8px 7px;
  181. margin-left: auto;
  182. }
  183. @media screen and (min-width: 50em) {
  184. .content-area {
  185. float: right;
  186. margin: 0 0 0 -30%;
  187. }
  188. .site-main {
  189. margin: 0 0 0 30%;
  190. }
  191. .site-content .widget-area {
  192. float: left;
  193. }
  194. .site-info {
  195. float: right;
  196. text-align: right;
  197. }
  198. .social-links {
  199. float: left;
  200. text-align: left;
  201. }
  202. blockquote {
  203. padding-right: 64px;
  204. padding-left: 0;
  205. }
  206. blockquote.alignright,
  207. blockquote.alignleft {
  208. padding-right: 48px;
  209. padding-left: 0;
  210. }
  211. .main-navigation ul ul {
  212. right: -11px;
  213. float: right;
  214. text-align: right;
  215. left: auto;
  216. }
  217. .main-navigation ul ul ul {
  218. right: 105%;
  219. left: auto;
  220. }
  221. .main-navigation ul ul li a,
  222. .main-navigation ul ul ul li a,
  223. .main-navigation ul ul ul ul li a {
  224. padding-right: 5px;
  225. padding-left: 0;
  226. }
  227. }