rtl.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848
  1. /*
  2. Theme Name: Twenty Fifteen
  3. Description: Adds support for languages written in a Right To Left (RTL) direction.
  4. It's easy, just a matter of overwriting all the horizontal positioning attributes
  5. of your CSS stylesheet in a separate stylesheet file named rtl.css.
  6. See: https://codex.wordpress.org/Right_to_Left_Language_Support
  7. */
  8. /**
  9. * Table of Contents:
  10. *
  11. * 1.0 - Reset
  12. * 2.0 - Typography
  13. * 3.0 - Elements
  14. * 4.0 - Forms
  15. * 5.0 - Navigations
  16. * 6.0 - Accessibility
  17. * 7.0 - Alignments
  18. * 8.0 - Header
  19. * 9.0 - Widgets
  20. * 10.0 - Content
  21. * 10.1 - Posts and pages
  22. * 10.2 - Comments
  23. * 11.0 - Media Queries
  24. * 11.1 - Mobile Large
  25. * 11.2 - Tablet Small
  26. * 11.3 - Tablet Large
  27. * 11.4 - Desktop Small
  28. * 11.5 - Desktop Medium
  29. * 11.6 - Desktop Large
  30. * 11.7 - Desktop X-Large
  31. */
  32. /**
  33. * 1.0 Reset
  34. */
  35. body {
  36. direction: rtl;
  37. unicode-bidi: embed;
  38. }
  39. caption,
  40. th,
  41. td {
  42. text-align: right;
  43. }
  44. /**
  45. * 2.0 Typography
  46. */
  47. body,
  48. button,
  49. input[type="button"],
  50. input[type="reset"],
  51. input[type="submit"],
  52. input,
  53. select,
  54. textarea,
  55. blockquote cite,
  56. blockquote small,
  57. .post-password-form label,
  58. .main-navigation .menu-item-description,
  59. .post-navigation .meta-nav,
  60. .post-navigation .post-title,
  61. .pagination,
  62. .image-navigation,
  63. .comment-navigation,
  64. .site-title,
  65. .site-description,
  66. .widget-title,
  67. .widget_calendar caption,
  68. .widget_rss .rss-date,
  69. .widget_rss cite,
  70. .author-heading,
  71. .entry-footer,
  72. .page-title,
  73. .page-links,
  74. .entry-caption,
  75. .comments-title,
  76. .comment-reply-title,
  77. .comment-metadata,
  78. .pingback .edit-link,
  79. .comment-list .reply a,
  80. .comment-form label,
  81. .comment-notes,
  82. .comment-awaiting-moderation,
  83. .logged-in-as,
  84. .form-allowed-tags,
  85. .no-comments,
  86. .wp-caption-text,
  87. .gallery-caption {
  88. font-family: Arial, Tahoma, sans-serif;
  89. }
  90. ::-webkit-input-placeholder {
  91. font-family: Arial, Tahoma, sans-serif;
  92. }
  93. :-moz-placeholder {
  94. font-family: Arial, Tahoma, sans-serif;
  95. }
  96. ::-moz-placeholder {
  97. font-family: Arial, Tahoma, sans-serif;
  98. }
  99. :-ms-input-placeholder {
  100. font-family: Arial, Tahoma, sans-serif;
  101. }
  102. blockquote {
  103. border-right: 4px solid rgba(51, 51, 51, 0.7);
  104. border-left: 0;
  105. padding-right: 0.7778em;
  106. padding-left: 0;
  107. }
  108. /**
  109. * 3.0 Elements
  110. */
  111. ul,
  112. ol {
  113. margin: 0 1.3333em 1.6em 0;
  114. }
  115. caption,
  116. th,
  117. td {
  118. text-align: right;
  119. }
  120. /**
  121. * 4.0 Forms
  122. */
  123. .post-password-form input[type="submit"] {
  124. right: auto;
  125. left: 0;
  126. }
  127. /**
  128. * 5.0 Navigations
  129. */
  130. .main-navigation ul ul {
  131. margin-right: 0.8em;
  132. margin-left: auto;
  133. }
  134. .main-navigation .menu-item-has-children > a {
  135. padding-right: 0;
  136. padding-left: 48px;
  137. }
  138. .dropdown-toggle {
  139. right: auto;
  140. left: 0;
  141. }
  142. .dropdown-toggle:after {
  143. right: -1px;
  144. left: auto;
  145. }
  146. .social-navigation li {
  147. float: right;
  148. }
  149. .social-navigation a:before {
  150. right: 0;
  151. left: auto;
  152. }
  153. .secondary-toggle {
  154. right: auto;
  155. left: 0;
  156. }
  157. .post-navigation .has-post-thumbnail a:before {
  158. right: 0;
  159. left: auto;
  160. }
  161. .pagination .prev {
  162. right: 0;
  163. left: auto;
  164. }
  165. .pagination .prev:before {
  166. content: "\f429";
  167. right: -1px;
  168. left: auto;
  169. }
  170. .pagination .next {
  171. right: auto;
  172. left: 0;
  173. }
  174. .pagination .next:before {
  175. content: "\f430";
  176. right: auto;
  177. left: -1px;
  178. }
  179. .image-navigation .nav-previous a:before,
  180. .comment-navigation .nav-previous a:before {
  181. content: "\f429";
  182. margin-right: auto;
  183. margin-left: 0.2em;
  184. }
  185. .image-navigation .nav-next a:after,
  186. .comment-navigation .nav-next a:after {
  187. content: "\f430";
  188. margin-right: 0.2em;
  189. margin-left: auto;
  190. }
  191. /**
  192. * 6.0 Accessibility
  193. */
  194. .screen-reader-text:hover,
  195. .screen-reader-text:focus {
  196. right: 5px;
  197. left: auto;
  198. }
  199. /**
  200. * 7.0 Alignments
  201. */
  202. .alignright {
  203. float: right;
  204. }
  205. .alignleft {
  206. float: left;
  207. }
  208. .aligncenter {
  209. margin-right: auto;
  210. margin-left: auto;
  211. }
  212. blockquote.alignright,
  213. .wp-caption.alignright,
  214. img.alignright {
  215. margin: 0.4em 0 1.6em 1.6em;
  216. }
  217. blockquote.alignleft,
  218. .wp-caption.alignleft,
  219. img.alignleft {
  220. margin: 0.4em 1.6em 1.6em 0;
  221. }
  222. /**
  223. * 8.0 Header
  224. */
  225. .site-branding {
  226. padding-right: 0;
  227. padding-left: 60px;
  228. }
  229. /**
  230. * 9.0 Widgets
  231. */
  232. .widget_categories .children,
  233. .widget_nav_menu .sub-menu,
  234. .widget_pages .children {
  235. margin: 0.7667em 0.8em 0 0;
  236. }
  237. .textwidget ul,
  238. .textwidget ol {
  239. margin-left: 0;
  240. margin-right: 1.6em;
  241. }
  242. /**
  243. * 10.0 Content
  244. */
  245. /**
  246. * 10.1 Posts and pages
  247. */
  248. .entry-content .more-link:after {
  249. content: "\f430";
  250. }
  251. .author-link:after {
  252. content: "\f430";
  253. }
  254. .author-info .avatar {
  255. float: right;
  256. margin: 0 0 1.6em 1.6em;
  257. }
  258. .posted-on:before,
  259. .byline:before,
  260. .cat-links:before,
  261. .tags-links:before,
  262. .comments-link:before,
  263. .entry-format:before,
  264. .edit-link:before,
  265. .full-size-link:before {
  266. margin-right: auto;
  267. margin-left: 2px;
  268. }
  269. .posted-on,
  270. .byline,
  271. .cat-links,
  272. .tags-links,
  273. .comments-link,
  274. .entry-format,
  275. .full-size-link {
  276. margin-right: auto;
  277. margin-left: 1em;
  278. }
  279. .page-links a,
  280. .page-links > span {
  281. margin: 0 0 0.3333em 0.3333em;
  282. }
  283. .page-links > .page-links-title {
  284. padding-right: 0;
  285. padding-left: 0.5em;
  286. }
  287. .type-attachment .entry-header {
  288. clear: left;
  289. }
  290. .format-link .entry-title a:after {
  291. -webkit-transform: scaleX(-1);
  292. -moz-transform: scaleX(-1);
  293. -ms-transform: scaleX(-1);
  294. -o-transform: scaleX(-1);
  295. transform: scaleX(-1);
  296. }
  297. /**
  298. * 10.2 Comments
  299. */
  300. .comment-list .children > li {
  301. padding-right: 0.8em;
  302. padding-left: 0;
  303. }
  304. .comment-author .avatar {
  305. float: right;
  306. margin-right: 0;
  307. margin-left: 0.4em;
  308. }
  309. .bypostauthor > article .fn:after {
  310. right: 3px;
  311. left: auto;
  312. }
  313. .comment-metadata .edit-link {
  314. margin-right: 1em;
  315. margin-left: auto;
  316. }
  317. .pingback .edit-link {
  318. margin-right: 1em;
  319. margin-left: auto;
  320. }
  321. .comment-content ul,
  322. .comment-content ol {
  323. margin: 0 1.3333em 1.6em 0;
  324. }
  325. .comment-reply-title small a {
  326. float: left;
  327. }
  328. .comment-form #wp-comment-cookies-consent {
  329. margin: 0 0 0 10px;
  330. }
  331. /**
  332. * 11.0 Media Queries
  333. */
  334. /**
  335. * 11.1 Mobile Large 620px
  336. */
  337. @media screen and (min-width: 38.75em) {
  338. ul,
  339. ol {
  340. margin-right: 0;
  341. margin-left: auto;
  342. }
  343. li > ul,
  344. li > ol,
  345. blockquote > ul,
  346. blockquote > ol {
  347. margin-right: 1.3333em;
  348. margin-left: auto;
  349. }
  350. blockquote {
  351. margin-right: -1em;
  352. margin-left: auto;
  353. }
  354. blockquote > blockquote {
  355. margin-right: 0;
  356. margin-left: auto;
  357. }
  358. .page-header {
  359. border-color: inherit;
  360. border-left: none;
  361. border-style: solid;
  362. border-width: 0 7px 0 0;
  363. }
  364. .page-title,
  365. .taxonomy-description {
  366. margin-right: -7px;
  367. margin-left: auto;
  368. }
  369. .comment-content ul,
  370. .comment-content ol {
  371. margin-right: 0;
  372. margin-left: auto;
  373. }
  374. .comment-content li > ul,
  375. .comment-content li > ol,
  376. .comment-content blockquote > ul,
  377. .comment-content blockquote > ol {
  378. margin-right: 1.3333em;
  379. margin-left: auto;
  380. }
  381. }
  382. /**
  383. * 11.2 Tablet Small 740px
  384. */
  385. @media screen and (min-width: 46.25em) {
  386. blockquote {
  387. margin-right: -1.05em;
  388. margin-left: auto;
  389. padding-right: 0.85em;
  390. padding-left: 0;
  391. }
  392. .main-navigation ul ul {
  393. margin-right: 1em;
  394. margin-left: auto;
  395. }
  396. blockquote.alignright,
  397. .wp-caption.alignright,
  398. img.alignright {
  399. margin: 0.4118em 0 1.6471em 1.6471em;
  400. }
  401. blockquote.alignleft,
  402. .wp-caption.alignleft,
  403. img.alignleft {
  404. margin: 0.4118em 1.6471em 1.6471em 0;
  405. }
  406. .site-branding {
  407. padding-right: 0;
  408. padding-left: 66px;
  409. }
  410. .widget blockquote {
  411. margin-right: -1.2353em;
  412. margin-left: auto;
  413. padding-right: 1em;
  414. padding-left: 0;
  415. }
  416. .widget blockquote > blockquote {
  417. margin-right: 0;
  418. margin-left: auto;
  419. }
  420. .widget blockquote.alignright,
  421. .widget .wp-caption.alignright,
  422. .widget img.alignright {
  423. margin: 0.5em 0 1.5em 1.5em;
  424. }
  425. .widget blockquote.alignleft,
  426. .widget .wp-caption.alignleft,
  427. .widget img.alignleft {
  428. margin: 0.5em 1.5em 1.5em 0;
  429. }
  430. .widget_categories .children,
  431. .widget_nav_menu .sub-menu,
  432. .widget_pages .children {
  433. margin: 0.9643em 1em 0 0;
  434. }
  435. .page-links a,
  436. .page-links > span {
  437. margin: 0 0 0.2857em 0.2857em;
  438. }
  439. .author-info .avatar {
  440. margin: 0 0 1.6471em 1.6471em;
  441. }
  442. .comment-list .children > li {
  443. padding-right: 1.2353em;
  444. padding-left: 0;
  445. }
  446. .comment-author .avatar {
  447. margin-left: 1.64705em;
  448. }
  449. .bypostauthor > article .fn:after {
  450. right: 6px;
  451. left: auto;
  452. }
  453. }
  454. /**
  455. * 11.3 Tablet Large 880px
  456. */
  457. @media screen and (min-width: 55em) {
  458. blockquote {
  459. margin-right: -1.0909em;
  460. margin-left: auto;
  461. padding-right: 0.9091em;
  462. padding-left: 0;
  463. }
  464. blockquote.alignright,
  465. .wp-caption.alignright,
  466. img.alignright {
  467. margin: 0.4211em 0 1.6842em 1.6842em;
  468. }
  469. blockquote.alignleft,
  470. .wp-caption.alignleft,
  471. img.alignleft {
  472. margin: 0.4211em 1.6842em 1.6842em 0;
  473. }
  474. .site-branding {
  475. padding-right: 0;
  476. padding-left: 74px;
  477. }
  478. .widget blockquote {
  479. margin-right: -1.2632em;
  480. margin-left: auto;
  481. padding-right: 1.0526em;
  482. padding-left: 0;
  483. }
  484. .widget_categories .children,
  485. .widget_nav_menu .sub-menu,
  486. .widget_pages .children {
  487. margin: 0.7188em 1em 0 0;
  488. }
  489. .page-links a,
  490. .page-links > span {
  491. margin: 0 0 0.25em 0.25em;
  492. }
  493. .author-info .avatar {
  494. margin: 0 0 1.6842em 1.6842em;
  495. }
  496. .comment-list .children > li {
  497. padding-right: 1.4737em;
  498. padding-left: 0;
  499. }
  500. .comment-author .avatar {
  501. margin-left: 1.6842em;
  502. }
  503. }
  504. /**
  505. * 11.4 Desktop Small 955px
  506. */
  507. @media screen and (min-width: 59.6875em) {
  508. body:before {
  509. right: 0;
  510. left: auto;
  511. }
  512. .sidebar {
  513. float: right;
  514. margin-right: auto;
  515. margin-left: -100%;
  516. }
  517. .site-content {
  518. float: right;
  519. margin-right: 29.4118%;
  520. margin-left: auto;
  521. }
  522. blockquote {
  523. margin-right: -1.3333em;
  524. margin-left: auto;
  525. padding-right: 1.1111em;
  526. padding-left: 0;
  527. }
  528. .main-navigation .menu-item-has-children > a {
  529. padding-right: 0;
  530. padding-left: 30px;
  531. }
  532. blockquote.alignright,
  533. .wp-caption.alignright,
  534. img.alignright {
  535. margin: 0.4em 0 1.6em 1.6em;
  536. }
  537. blockquote.alignleft,
  538. .wp-caption.alignleft,
  539. img.alignleft {
  540. margin: 0.4em 1.6em 1.6em 0;
  541. }
  542. .widget blockquote {
  543. margin-right: -1.5em;
  544. margin-left: auto;
  545. padding-right: 1.1667em;
  546. padding-left: 0;
  547. }
  548. .widget_categories .children,
  549. .widget_nav_menu .sub-menu,
  550. .widget_pages .children {
  551. margin: 0.4583em 1em 0 0;
  552. }
  553. .page-links a,
  554. .page-links > span {
  555. margin: 0 0 0.3333em 0.3333em;
  556. }
  557. .author-info .avatar {
  558. margin: 0 0 1.5em 1.5em;
  559. }
  560. .comment-list .children > li {
  561. padding-right: 0.8em;
  562. padding-left: 0;
  563. }
  564. .comment-author .avatar {
  565. margin-left: 0.8em;
  566. }
  567. .bypostauthor > article .fn:after {
  568. right: 3px;
  569. left: auto;
  570. }
  571. .site-branding {
  572. padding: 0;
  573. }
  574. .site-footer {
  575. float: right;
  576. margin: 0 35.2941% 0 0;
  577. }
  578. }
  579. /**
  580. * 11.5 Desktop Medium 1100px
  581. */
  582. @media screen and (min-width: 68.75em) {
  583. blockquote {
  584. margin-right: -1.05em;
  585. margin-left: auto;
  586. padding-right: 0.85em;
  587. padding-left: 0;
  588. }
  589. .main-navigation .menu-item-has-children > a {
  590. padding-right: 0;
  591. padding-left: 34px;
  592. }
  593. blockquote.alignright,
  594. .wp-caption.alignright,
  595. img.alignright {
  596. margin: 0.4118em 0 1.6471em 1.6471em;
  597. }
  598. blockquote.alignleft,
  599. .wp-caption.alignleft,
  600. img.alignleft {
  601. margin: 0.4118em 1.6471em 1.6471em 0;
  602. }
  603. .widget blockquote {
  604. padding-right: 1.2143em;
  605. padding-left: 0;
  606. }
  607. .widget_categories .children,
  608. .widget_nav_menu .sub-menu,
  609. .widget_pages .children {
  610. margin: 0.4643em 1em 0 0;
  611. }
  612. .page-links a,
  613. .page-links > span {
  614. margin: 0 0 0.2857em 0.2857em;
  615. }
  616. .author-info .avatar {
  617. margin: 0 0 1.6471em 1.6471em;
  618. }
  619. .comment-list .children > li {
  620. padding-right: 1.1667em;
  621. padding-left: 0;
  622. }
  623. .comment-author .avatar {
  624. margin-left: 1.64705em;
  625. }
  626. .bypostauthor > article .fn:after {
  627. right: 6px;
  628. left: auto;
  629. }
  630. }
  631. /**
  632. * 11.6 Desktop Large 1240px
  633. */
  634. @media screen and (min-width: 77.5em) {
  635. blockquote {
  636. margin-right: -1.0909em;
  637. margin-left: auto;
  638. padding-right: 0.9091em;
  639. padding-left: 0;
  640. }
  641. .main-navigation .menu-item-has-children > a {
  642. padding-right: 0;
  643. padding-left: 38px;
  644. }
  645. blockquote.alignright,
  646. .wp-caption.alignright,
  647. img.alignright {
  648. margin: 0.4211em 0 1.6842em 1.6842em;
  649. }
  650. blockquote.alignleft,
  651. .wp-caption.alignleft,
  652. img.alignleft {
  653. margin: 0.4211em 1.6842em 1.6842em 0;
  654. }
  655. .widget blockquote {
  656. padding-right: 1.25em;
  657. padding-left: 0;
  658. }
  659. .widget_categories .children,
  660. .widget_nav_menu .sub-menu,
  661. .widget_pages .children {
  662. margin: 0.4688em 1em 0 0;
  663. }
  664. .page-links a,
  665. .page-links > span {
  666. margin: 0 0 0.25em 0.25em;
  667. }
  668. .author-info .avatar {
  669. margin: 0 0 1.6842em 1.6842em;
  670. }
  671. .comment-list .children > li {
  672. padding-right: 1.4737em;
  673. padding-left: 0;
  674. }
  675. .comment-author .avatar {
  676. margin-left: 1.64705em;
  677. }
  678. }
  679. /**
  680. * 11.7 Desktop X-Large 1403px
  681. */
  682. @media screen and (min-width: 87.6875em) {
  683. body:before {
  684. width: -webkit-calc(50% - 289px);
  685. width: calc(50% - 289px);
  686. }
  687. }