tor-webwml.git

1) body {

2)     background-color: white;

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: right;

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: 0.5cm;

73)     margin-left: 1em;
74)     margin-right: 1em;
75)     text-align: right;
76) }
77) 
78) /* the sidebar */
79) 
80) div.sidebar {

81) 	-moz-border-radius: 5px;

82) 	-khtml-border-radius: 5px;

83) 	background-color: #e5e5e5;
84)   float: right;
85)   margin: 0 0 10px 10px;
86)   /* border: 2px solid #666; */
87)   padding: 10px;
88)   width: 275px;
89)   text-align: center;
90) }
91) 
92) div.sidebar-left {
93) 	-moz-border-radius: 5px;

94) 	-khtml-border-radius: 5px;

95)   background-color: #e5e5e5;
96)   float: right;
97)   margin: 0 0 5px 5px;
98)   /* border: 2px solid #666; */
99)   padding: 5px;
100)   width: 275px;
101)   text-align: right;

102) }
103) 
104) /* The main column (left text) */
105) 
106) div.main-column {
107)     padding: 15px 0 10px 10px;
108)     text-indent: 0pt;
109)     font-size: 1em;
110)     direction: rtl;
111)     text-align: right; 
112) }
113) 
114) /* formatting styles */
115) 
116) h1 {
117)     font-size: 1.6em;
118)     margin-bottom: 0.5em;
119) }
120) 
121) h2 {
122)     font-size: 1.4em;
123)     margin-bottom: 0em;
124)     font-weight: bold;
125)     margin-top: 0;
126) }
127) 
128) h3 {
129)     font-size: 1.2em;
130)     margin-bottom: 0em;
131)     font-weight: bold;
132)     margin-top: 0;
133) }
134) 
135) h4 {
136)     font-size: 1.1em;
137)     margin-bottom: 0em;
138)     font-weight: bold;
139)     margin-top: 0;
140) }
141) 
142) h5 {
143)     font-size: 1.0em;
144)     margin-bottom: 0em;
145)     font-weight: bold;
146)     margin-top: 0;
147) }
148) 
149) p {
150)     margin-top: 0;
151)     margin-bottom: 1em;
152) }
153) 
154) a:link {
155)     color: blue;
156)     font-size: 1em;
157) }
158) 
159) a:visited {
160)     color: purple;
161)     font-size: 1em;
162) }
163) 
164) a.anchor:link {
165)     font-size: 1em;
166)     color: black;
167)     font-weight: bold;
168)     text-decoration: none;
169) }
170) 
171) a.anchor:visited {
172)     font-size: 1em;
173)     color: black;
174)     font-weight: bold;
175)     text-decoration: none;
176) }
177) 
178) a.anchor {
179)     font-size: 1em;
180)     color: black;
181)     font-weight: bold;
182)     text-decoration: none;
183) }
184) 
185) td {
186)     vertical-align: top;
187) }
188) 
189) a.smalllink {
190)     font-size: 0.8em;
191) }
192) 
193) /* the banner */
194) 
195) table.banner {
196)     width: 100%;
197)     height: 79px;
198)     margin-left: auto;
199)     margin-right: auto;
200) }
201) 
202) td.banner-left {
203) 	/* This is done with an <img> in the HTML so it can be clickable
204)     background-image: url("images/top-left.png");
205)     background-repeat: no-repeat; */
206)     width: 193px;
207) }
208) 
209) td.banner-middle {
210)     background-color: #00802B;
211)     background-image: url("images/top-middle.png");
212)     background-repeat: repeat-x;
213)     vertical-align: bottom;
214)     padding-bottom: 10px;
215)     color: white;
216)     font-weight: bold;
217)     font-size: 1em;
218) }
219) 
220) td.banner-middle a, td.banner-middle a:visited {
221)     margin-right: 5px;
222)     color: white;
223)     font-weight: bold;
224)     font-size: 1em;
225) }
226) 
227) td.banner-middle a:hover {
228)     color: #FF7F00;
229)     font-weight: bold;
230)     font-size: 1em;
231) }
232) 
233) td.banner-right {
234)     background-image: url("images/top-right.png");
235)     background-repeat: no-repeat;
236)     width: 180px;
237)     background-position: right;
238)     padding-top: 8px;
239) }
240) 
241) .banner-middle a.current {
242)     text-decoration: none;	       
243)     color: #FF7F00;
244)     font-weight: bold;
245)     font-size: 1em;
246)     width: auto;
247)     left: -50px;
248) }
249) 
250) .donatebutton {
251)         width: auto;
252)         text-align: center;
253) }
254) 
255) .donatebutton a {

256) 	-moz-border-radius: 5px;

257) 	-khtml-border-radius: 5px;

