A stylesheet for right to left langs we support.
Jacob Appelbaum

Jacob Appelbaum commited on 2008-08-04 23:13:12
Zeige 1 geänderte Dateien mit 378 Einfügungen und 0 Löschungen.

... ...
@@ -0,0 +1,378 @@
1
+body {
2
+    background-color: #FFFFFF;
3
+    margin-top: 0px;
4
+    font-family: Arial, Helvetica, sans-serif;
5
+    font-size: 1em;
6
+    font-style: normal;
7
+    color: #000000;
8
+    padding-top: 0px;
9
+}
10
+
11
+/* images */
12
+
13
+img {
14
+    border: 0;
15
+}
16
+
17
+
18
+li {
19
+   margin: .2em .2em .2em 1em;
20
+}
21
+
22
+/* this centers the page */
23
+
24
+.center {
25
+    text-align: center;
26
+    background-color: white;
27
+    margin: 0px auto 0 auto;
28
+    width: 85%;
29
+}
30
+
31
+.center table {
32
+    margin-left: auto;
33
+    margin-right: auto;
34
+    text-align: left;
35
+}
36
+
37
+/* for the shadow box */
38
+
39
+table.shadowbox {
40
+    width: 788px;
41
+    border-collapse: collapse;
42
+    padding: 0;
43
+    margin-bottom: 2em;
44
+}
45
+
46
+table.shadowbox td {
47
+    margin: 0;
48
+    padding: 0;
49
+}
50
+
51
+/* spacer */
52
+
53
+td.spacer {
54
+    width: 110px;
55
+}
56
+
57
+div.banner {
58
+    text-align: center;
59
+    height: 79px;
60
+    margin-bottom: 10px;
61
+    width:100%;
62
+}
63
+
64
+table.table-banner {
65
+    margin: 0 auto 0 auto;
66
+    background-image: url("images/tor_mast.gif");
67
+    background-repeat: no-repeat;
68
+}
69
+
70
+div.bottom {
71
+    font-size: 0.8em;
72
+    margin-top: 2cm;
73
+    margin-left: 1em;
74
+    margin-right: 1em;
75
+    text-align: right;
76
+}
77
+
78
+/* the sidebar */
79
+
80
+div.sidebar {
81
+    float: right;
82
+    padding-top: 10px;
83
+    padding-right: 10px;
84
+    padding-bottom: 15px;
85
+    padding-left: 10px;
86
+    width: 260px;
87
+    text-align: center;
88
+}
89
+
90
+
91
+/* The main column (left text) */
92
+
93
+div.main-column {
94
+    padding: 15px 0 10px 10px;
95
+    text-indent: 0pt;
96
+    font-size: 1em;
97
+    direction: rtl;
98
+    text-align: right; 
99
+}
100
+
101
+/* formatting styles */
102
+
103
+h1 {
104
+    font-size: 1.6em;
105
+    margin-bottom: 0.5em;
106
+}
107
+
108
+h2 {
109
+    font-size: 1.4em;
110
+    margin-bottom: 0em;
111
+    font-weight: bold;
112
+    margin-top: 0;
113
+}
114
+
115
+h3 {
116
+    font-size: 1.2em;
117
+    margin-bottom: 0em;
118
+    font-weight: bold;
119
+    margin-top: 0;
120
+}
121
+
122
+h4 {
123
+    font-size: 1.1em;
124
+    margin-bottom: 0em;
125
+    font-weight: bold;
126
+    margin-top: 0;
127
+}
128
+
129
+h5 {
130
+    font-size: 1.0em;
131
+    margin-bottom: 0em;
132
+    font-weight: bold;
133
+    margin-top: 0;
134
+}
135
+
136
+p {
137
+    margin-top: 0;
138
+    margin-bottom: 1em;
139
+}
140
+
141
+a:link {
142
+    color: blue;
143
+    font-size: 1em;
144
+}
145
+
146
+a:visited {
147
+    color: purple;
148
+    font-size: 1em;
149
+}
150
+
151
+a.anchor:link {
152
+    font-size: 1em;
153
+    color: black;
154
+    font-weight: bold;
155
+    text-decoration: none;
156
+}
157
+
158
+a.anchor:visited {
159
+    font-size: 1em;
160
+    color: black;
161
+    font-weight: bold;
162
+    text-decoration: none;
163
+}
164
+
165
+a.anchor {
166
+    font-size: 1em;
167
+    color: black;
168
+    font-weight: bold;
169
+    text-decoration: none;
170
+}
171
+
172
+td {
173
+    vertical-align: top;
174
+}
175
+
176
+a.smalllink {
177
+    font-size: 0.8em;
178
+}
179
+
180
+/* the banner */
181
+
182
+table.banner {
183
+    width: 100%;
184
+    height: 79px;
185
+    margin-left: auto;
186
+    margin-right: auto;
187
+}
188
+
189
+td.banner-left {
190
+	/* This is done with an <img> in the HTML so it can be clickable
191
+    background-image: url("images/top-left.png");
192
+    background-repeat: no-repeat; */
193
+    width: 193px;
194
+}
195
+
196
+td.banner-middle {
197
+    background-color: #00802B;
198
+    background-image: url("images/top-middle.png");
199
+    background-repeat: repeat-x;
200
+    vertical-align: bottom;
201
+    padding-bottom: 10px;
202
+    color: white;
203
+    font-weight: bold;
204
+    font-size: 1em;
205
+}
206
+
207
+td.banner-middle a, td.banner-middle a:visited {
208
+    margin-right: 5px;
209
+    color: white;
210
+    font-weight: bold;
211
+    font-size: 1em;
212
+}
213
+
214
+td.banner-middle a:hover {
215
+    color: #FF7F00;
216
+    font-weight: bold;
217
+    font-size: 1em;
218
+}
219
+
220
+td.banner-right {
221
+    background-image: url("images/top-right.png");
222
+    background-repeat: no-repeat;
223
+    width: 180px;
224
+    background-position: right;
225
+    padding-top: 8px;
226
+}
227
+
228
+.banner-middle a.current {
229
+    text-decoration: none;	       
230
+    color: #FF7F00;
231
+    font-weight: bold;
232
+    font-size: 1em;
233
+    width: auto;
234
+    text-align: auto;
235
+    left: -50px;
236
+}
237
+
238
+.donatebutton {
239
+        width: auto;
240
+        text-align: center;
241
+}
242
+
243
+.donatebutton a {
244
+        margin: 10px 0 0 0;
245
+        font-weight: bold;
246
+        display: block;
247
+        padding: 6px;
248
+        background-color: #00802B;
249
+        border-top: 1px solid #00A838;
250
+        border-left: 1px solid #00A838;
251
+        border-bottom: 1px solid #00591E;
252
+        border-right: 1px solid #00591E;
253
+        color: #FFFFFF;
254
+}
255
+
256
+.donatebutton a:hover {
257
+        color: orange;
258
+}
259
+
260
+.donatebutton a:active {
261
+        color: orange;
262
+}
263
+
264
+/* these styles are for the menu on the gui contest pages */
265
+
266
+.guileft {
267
+	 width: 25%;
268
+	 float: left;
269
+	 padding: 0;
270
+	 margin: 0;
271
+}
272
+
273
+.guimenu {
274
+	 border: 1px solid #AAA6AB;
275
+	 background-color: #E2DFE3;
276
+	 margin: 0 15px 15px 0;
277
+	 padding: 0;
278
+}
279
+
280
+.guimenuinner a {
281
+	      display: block;
282
+	      text-decoration: none;
283
+	      padding: 2px 0px 0px 12px;
284
+	      margin: 0 0 0 0px;
285
+	      color: #333333;
286
+}
287
+
288
+.guimenuinner a:visited {
289
+	      color: #333333;
290
+}
291
+
292
+.guimenuinner a:hover {
293
+	      background-image: url(gui/img/arrow.png);
294
+	      background-repeat: no-repeat;
295
+	      background-position: left;
296
+	      color: #EF8012;
297
+}
298
+
299
+.guimenuinner a.on {
300
+	      background-image: url(gui/img/arrow.png);
301
+	      background-repeat: no-repeat;
302
+	      background-position: left;
303
+	      color: #EF8012;
304
+}
305
+
306
+
307
+.guimenu h1 {
308
+         width: 85%;
309
+	 font-size: 16px;
310
+	 margin: 0 0 8px 0;
311
+	 padding: 0;
312
+	 border-bottom: 1px solid #AAA6AB;
313
+}
314
+
315
+.curveleft {
316
+	   background-image: url(gui/img/corner-topleft.png);
317
+	   background-repeat: no-repeat;
318
+	   background-position: top left;
319
+	   margin: -1px;
320
+}
321
+
322
+.curveright {
323
+	    background-image: url(gui/img/corner-topright.png);
324
+	    background-repeat: no-repeat;
325
+	    background-position: top right;
326
+}
327
+
328
+.guimenuinner {
329
+	      
330
+	      padding: 0 10px 0 10px;
331
+}
332
+
333
+//.wiki {
334
+      padding: 5px 40px 0 0;
335
+      display: block;
336
+      text-align: right;
337
+}
338
+
339
+
340
+.curvebottomleft {
341
+		 background-image: url(gui/img/corner-bottomleft.png);
342
+		 background-repeat: no-repeat;
343
+		 background-position: bottom left;
344
+		 margin: -1px;
345
+}
346
+
347
+.curvebottomright {
348
+		  background-image: url(gui/img/corner-bottomright.png);
349
+		  background-repeat: no-repeat;
350
+		  background-position: bottom right;
351
+}
352
+
353
+
354
+table.mirrors {
355
+	margin: 0 auto;
356
+	border-width: 3px;
357
+	border-color: gray;
358
+	border-style: ridge;
359
+	border-collapse: collapse;
360
+}
361
+table.mirrors th {
362
+	border: 1px solid gray;
363
+	background-color: #DDDDDD;
364
+}
365
+table.mirrors td {
366
+	border: 1px solid gray;
367
+	padding: 4px;
368
+}
369
+
370
+acronym {
371
+  border-bottom: none;
372
+}
373
+
374
+dt {
375
+  font-weight: bolder;
376
+  font-style: italic;
377
+}
378
+
0 379