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