258)         margin: 10px 0 0 0;
259)         font-weight: bold;
260)         display: block;
261)         padding: 6px;
262)         background-color: #00802B;
263)         border-top: 1px solid #00A838;
264)         border-left: 1px solid #00A838;
265)         border-bottom: 1px solid #00591E;
266)         border-right: 1px solid #00591E;
267)         color: #FFFFFF;
268) }
269) 
270) .donatebutton a:hover {
271)         color: orange;
272) }
273) 
274) .donatebutton a:active {
275)         color: orange;
276) }
277) 

278) .downloadbutton {
279)         width: auto;
280)         text-align: center;
281) }
282) 
283) .downloadbutton a {
284) 	-moz-border-radius: 5px;

285) 	-khtml-border-radius: 5px;

286) 	margin: 10px 0 0 0;
287) 	font-weight: bold;
288) 	display: block;
289) 	padding: 6px;
290) 	background-color: orange;
291) 	color: #FFFFFF;
292) }
293) 
294) .downloadbutton a:hover {
295)         color: green;
296) }
297) 
298) .donatebutton a:active {
299)         color: green;
300) }
301) 

302) /* these styles are for the menu on the gui contest pages */
303) 
304) .guileft {
305) 	 width: 25%;
306) 	 float: left;
307) 	 padding: 0;
308) 	 margin: 0;
309) }
310) 
311) .guimenu {
312) 	 border: 1px solid #AAA6AB;
313) 	 background-color: #E2DFE3;
314) 	 margin: 0 15px 15px 0;
315) 	 padding: 0;
316) }
317) 
318) .guimenuinner a {
319) 	      display: block;
320) 	      text-decoration: none;
321) 	      padding: 2px 0px 0px 12px;
322) 	      margin: 0 0 0 0px;
323) 	      color: #333333;
324) }
325) 
326) .guimenuinner a:visited {
327) 	      color: #333333;
328) }
329) 
330) .guimenuinner a:hover {
331) 	      background-image: url(gui/img/arrow.png);
332) 	      background-repeat: no-repeat;
333) 	      background-position: left;
334) 	      color: #EF8012;
335) }
336) 
337) .guimenuinner a.on {
338) 	      background-image: url(gui/img/arrow.png);
339) 	      background-repeat: no-repeat;
340) 	      background-position: left;
341) 	      color: #EF8012;
342) }
343) 
344) 
345) .guimenu h1 {
346)          width: 85%;
347) 	 font-size: 16px;
348) 	 margin: 0 0 8px 0;
349) 	 padding: 0;
350) 	 border-bottom: 1px solid #AAA6AB;
351) }
352) 
353) .curveleft {
354) 	   background-image: url(gui/img/corner-topleft.png);
355) 	   background-repeat: no-repeat;
356) 	   background-position: top left;
357) 	   margin: -1px;
358) }
359) 
360) .curveright {
361) 	    background-image: url(gui/img/corner-topright.png);
362) 	    background-repeat: no-repeat;
363) 	    background-position: top right;
364) }
365) 
366) .guimenuinner {
367) 	      
368) 	      padding: 0 10px 0 10px;
369) }
370) 
371) 
372) .curvebottomleft {
373) 		 background-image: url(gui/img/corner-bottomleft.png);
374) 		 background-repeat: no-repeat;
375) 		 background-position: bottom left;
376) 		 margin: -1px;
377) }
378) 
379) .curvebottomright {
380) 		  background-image: url(gui/img/corner-bottomright.png);
381) 		  background-repeat: no-repeat;
382) 		  background-position: bottom right;
383) }
384) 
385) table.mirrors {
386) 	margin: 0 auto;
387) 	border-width: 3px;
388) 	border-color: gray;
389) 	border-style: ridge;
390) 	border-collapse: collapse;
391) }
392) table.mirrors th {
393) 	border: 1px solid gray;
394) 	background-color: #DDDDDD;
395) }
396) table.mirrors td {
397) 	border: 1px solid gray;
398) 	padding: 4px;
399) }
400) 
401) acronym {
402)   border-bottom: none;
403) }
404) 
405) dt {
406)   font-weight: bolder;
407)   font-style: italic;
408) }
409) 

410) .nb {
411) 	-moz-border-radius: 5px;

412) 	-khtml-border-radius: 5px;

413) 	background-color:#EEEEFF;
414) 	border:1px solid #000000;
415) 	color:black;

416) 	font-size:10pt;

417) 	font-weight:bold;
418) 	margin:10px 0;
419) 	padding:15px 20px;
420) 	text-align:justify;
421) }
422) 
423) .warning {
424) 	-moz-border-radius: 5px;

425) 	-khtml-border-radius: 5px;