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-bottomleft:5px;
82) -moz-border-radius-bottomright:5px;
83) -moz-border-radius-topleft:5px;
84) -moz-border-radius-topright:5px;

85)     background-color: #e5e5e5;

86)     float: right;

87)     margin: 0 0 10px 10px;
88)     /* border: 2px solid #666; */
89)     padding: 10px;
90)     width: 150px;

91)     text-align: center;
92) }
93) 

94) div.sidebar-left {
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) 

105) 
106) /* The main column (left text) */
107) 
108) div.main-column {
109)     padding: 15px 0 10px 10px;
110)     text-indent: 0pt;
111)     font-size: 1em;
112)     direction: ltr;

113)     text-align: left;

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

244)     text-decoration: none;

245)     color: #FF7F00;
246)     font-weight: bold;
247)     font-size: 1em;
248)     width: auto;
249)     left: -50px;
250) }
251) 
252) .donatebutton {
253)         width: auto;
254)         text-align: center;
255) }
256) 
257) .donatebutton a {

258) 	-moz-border-radius-bottomleft:5px;
259) 	-moz-border-radius-bottomright:5px;
260) 	-moz-border-radius-topleft:5px;
261) 	-moz-border-radius-topright:5px;

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

282) .downloadbutton {
283)         width: auto;
284)         text-align: center;
285) }
286) 
287) .downloadbutton a {

288) 	-moz-border-radius-bottomleft:5px;
289) 	-moz-border-radius-bottomright:5px;
290) 	-moz-border-radius-topleft:5px;
291) 	-moz-border-radius-topright:5px;

292)         margin: 10px 0 0 0;
293)         font-weight: bold;
294)         display: block;
295)         padding: 6px;
296)         background-color: orange;
297)         color: #FFFFFF;
298) }
299) 
300) .downloadbutton a:hover {
301)         color: green;
302) }
303) 
304) .donatebutton a:active {
305)         color: green;
306) }
307) 

308) /* these styles are for the menu on the gui contest pages */
309) 
310) .guileft {
311) 	 width: 25%;
312) 	 float: left;
313) 	 padding: 0;
314) 	 margin: 0;
315) }
316) 
317) .guimenu {
318) 	 border: 1px solid #AAA6AB;
319) 	 background-color: #E2DFE3;
320) 	 margin: 0 15px 15px 0;
321) 	 padding: 0;
322) }
323) 
324) .guimenuinner a {
325) 	      display: block;
326) 	      text-decoration: none;
327) 	      padding: 2px 0px 0px 12px;
328) 	      margin: 0 0 0 0px;
329) 	      color: #333333;
330) }
331) 
332) .guimenuinner a:visited {
333) 	      color: #333333;
334) }
335) 
336) .guimenuinner a:hover {
337) 	      background-image: url(gui/img/arrow.png);
338) 	      background-repeat: no-repeat;
339) 	      background-position: left;
340) 	      color: #EF8012;
341) }
342) 
343) .guimenuinner a.on {
344) 	      background-image: url(gui/img/arrow.png);
345) 	      background-repeat: no-repeat;
346) 	      background-position: left;
347) 	      color: #EF8012;
348) }
349) 
350) 
351) .guimenu h1 {
352)          width: 85%;
353) 	 font-size: 16px;
354) 	 margin: 0 0 8px 0;
355) 	 padding: 0;
356) 	 border-bottom: 1px solid #AAA6AB;
357) }
358) 
359) .curveleft {
360) 	   background-image: url(gui/img/corner-topleft.png);
361) 	   background-repeat: no-repeat;
362) 	   background-position: top left;
363) 	   margin: -1px;
364) }
365) 
366) .curveright {
367) 	    background-image: url(gui/img/corner-topright.png);
368) 	    background-repeat: no-repeat;
369) 	    background-position: top right;
370) }
371) 
372) .guimenuinner {

373) 

374) 	      padding: 0 10px 0 10px;
375) }
376) 
377) 
378) .curvebottomleft {
379) 		 background-image: url(gui/img/corner-bottomleft.png);
380) 		 background-repeat: no-repeat;
381) 		 background-position: bottom left;
382) 		 margin: -1px;
383) }
384) 
385) .curvebottomright {
386) 		  background-image: url(gui/img/corner-bottomright.png);
387) 		  background-repeat: no-repeat;
388) 		  background-position: bottom right;
389) }
390) 
391) 
392) table.mirrors {
393) 	margin: 0 auto;
394) 	border-width: 3px;
395) 	border-color: gray;
396) 	border-style: ridge;
397) 	border-collapse: collapse;
398) }
399) table.mirrors th {
400) 	border: 1px solid gray;
401) 	background-color: #DDDDDD;
402) }
403) table.mirrors td {
404) 	border: 1px solid gray;
405) 	padding: 4px;
406) }
407) 
408) acronym {
409)   border-bottom: none;
410) }
411) 
412) dt {
413)   font-weight: bolder;
414)   font-style: italic;
415) }
416) 

417) .nb {
418) -moz-border-radius-bottomleft:5px;
419) -moz-border-radius-bottomright:5px;
420) -moz-border-radius-topleft:5px;
421) -moz-border-radius-topright:5px;
422) background-color:#EEEEFF;
423) border:1px solid #000000;
424) color:black;
425) font-size:8pt;
426) font-weight:bold;
427) margin:10px 0;
428) padding:15px 20px;
429) text-align:justify;
430) }
431) 
432) .warning {
433) -moz-border-radius-bottomleft:5px;
434) -moz-border-radius-bottomright:5px;
435) -moz-border-radius-topleft:5px;
436) -moz-border-radius-topright:5px;
437) background-color:#FFFFFF;
438) background-image:url(/images/distros/warning.png);
439) background-position:15px center;
440) background-repeat:no-repeat;
441) border:2px solid #FF0000;

442) color:#1A1A1A;