|
0
|
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; } |