1 /* -------------------------------------------------------------- |
|
2 |
|
3 rtl.css |
|
4 * Mirrors Blueprint for left-to-right languages |
|
5 |
|
6 By Ran Yaniv Hartstein [ranh.co.il] |
|
7 |
|
8 -------------------------------------------------------------- */ |
|
9 |
|
10 body .container { direction: rtl; } |
|
11 body .column, body .span-1, body .span-2, body .span-3, body .span-4, body .span-5, body .span-6, body .span-7, body .span-8, body .span-9, body .span-10, body .span-11, body .span-12, body .span-13, body .span-14, body .span-15, body .span-16, body .span-17, body .span-18, body .span-19, body .span-20, body .span-21, body .span-22, body .span-23, body .span-24 { |
|
12 float: right; |
|
13 margin-right: 0; |
|
14 margin-left: 10px; |
|
15 text-align:right; |
|
16 } |
|
17 |
|
18 body div.last { margin-left: 0; } |
|
19 body table .last { padding-left: 0; } |
|
20 |
|
21 body .append-1 { padding-right: 0; padding-left: 40px; } |
|
22 body .append-2 { padding-right: 0; padding-left: 80px; } |
|
23 body .append-3 { padding-right: 0; padding-left: 120px; } |
|
24 body .append-4 { padding-right: 0; padding-left: 160px; } |
|
25 body .append-5 { padding-right: 0; padding-left: 200px; } |
|
26 body .append-6 { padding-right: 0; padding-left: 240px; } |
|
27 body .append-7 { padding-right: 0; padding-left: 280px; } |
|
28 body .append-8 { padding-right: 0; padding-left: 320px; } |
|
29 body .append-9 { padding-right: 0; padding-left: 360px; } |
|
30 body .append-10 { padding-right: 0; padding-left: 400px; } |
|
31 body .append-11 { padding-right: 0; padding-left: 440px; } |
|
32 body .append-12 { padding-right: 0; padding-left: 480px; } |
|
33 body .append-13 { padding-right: 0; padding-left: 520px; } |
|
34 body .append-14 { padding-right: 0; padding-left: 560px; } |
|
35 body .append-15 { padding-right: 0; padding-left: 600px; } |
|
36 body .append-16 { padding-right: 0; padding-left: 640px; } |
|
37 body .append-17 { padding-right: 0; padding-left: 680px; } |
|
38 body .append-18 { padding-right: 0; padding-left: 720px; } |
|
39 body .append-19 { padding-right: 0; padding-left: 760px; } |
|
40 body .append-20 { padding-right: 0; padding-left: 800px; } |
|
41 body .append-21 { padding-right: 0; padding-left: 840px; } |
|
42 body .append-22 { padding-right: 0; padding-left: 880px; } |
|
43 body .append-23 { padding-right: 0; padding-left: 920px; } |
|
44 |
|
45 body .prepend-1 { padding-left: 0; padding-right: 40px; } |
|
46 body .prepend-2 { padding-left: 0; padding-right: 80px; } |
|
47 body .prepend-3 { padding-left: 0; padding-right: 120px; } |
|
48 body .prepend-4 { padding-left: 0; padding-right: 160px; } |
|
49 body .prepend-5 { padding-left: 0; padding-right: 200px; } |
|
50 body .prepend-6 { padding-left: 0; padding-right: 240px; } |
|
51 body .prepend-7 { padding-left: 0; padding-right: 280px; } |
|
52 body .prepend-8 { padding-left: 0; padding-right: 320px; } |
|
53 body .prepend-9 { padding-left: 0; padding-right: 360px; } |
|
54 body .prepend-10 { padding-left: 0; padding-right: 400px; } |
|
55 body .prepend-11 { padding-left: 0; padding-right: 440px; } |
|
56 body .prepend-12 { padding-left: 0; padding-right: 480px; } |
|
57 body .prepend-13 { padding-left: 0; padding-right: 520px; } |
|
58 body .prepend-14 { padding-left: 0; padding-right: 560px; } |
|
59 body .prepend-15 { padding-left: 0; padding-right: 600px; } |
|
60 body .prepend-16 { padding-left: 0; padding-right: 640px; } |
|
61 body .prepend-17 { padding-left: 0; padding-right: 680px; } |
|
62 body .prepend-18 { padding-left: 0; padding-right: 720px; } |
|
63 body .prepend-19 { padding-left: 0; padding-right: 760px; } |
|
64 body .prepend-20 { padding-left: 0; padding-right: 800px; } |
|
65 body .prepend-21 { padding-left: 0; padding-right: 840px; } |
|
66 body .prepend-22 { padding-left: 0; padding-right: 880px; } |
|
67 body .prepend-23 { padding-left: 0; padding-right: 920px; } |
|
68 |
|
69 body .border { |
|
70 padding-right: 0; |
|
71 padding-left: 4px; |
|
72 margin-right: 0; |
|
73 margin-left: 5px; |
|
74 border-right: none; |
|
75 border-left: 1px solid #eee; |
|
76 } |
|
77 |
|
78 body .colborder { |
|
79 padding-right: 0; |
|
80 padding-left: 24px; |
|
81 margin-right: 0; |
|
82 margin-left: 25px; |
|
83 border-right: none; |
|
84 border-left: 1px solid #eee; |
|
85 } |
|
86 |
|
87 body .pull-1 { margin-left: 0; margin-right: -40px; } |
|
88 body .pull-2 { margin-left: 0; margin-right: -80px; } |
|
89 body .pull-3 { margin-left: 0; margin-right: -120px; } |
|
90 body .pull-4 { margin-left: 0; margin-right: -160px; } |
|
91 |
|
92 body .push-0 { margin: 0 18px 0 0; } |
|
93 body .push-1 { margin: 0 18px 0 -40px; } |
|
94 body .push-2 { margin: 0 18px 0 -80px; } |
|
95 body .push-3 { margin: 0 18px 0 -120px; } |
|
96 body .push-4 { margin: 0 18px 0 -160px; } |
|
97 body .push-0, body .push-1, body .push-2, |
|
98 body .push-3, body .push-4 { float: left; } |
|
99 |
|
100 |
|
101 /* Typography with RTL support */ |
|
102 body h1,body h2,body h3, |
|
103 body h4,body h5,body h6 { font-family: Arial, sans-serif; } |
|
104 html body { font-family: Arial, sans-serif; } |
|
105 body pre,body code,body tt { font-family: monospace; } |
|
106 |
|
107 /* Mirror floats and margins on typographic elements */ |
|
108 body p img { float: right; margin: 1.5em 0 1.5em 1.5em; } |
|
109 body dd, body ul, body ol { margin-left: 0; margin-right: 1.5em;} |
|
110 body td, body th { text-align:right; } |
|