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

73)     margin-left: 1em;
74)     margin-right: 1em;

75)     text-align: center;

76) }
77) 

78) /* the sidebars */

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: 150px;
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: left;

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

111)     text-align: left;

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: 1.2em;

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) .relaythermometer {
303)   width: 120px; 
304)   -moz-border-radius-bottomleft: 20px;
305)   -moz-border-radius-bottomright: 20px; 
306)   margin: 1em auto; 
307)   height: 100px;
308)   position: relative; 
309)   background-color: orange;
310) }
311) 
312) .relaythermofill {
313)   width: 120px; 
314)   -moz-border-radius-bottomleft: 20px;
315)   -moz-border-radius-bottomright: 20px; 

316)   height: 35px; 

317)   background-color: green; 

318)   font-size: 20px; 

319)   position: absolute; 
320)   bottom: 0; 
321)   line-height: 50px;
322)   text-align: center; 
323)   color: white; 
324)   font-weight: bold;
325) }
326) 

327) /* these styles are for the menu on the gui contest pages */
328) 
329) .guileft {
330) 	 width: 25%;
331) 	 float: left;
332) 	 padding: 0;
333) 	 margin: 0;
334) }
335) 
336) .guimenu {
337) 	 border: 1px solid #AAA6AB;
338) 	 background-color: #E2DFE3;
339) 	 margin: 0 15px 15px 0;
340) 	 padding: 0;
341) }
342) 
343) .guimenuinner a {
344) 	      display: block;
345) 	      text-decoration: none;
346) 	      padding: 2px 0px 0px 12px;
347) 	      margin: 0 0 0 0px;
348) 	      color: #333333;
349) }
350) 
351) .guimenuinner a:visited {
352) 	      color: #333333;
353) }
354) 
355) .guimenuinner a:hover {
356) 	      background-image: url(gui/img/arrow.png);
357) 	      background-repeat: no-repeat;
358) 	      background-position: left;
359) 	      color: #EF8012;
360) }
361) 
362) .guimenuinner a.on {
363) 	      background-image: url(gui/img/arrow.png);
364) 	      background-repeat: no-repeat;
365) 	      background-position: left;
366) 	      color: #EF8012;
367) }
368) 
369) 
370) .guimenu h1 {
371)          width: 85%;
372) 	 font-size: 16px;
373) 	 margin: 0 0 8px 0;
374) 	 padding: 0;
375) 	 border-bottom: 1px solid #AAA6AB;
376) }
377) 
378) .curveleft {
379) 	   background-image: url(gui/img/corner-topleft.png);
380) 	   background-repeat: no-repeat;
381) 	   background-position: top left;
382) 	   margin: -1px;
383) }
384) 
385) .curveright {
386) 	    background-image: url(gui/img/corner-topright.png);
387) 	    background-repeat: no-repeat;
388) 	    background-position: top right;
389) }
390) 
391) .guimenuinner {

392) 

393) 	      padding: 0 10px 0 10px;
394) }
395) 
396) 
397) .curvebottomleft {
398) 		 background-image: url(gui/img/corner-bottomleft.png);
399) 		 background-repeat: no-repeat;
400) 		 background-position: bottom left;
401) 		 margin: -1px;
402) }
403) 
404) .curvebottomright {
405) 		  background-image: url(gui/img/corner-bottomright.png);
406) 		  background-repeat: no-repeat;
407) 		  background-position: bottom right;
408) }
409) 
410) table.mirrors {
411) 	margin: 0 auto;
412) 	border-width: 3px;
413) 	border-color: gray;
414) 	border-style: ridge;
415) 	border-collapse: collapse;
416) }
417) table.mirrors th {
418) 	border: 1px solid gray;
419) 	background-color: #DDDDDD;
420) }
421) table.mirrors td {
422) 	border: 1px solid gray;
423) 	padding: 4px;
424) }
425) 
426) acronym {
427)   border-bottom: none;
428) }
429) 
430) dt {
431)   font-weight: bolder;
432)   font-style: italic;
433) }
434) 

435) .nb {

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

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

438) 	background-color:#EEEEFF;
439) 	border:1px solid #000000;
440) 	color:black;

441) 	font-size:10pt;

442) 	font-weight:bold;
443) 	margin:10px 0;
444) 	padding:15px 20px;
445) 	text-align:justify;

446) }
447) 
448) .warning {

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

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

451) 	background-color:#FFFFFF;
452) 	background-image:url(/images/distros/warning.png);
453) 	background-position:15px center;
454) 	background-repeat:no-repeat;
455) 	border:2px solid #FF0000;
456) 	color:#1A1A1A;
457) 	font-size:10pt;
458) 	font-weight:bold;
459) 	margin:10px 0;
460) 	padding:15px 20px 15px 67px;
461) 	text-align:justify;

462) }
463) 
464) hr {

465) 	background-color:#002200;
466) 	color:#666666;
467) 	font-size:1px;
468) 	height:1px;
469) 	line-height:0;
470) 	margin:15px 0 5px;

471) }
472) 
473) .underline {

474) 	border-bottom:1px solid #000022;
475) 	margin:10px 0 20px;
476) 	padding:5px 0;