rtl.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  1. /*
  2. Theme Name: Photos
  3. */
  4. body {
  5. direction: rtl;
  6. unicode-bidi: embed;
  7. }
  8. blockquote {
  9. border-left: none;
  10. border-right: 4px solid #d63031;
  11. }
  12. ul, ol {
  13. padding-left: 0;
  14. padding-right: 1em;
  15. }
  16. li > ul,
  17. li > ol {
  18. margin-left: 0;
  19. margin-right: 1.5em;
  20. }
  21. /*--------------------------------------------------------------
  22. ## Menus
  23. --------------------------------------------------------------*/
  24. .main-navigation {
  25. left: 0;
  26. right: auto;
  27. }
  28. .main-navigation ul {
  29. padding-right: 0;
  30. }
  31. .main-navigation .menu-item-has-children a {
  32. margin-left: 36px;
  33. margin-right: 0;
  34. }
  35. .main-navigation .dropdown-toggle {
  36. float: left;
  37. }
  38. .main-navigation .sub-menu.toggled-on {
  39. margin-left: 0;
  40. margin-right: 1em;
  41. }
  42. .site-header.overlay:after {
  43. left: auto;
  44. right: 0;
  45. }
  46. .comment-navigation .nav-previous,
  47. .posts-navigation .nav-previous,
  48. .post-navigation .nav-previous {
  49. float: right;
  50. text-align: right;
  51. }
  52. .comment-navigation .nav-next,
  53. .posts-navigation .nav-next,
  54. .post-navigation .nav-next {
  55. float: left;
  56. text-align: left;
  57. }
  58. .screen-reader-text:focus {
  59. left: auto;
  60. right: 5px;
  61. }
  62. /*--------------------------------------------------------------
  63. # Alignments
  64. --------------------------------------------------------------*/
  65. .widget ul {
  66. padding-right: 0;
  67. }
  68. .widget_goodreads a > img {
  69. float: right;
  70. margin: 0 0 1em 1em;
  71. }
  72. .widget_authors ul ul {
  73. margin-right: 0;
  74. }
  75. .site-main article .container .icon {
  76. left: 10px;
  77. right: auto;
  78. }
  79. .search-form .search-submit {
  80. left: 0;
  81. right: auto;
  82. }
  83. .comment-list {
  84. margin-right: 0;
  85. padding-right: 0;
  86. }
  87. .comment-author .avatar {
  88. float: right;
  89. margin: 0 0 0 10px;
  90. }
  91. .comment-body .edit-link {
  92. margin-left: auto;
  93. margin-right: 0.5em;
  94. }
  95. .comment-reply-link {
  96. padding: 0.3rem 0.6rem 0.5rem 1rem;
  97. }
  98. .comment-form input[type=checkbox] {
  99. margin-left: 0.375em;
  100. margin-right: 0;
  101. }
  102. #infinite-handle span {
  103. border: none;
  104. }
  105. #infinite-handle span::before {
  106. display: none;
  107. }
  108. /*--------------------------------------------------------------
  109. # Media Queries
  110. --------------------------------------------------------------*/
  111. /* Wide mobile screens ( > 658px ) */
  112. @media screen and ( min-width: 658px ) {
  113. .site-logo,
  114. .site-title {
  115. text-align: right;
  116. }
  117. .main-navigation .menu-toggle {
  118. left: 12px;
  119. right: auto;
  120. }
  121. .main-navigation .menu-toggle span {
  122. padding-left: 0;
  123. padding-right: 0.25em;
  124. }
  125. .nav-links .icon {
  126. transform: rotate( 180deg );
  127. }
  128. .nav-links .nav-previous .arrow {
  129. float: right;
  130. margin-left: 1em;
  131. margin-right: 0;
  132. }
  133. .nav-links .nav-next .arrow {
  134. float: left;
  135. margin-left: 0;
  136. margin-right: 1em;
  137. }
  138. }
  139. /* Tablet styles ( > 768px ) */
  140. @media screen and ( min-width: 768px ) {
  141. .alignleft {
  142. margin-right: 0;
  143. }
  144. .alignright {
  145. margin-left: 0;
  146. }
  147. .comment-list ol.children {
  148. margin-right: 2.5em;
  149. }
  150. }
  151. /* Small desktop screens ( > 1080px ) */
  152. @media screen and ( min-width: 1080px ) {
  153. .site-branding {
  154. margin-left: auto;
  155. margin-right: 0;
  156. padding-left: 2em;
  157. padding-right: 0;
  158. }
  159. .site-title {
  160. padding: 0 0 0 0.25em;
  161. }
  162. .main-navigation .menu-item-has-children a {
  163. margin-left: 0;
  164. }
  165. .main-navigation .menu {
  166. padding-right: 0;
  167. }
  168. .main-navigation .menu > li,
  169. .main-navigation .menu > ul li {
  170. margin: 0 0 0 1.8rem;
  171. }
  172. .main-navigation .menu > li:last-child,
  173. .main-navigation .menu > ul li:last-child {
  174. margin-left: 0;
  175. }
  176. .main-navigation a .icon {
  177. margin: 0 2px -3px 0;
  178. }
  179. .main-navigation ul ul {
  180. left: auto;
  181. right: -9999em;
  182. text-align: right;
  183. }
  184. .main-navigation ul li.focus > ul,
  185. .main-navigation ul li:hover > ul,
  186. .main-navigation ul li:hover > ul.toggled-on {
  187. right: auto;
  188. }
  189. .main-navigation ul ul ul {
  190. left: auto;
  191. right: 0;
  192. padding-right: 0.625em;
  193. text-align: right;
  194. }
  195. .site-footer .container {
  196. text-align: right;
  197. }
  198. .site-footer .site-info {
  199. text-align: left;
  200. }
  201. }
  202. /* Larger desktop screens */
  203. @media screen and ( min-width: 75em ) {
  204. .post-navigation .previous {
  205. left: auto;
  206. right: calc( 50vw - 595px );
  207. }
  208. .post-navigation .next {
  209. left: calc( 50vw - 595px );
  210. right: auto;
  211. }
  212. }