Make WordPress Themes

source: ashe/1.9.9.5.1/rtl.css

Last change on this file was 140318, checked in by themedropbox, 5 years ago

New version of Ashe - 1.9.7.99.03

File size: 7.0 KB
Line 
1/*
2Theme Name: Ashe
3
4Adding support for languages written in a Right To Left (RTL) direction is easy,
5it's just a matter of overwriting all the horizontal positioning attributes
6of your CSS stylesheet in a separate stylesheet file named rtl.css.
7
8https://codex.wordpress.org/Right-to-Left_Language_Support
9
10*/
11
12/* Reset */
13body {
14        direction: rtl;
15        unicode-bidi: embed;
16}
17
18
19/* Accessibility */
20.screen-reader-text:focus {
21        left: auto;
22        right: 5px;
23}
24
25blockquote {
26  border-left: none;
27  padding-left: 15px;
28  border-right-width: 3px;
29  border-right-style: solid;
30  padding-right: 15px;
31}
32
33.post-content ul {
34  padding-left: 0;
35  padding-right: 15px;
36}
37
38.post-content ol {
39  padding-left: 0;
40  padding-right: 25px;
41}
42
43table tr,
44table th,
45table td {
46  text-align: right;
47}
48
49
50/* Header */
51
52#top-menu {
53        float: right !important;
54}
55
56.top-bar-socials {
57        float: left !important;
58}
59
60.top-bar-socials a:first-child,
61.main-nav-icons a:first-child {
62        margin-left: 15px;
63}
64
65.top-bar-socials a:last-child,
66.main-nav-icons a:last-child {
67        margin-left: 0;
68}
69
70#top-menu .sub-menu,
71#main-menu .sub-menu {
72        text-align: right;
73}
74
75#top-menu ul ul,
76#main-menu ul ul {
77        right: 100%;
78}
79
80#main-menu li.menu-item-has-children>a:after {
81        float: left;
82        margin-left: 0;
83        margin-right: 10px;
84}
85
86#main-menu ul li.menu-item-has-children>a:after {
87        float: left;
88        content: "\f104";
89}
90
91
92/* Slider */
93.slider-dots li:last-child {
94        margin-right: 10px;
95}
96
97.slider-dots li:first-child {
98        margin-right: 0;
99}
100
101
102/* Content */
103.post-content > p:first-of-type:first-letter {
104        float: right !important;
105        margin: 0px 0 0 12px !important;
106}
107
108.post-author {
109        float: right;
110}
111
112.post-share {
113        float: left;
114}
115
116.post-share a:last-child {
117        margin-right: 10px;
118}
119
120.post-share a:first-child {
121        margin-right: 0;
122}
123
124.post-comments {
125        float: left;
126}
127
128.post-author a img {
129        margin-right: 0;
130        margin-left: 3px;
131}
132
133.post-tags {
134        text-align: right;
135}
136
137.blog-pagination.default .previous-page {
138        float: right;
139}
140
141.blog-pagination.default .next-page {
142        float: left;
143}
144
145.blog-pagination .fa-long-arrow-left:before {
146        content: "\f178";
147}
148
149.blog-pagination .fa-long-arrow-right:before {
150        content: "\f177";
151}
152
153.numeric-prev-page {
154        right: 0;
155        left: auto;
156}
157
158.blog-pagination.numeric .numeric-prev-page {
159        right: 0;
160        left: auto;
161}
162
163.blog-pagination.numeric .numeric-next-page {
164        left: 0;
165        right: auto;
166}
167
168.single-post .next-post {
169        left: 0;
170        right: auto;
171}
172
173.author-share a:last-child {
174        margin-right: 10px;
175}
176
177.author-share a:first-child {
178        margin-right: 0;
179}
180
181.single-post .previous-post img {
182        right:-100px;
183        left: auto;
184}
185
186.single-post .next-post img {
187        left: -100px;
188        right: auto;
189}
190
191.single-post .previous-post:hover img {
192    right: 25px;
193        left: auto;
194}
195
196.single-post .next-post:hover img {
197    right: auto;
198        left: 25px;
199}
200
201.single-post .next-post .fa-angle-right:before {
202    content: "\f104";
203}
204
205.single-post .previous-post .fa-angle-left:before {
206    content: "\f105";
207}
208
209.comment-avatar {
210  float: right;
211  margin-right: 0;
212  margin-left: 17px;
213}
214
215.comment-reply-link {
216        float: left;
217}
218
219.ashe-widget .sub-menu,
220.ashe-widget .children {
221  padding-left: 0;
222  padding-right: 10px;
223}
224
225.widget_search i,
226.widget_search #searchsubmit {
227        right: auto;
228        left: 0;
229}
230
231.widget_categories ul li,
232.widget_archive ul li {
233  float: right;
234  text-align: left;
235}
236
237.widget_categories ul li a,
238.widget_archive ul li a {
239  float: right;
240}
241
242.widget_categories .children li {
243  padding-left: 0;
244  padding-right: 10px;
245}
246
247.ashe_social_widget .social-icons a:last-child {
248        margin-right: 8.5%;
249}
250
251.ashe_social_widget .social-icons a:first-child {
252        margin-right: 0;
253}
254
255
256/* Footer */
257.copyright-info {
258        float: left !important;
259}
260
261.credit {
262        float: right;
263}
264
265.footer-socials a:last-child {
266        margin-right: 17px;
267}
268
269.footer-socials a:first-child {
270        margin-right: 0;
271}
272
273.footer-menu-container {
274        float: left;
275}
276
277#footer-menu {
278        float: right;
279}
280
281#footer-menu > li {
282        margin-right: 0;
283        margin-left: 5px;
284}
285
286.footer-menu-container:after {
287        float: left;
288        margin-right: 0;
289        margin-left: 5px;
290}
291
292.scrolltop {
293        right: auto;
294        left: 80px;
295}
296
297
298/* Shop */
299.woocommerce span.onsale {
300        left: auto !important;
301        right: 7px !important;
302}
303
304.woocommerce ul.products li.product,
305.woocommerce-page ul.products li.product {
306        margin: 0 0 2.992em 2%;
307}
308
309.woocommerce ul.products li.last,
310.woocommerce-page ul.products li.last {
311    margin-left: 0 !important;
312}
313
314.woocommerce div.product .woocommerce-tabs ul.tabs {
315    padding-left: 0;
316    padding-right: 5px;
317}
318
319.widget_product_search input[type="submit"] {
320        right: auto;
321        left: 0;
322}
323
324.woocommerce ul.products li.product .star-rating span,
325.woocommerce ul.products li.product .star-rating::before {
326    left: auto;
327    right: 8px;
328}
329
330
331.woocommerce .page-content nav.woocommerce-pagination ul li a.prev {
332    left: auto;
333    right: 0;
334}
335
336.woocommerce .page-content nav.woocommerce-pagination ul li a.next {
337    left: 0;
338    right: auto;
339}
340
341.woocommerce .page-content nav.woocommerce-pagination ul li a.prev:after {
342    content: "\f178";
343}
344
345.woocommerce .page-content nav.woocommerce-pagination ul li a.next:after {
346    content: "\f177";
347}
348
349.woocommerce .woocommerce-checkout-review-order table.shop_table {
350    float: right;
351}
352
353.woocommerce-checkout-review-order .woocommerce-checkout-payment {
354    float: left;
355}
356
357.woocommerce #reviews #comments ol.commentlist li .comment-text {
358        margin-left: 0;
359        margin-right: 77px;
360}
361
362.woocommerce .widget_layered_nav ul li,
363.woocommerce .widget_product_categories ul li {
364    float: right;
365    text-align: left;
366}
367
368.woocommerce .widget_layered_nav ul li a,
369.woocommerce .widget_product_categories ul li a {
370    float: right;
371}
372
373.woocommerce .widget_layered_nav .children li {
374    padding-left: 0;
375    padding-right: 10px;
376}
377
378.woocommerce .widget_rating_filter ul li {
379  text-align: left;
380}
381
382.woocommerce .widget_rating_filter ul li .star-rating {
383  float: right;
384}
385
386.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
387  margin-right: 0;
388  margin-left: 10px;
389}
390
391.gallery-item {
392        margin-right: 0;
393        margin-left: 5px;
394}
395
396/* Wp def gallery */
397@media screen and ( min-width: 950px ) {
398
399        .gallery-columns-2 .gallery-item:nth-child(2n+2),
400        .gallery-columns-3 .gallery-item:nth-child(3n+3),
401        .gallery-columns-4 .gallery-item:nth-child(4n+4),
402        .gallery-columns-5 .gallery-item:nth-child(5n+5),
403        .gallery-columns-6 .gallery-item:nth-child(6n+6),
404        .gallery-columns-7 .gallery-item:nth-child(7n+7),
405        .gallery-columns-8 .gallery-item:nth-child(8n+8),
406        .gallery-columns-9 .gallery-item:nth-child(9n+9) {
407                margin-left: 0 !important;
408        }
409
410}
411
412@media screen and ( max-width: 950px ) {
413
414        .gallery-item:nth-child(2n+2) {
415                margin-left: 0 !important;
416        }
417
418}
419
420/* Viewport Size 320px */
421@media screen and ( max-width: 320px ) {
422 
423  .post-content {
424    text-align: right;
425  }
426
427}
Note: See TracBrowser for help on using the repository browser.