tor-webwml.git

New rtl css files from AhmadSherif
Parent d99943aa2
Roger Dingledine

Roger Dingledine commited on 2011-03-14 23:23:53
Zeige 3 geänderte Dateien mit 341 Einfügungen und 0 Löschungen. 

I added a master-rtl too.
css/layout-rtl.css
Zeige Datei @ 7e1d030e9
... ... 
@@ -0,0 +1,267 @@
1 
+html { direction: rtl; }
2 
+
3 
+.left { float: right; }
4 
+.right { float: left; }
5 
+
6 
+h1#logo {
7 
+  float: right;
8 
+}
9 
+
10 
+h1#logo a,
11 
+h1#logo a:visited {
12 
+	background-position: right top;
13 
+}
14 
+
15 
+#nav {
16 
+  float: left;
17 
+}
18 
+
19 
+#nav ul {
20 
+	float: left;
21 
+}
22 
+
23 
+#nav ul li {
24 
+	float: right;
25 
+}
26 
+
27 
+#calltoaction {
28 
+	float: left;
29 
+}
30 
+
31 
+#calltoaction ul {
32 
+  float: left;
33 
+}
34 
+
35 
+#calltoaction ul li {
36 
+  float: right;
37 
+  margin-right: 10px;
38 
+}
39 
+
40 
+#calltoaction ul li a:link,
41 
+#calltoaction ul li a:visited{
42 
+  border-right: 1px solid #6ab334;
43 
+  border-left: 1px solid #5a952b;
44 
+  float: right;
45 
+}
46 
+
47 
+#banner {
48 
+	background-position: right top;
49 
+}
50 
+
51 
+#download a:link,
52 
+#download a:visited {
53 
+	background-position: right top;
54 
+	float: right;
55 
+	padding: 35px 80px 0 0;
56 
+}
57 
+
58 
+#download a .download-tor {
59 
+	background-position: left center;
60 
+	padding-left: 25px;
61 
+}
62 
+
63 
+#banner ul {
64 
+	background-position: right top;
65 
+	float: left;
66 
+	margin: 0 0 0 15px;
67 
+	padding: 10px 30px 10px 10px;
68 
+}
69 
+
70 
+#breadcrumbs { padding: 0 5px 10px 0; }
71 
+
72 
+#home #maincol {
73 
+	float: right;
74 
+	margin-left: 20px;
75 
+}
76 
+
77 
+#maincol {
78 
+	float: left;
79 
+}
80 
+
81 
+#maincol-left {
82 
+	float: right;
83 
+}
84 
+
85 
+.subcol {
86 
+	float: right;
87 
+}
88 
+
89 
+#content .first {
90 
+	margin-left: 20px;
91 
+}
92 
+
93 
+#home #sidecol {
94 
+	float: left;
95 
+}
96 
+
97 
+#sidecol {
98 
+	float: right;
99 
+	margin: 0 0 0 20px;
100 
+}
101 
+
102 
+#sidecol-right {
103 
+	float: left;
104 
+	margin: 0 20px 0 0;
105 
+}
106 
+
107 
+.user img, .project-icon {
108 
+	float: right;
109 
+	margin: 3px 0 0 10px;
110 
+}
111 
+
112 
+.img-shadow {
113 
+	float:right;
114 
+	background-position: bottom left !important;
115 
+	background-position: bottom left;
116 
+	margin: 10px 10px 10px 0 !important;
117 
+	margin: 10px 5px 10px 0;
118 
+}
119 
+
120 
+.img-shadow .infoblock,
121 
+.img-shadow .important-infoblock,
122 
+.img-shadow .custom-infoblock,
123 
+.img-shadow #sidenav,
124 
+.img-shadow .sidenav-sub {
125 
+	margin: -6px -6px 6px 6px;
126 
+}
127 
+
128 
+#sidenav ul li.dropdown a:link,
129 
+#sidenav ul li.dropdown a:visited { background-position: right center; }
130 
+#sidenav ul li.dropdown a.active { background-position: right center; }
131 
+
132 
+.sidenav-sub ul li.dropdown a:link,
133 
+.sidenav-sub ul li.dropdown a:visited {
134 
+	background-position: right top;
135 
+}
136 
+
137 
+#sidenav ul li a:link,
138 
+#sidenav ul li a:visited {
139 
+	padding: 8px 26px 8px 15px;
140 
+}
141 
+
142 
+#sidenav ul li ul li a:link,
143 
+#sidenav ul li ul li a:visited {
144 
+	padding-right: 37px;
145 
+}
146 
+
147 
+.sidenav-sub ul li a:link,
148 
+.sidenav-sub ul li a:visited {
149 
+	display: block;
150 
+	padding: 0 26px 10px 15px;
151 
+}
152 
+
153 
+#sidenav ul li.active {
154 
+	background-position: right center;
155 
+}
156 
+
157 
+#sidenav ul li ul li ul li a:link,
158 
+#sidenav ul li ul li ul li a:visited {
159 
+	padding-right: 48px;
160 
+}
161 
+
162 
+table td img,
163 
+table tr img {
164 
+	float: right;
165 
+	margin-left: 10px;
166 
+}
167 
+
168 
+.icon {
169 
+	float: right;
170 
+	margin-left: 15px;
171 
+}
172 
+
173 
+.calendar {
174 
+	background-position: right top;
175 
+	float: right;
176 
+	margin-left: 10px;
177 
+}
178 
+
179 
+.fauxhead {
180 
+	background-position: left top;
181 
+}
182 
+
183 
+.meta {
184 
+	float: left;
185 
+}
186 
+
187 
+.windows,
188 
+.mac,
189 
+.linux,
190 
+.android { padding: 5px 20px 5px 0; }
191 
+
192 
+.windows { background-position: right center; }
193 
+.mac { background-position: right center; }
194 
+.linux { background-position: right center; }
195 
+.android { background-position: right center; }
196 
+
197 
+.title {
198 
+	background-position: left top;
199 
+	padding: 10px 10px 0 25px;
200 
+	float: right;
201 
+}
202 
+
203 
+.title a:link,
204 
+.title a:visited {
205 
+	background-position: right top;
206 
+}
207 
+
208 
+.paypal {
209 
+	float: right;
210 
+}
211 
+.paypal span { padding-left: 20px; }
212 
+
213 
+.warning {
214 
+	background-position: right center;
215 
+}
216 
+.warning p { padding-right: 40px; }
217 
+
218 
+.focus .icon {
219 
+	float: right;
220 
+	margin-left: 10px;
221 
+}
222 
+
223 
+input, select {
224 
+	margin: 0 0 10px 3px;
225 
+}
226 
+
227 
+.donate-btn {
228 
+    background-position: right top;
229 
+}
230 
+
231 
+.signup {
232 
+	border-right: 1px solid #6ab334;
233 
+	border-left: 1px solid #5a952b;
234 
+}
235 
+
236 
+select#lang {
237 
+	float: right;
238 
+	margin-left: 3px;
239 
+}
240 
+.go {
241 
+	border-right: 1px solid #6ab334;
242 
+	border-left: 1px solid #5a952b;
243 
+
244 
+}
245 
+
246 
+.onion {
247 
+	float: right;
248 
+	padding-left: 20px;
249 
+}
250 
+
251 
+#footer .about {
252 
+	padding-left: 30px;
253 
+	border-left: 1px solid #ddd;
254 
+	float: right;
255 
+}
256 
+
257 
+#footer .newsletter {
258 
+	padding: 0 30px 15px 0;
259 
+	margin-right: 308px;
260 
+}
261 
+
262 
+#footer .col {
263 
+	float: right;
264 
+	margin-right: 20px;
265 
+}
266 
+
267 
+#footer .first { margin-right: 30px; }
css/master-rtl.css
Zeige Datei @ 7e1d030e9
... ... 
@@ -0,0 +1,6 @@
1 
+@charset "UTF-8";
2 
+@import "reset.css";
3 
+@import "layout.css";
4 
+@import "layout-rtl.css";
5 
+@import "typography.css";
6 
+@import "typography-rtl.css";
css/typography-rtl.css
Zeige Datei @ 7e1d030e9
... ... 
@@ -0,0 +1,68 @@
1 
+#sidenav h2,
2 
+.sidenav-sub h2 { padding: 10px 10px 0 0; }
3 
+h2.bulb {
4 
+	background-position: right top;
5 
+	padding: 0 25px 0 0;
6 
+}
7 
+
8 
+ol, ul {
9 
+	padding-right: 40px;
10 
+}
11 
+
12 
+#nav ul li a:link,
13 
+#nav ul li a:visited {
14 
+  float: right;
15 
+}
16 
+#nav ul li a:hover,
17 
+#nav ul li a.active { background-position: right top;}
18 
+
19 
+h1.headline {
20 
+	float: right;
21 
+}
22 
+
23 
+p.desc {
24 
+	float: right;
25 
+}
26 
+
27 
+#banner .incorrect a:link,
28 
+#banner .incorrect a:visited {
29 
+	text-align: left;
30 
+	float: right;
31 
+	padding-left: 45px;
32 
+}
33 
+
34 
+#sidenav ul {
35 
+	padding-right: 0;
36 
+}
37 
+
38 
+.sidenav-sub ul {
39 
+	padding-right: 0;
40 
+}
41 
+
42 
+table h2,
43 
+#home-our-projects h2,
44 
+#home-announcements h2 {
45 
+	background-position: right top;
46 
+	padding-right: 10px;
47 
+}
48 
+
49 
+.continue a:link,
50 
+.continue a:visited {
51 
+	float: left;
52 
+}
53 
+
54 
+.fakeol {
55 
+	float: right;
56 
+}
57 
+
58 
+.instructions {
59 
+	float: right;
60 
+}
61 
+
62 
+#footer ul {
63 
+	padding-right: 0;
64 
+}
65 
+
66 
+#projects th {
67 
+  text-align: right;
68 
+}
0 69