rtl.css 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392
  1. /*
  2. Theme Name: Button 2
  3. */
  4. body
  5. {
  6. direction: rtl;
  7. unicode-bidi: embed;
  8. }
  9. ul,
  10. ol
  11. {
  12. margin: 0 1.5em 1.5em 0;
  13. padding-right: 0;
  14. padding-left: 0;
  15. }
  16. li > ul,
  17. li > ol
  18. {
  19. margin-right: .75em;
  20. margin-left: auto;
  21. padding-right: 0;
  22. padding-left: 0;
  23. }
  24. button,
  25. input[type='button-2'],
  26. input[type='reset'],
  27. input[type='submit'],
  28. #infinite-handle span button
  29. {
  30. margin-right: 5px;
  31. margin-left: auto;
  32. }
  33. button + button,
  34. button + input[type='button-2'],
  35. button + input[type='reset'],
  36. button + input[type='submit'],
  37. input[type='button-2'] + button,
  38. input[type='button-2'] + input[type='button-2'],
  39. input[type='button-2'] + input[type='reset'],
  40. input[type='button-2'] + input[type='submit'],
  41. input[type='reset'] + button,
  42. input[type='reset'] + input[type='button-2'],
  43. input[type='reset'] + input[type='reset'],
  44. input[type='reset'] + input[type='submit'],
  45. input[type='submit'] + button,
  46. input[type='submit'] + input[type='button-2'],
  47. input[type='submit'] + input[type='reset'],
  48. input[type='submit'] + input[type='submit'],
  49. #infinite-handle span button + button,
  50. #infinite-handle span button + input[type='button-2'],
  51. #infinite-handle span button + input[type='reset'],
  52. #infinite-handle span button + input[type='submit']
  53. {
  54. margin-right: .75em;
  55. margin-left: auto;
  56. }
  57. #infinite-handle span:hover button,
  58. #infinite-handle span button:hover
  59. {
  60. margin-right: 5px;
  61. margin-left: auto;
  62. }
  63. textarea
  64. {
  65. padding-right: 3px;
  66. padding-left: 0;
  67. }
  68. .main-navigation li li
  69. {
  70. padding-right: 1.5em;
  71. padding-left: 0;
  72. }
  73. .main-navigation li li li
  74. {
  75. padding-right: 2.25em;
  76. padding-left: 0;
  77. }
  78. .main-navigation li li li li
  79. {
  80. padding-right: 3em;
  81. padding-left: 0;
  82. }
  83. .main-navigation li li li li li
  84. {
  85. padding-right: 3.75em;
  86. padding-left: 0;
  87. }
  88. .comment-navigation .nav-previous,
  89. .posts-navigation .nav-previous,
  90. .post-navigation .nav-previous
  91. {
  92. float: right;
  93. }
  94. .comment-navigation .nav-next,
  95. .posts-navigation .nav-next,
  96. .post-navigation .nav-next
  97. {
  98. float: left;
  99. text-align: left;
  100. }
  101. .social-links ul a:after
  102. {
  103. right: 3px;
  104. left: auto;
  105. }
  106. .screen-reader-text:hover,
  107. .screen-reader-text:active,
  108. .screen-reader-text:focus
  109. {
  110. right: 5px;
  111. left: auto;
  112. }
  113. .alignright
  114. {
  115. float: right;
  116. margin-right: auto;
  117. margin-left: 1.5em;
  118. }
  119. .alignleft
  120. {
  121. float: left;
  122. margin-right: 1.5em;
  123. margin-left: auto;
  124. }
  125. .aligncenter
  126. {
  127. margin-right: auto;
  128. margin-left: auto;
  129. }
  130. .widget select
  131. {
  132. margin-right: 1px;
  133. margin-left: auto;
  134. }
  135. .widget ul li li
  136. {
  137. padding-right: 1.5em;
  138. padding-left: 0;
  139. }
  140. .widget ul li li li
  141. {
  142. padding-right: 3em;
  143. padding-left: 0;
  144. }
  145. .widget ul li li li li
  146. {
  147. padding-right: 4.5em;
  148. padding-left: 0;
  149. }
  150. .widget-title:before
  151. {
  152. margin-right: auto;
  153. margin-left: .45em;
  154. }
  155. td#next
  156. {
  157. text-align: left;
  158. }
  159. .format-link .entry-title a:after
  160. {
  161. margin-right: 4px;
  162. margin-left: auto;
  163. }
  164. .featured-image .shadow
  165. {
  166. right: 0;
  167. left: auto;
  168. }
  169. .entry-meta > span:after
  170. {
  171. margin-right: .75em;
  172. margin-left: auto;
  173. }
  174. .tags-links a,
  175. .tags-links a:visited,
  176. .widget_tag_cloud a,
  177. .widget_tag_cloud a:visited
  178. {
  179. margin-right: auto;
  180. margin-left: 1.5em;
  181. padding: 2px 5px 2px 1px;
  182. }
  183. .tags-links a:last-of-type,
  184. .tags-links a:visited:last-of-type,
  185. .widget_tag_cloud a:last-of-type,
  186. .widget_tag_cloud a:visited:last-of-type
  187. {
  188. margin-right: auto;
  189. margin-left: 0;
  190. }
  191. .tags-links a:hover:after,
  192. .tags-links a:visited:hover:after,
  193. .widget_tag_cloud a:hover:after,
  194. .widget_tag_cloud a:visited:hover:after
  195. {
  196. border-right-color: #f78769;
  197. }
  198. .tags-links a:before,
  199. .tags-links a:visited:before,
  200. .widget_tag_cloud a:before,
  201. .widget_tag_cloud a:visited:before
  202. {
  203. right: -8px;
  204. left: auto;
  205. border-right-width: 8px;
  206. border-right-color: transparent;
  207. border-left-width: 0;
  208. border-left-color: transparent;
  209. }
  210. .menu-toggle:before {
  211. margin-left: 6px;
  212. margin-right: auto;
  213. }
  214. .tags-links a:after,
  215. .tags-links a:visited:after,
  216. .widget_tag_cloud a:after,
  217. .widget_tag_cloud a:visited:after
  218. {
  219. right: auto;
  220. left: -12px;
  221. border-right-color: #bbb;
  222. border-left-width: 0;
  223. border-left-color: transparent;
  224. border-right-width: 12px;
  225. }
  226. /* =Comments */
  227. .comments-title small,
  228. .comment-reply-title small
  229. {
  230. float: left;
  231. }
  232. .comment-meta .comment-metadata
  233. {
  234. margin-right: 80px;
  235. margin-left: auto;
  236. }
  237. .comment-meta .comment-author .avatar
  238. {
  239. float: right;
  240. }
  241. .comment-meta .comment-author .fn
  242. {
  243. margin-right: 80px;
  244. margin-left: auto;
  245. }
  246. .comments-area .edit-link:before
  247. {
  248. margin: 0 .75em 0 .875em;
  249. }
  250. .comment-form-author label,
  251. .comment-form-email label,
  252. .comment-form-url label,
  253. .comment-form-comment label
  254. {
  255. right: 0;
  256. left: auto;
  257. }
  258. .comment-form-author input,
  259. .comment-form-email input,
  260. .comment-form-url input
  261. {
  262. padding-right: 6em;
  263. padding-left: 0;
  264. }
  265. .wp-caption img[class*='wp-image-']
  266. {
  267. margin-right: auto;
  268. margin-left: auto;
  269. }
  270. @media only screen and (min-width: 40.063em)
  271. {
  272. .main-navigation ul ul
  273. {
  274. right: -999em;
  275. left: auto;
  276. float: right;
  277. text-align: right;
  278. }
  279. .main-navigation ul ul ul
  280. {
  281. right: -999em;
  282. left: auto;
  283. }
  284. .main-navigation ul ul li:hover > ul,
  285. .main-navigation ul ul li.focus > ul
  286. {
  287. right: 100%;
  288. left: auto;
  289. }
  290. .main-navigation ul ul li.menu-item-has-children > a:before,
  291. .main-navigation ul ul li.page_item_has_children > a:before
  292. {
  293. -webkit-transform: rotate(90deg);
  294. transform: rotate(90deg);
  295. right: auto;
  296. left: .75em;
  297. }
  298. .main-navigation ul li:hover > ul,
  299. .main-navigation ul li.focus > ul
  300. {
  301. right: auto;
  302. left: auto;
  303. }
  304. .main-navigation li a:after
  305. {
  306. margin-right: 1em;
  307. margin-left: auto;
  308. }
  309. .main-navigation li.menu-item-has-children a:after,
  310. .main-navigation li.page_item_has_children a:after
  311. {
  312. padding-right: 1.3em;
  313. padding-left: 0;
  314. }
  315. .main-navigation li.menu-item-has-children > a:before,
  316. .main-navigation li.page_item_has_children > a:before
  317. {
  318. right: auto;
  319. left: 1.3em;
  320. }
  321. }
  322. @media only screen and (min-width: 64.063em)
  323. {
  324. .content-area
  325. {
  326. float: right;
  327. margin: 0 0 0 -25%;
  328. }
  329. .site-main
  330. {
  331. margin: 0 0 0 25%;
  332. }
  333. .site-content .widget-area
  334. {
  335. float: left;
  336. }
  337. }