tor-webwml.git

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)     text-align: left;

98) }
99) 

100) /* formatting styles */

101) 

102) h1 {

103)     font-size: 1.6em;

104)     margin-bottom: 0.5em;

105) }
106) 

107) h2 {

108)     font-size: 1.4em;
109)     margin-bottom: 0em;
110)     font-weight: bold;
111)     margin-top: 0;
112) }
113) 
114) h3 {

115)     font-size: 1.2em;

116)     margin-bottom: 0em;
117)     font-weight: bold;
118)     margin-top: 0;

119) }

120) 

121) h4 {
122)     font-size: 1.1em;
123)     margin-bottom: 0em;
124)     font-weight: bold;
125)     margin-top: 0;
126) }
127) 
128) h5 {
129)     font-size: 1.0em;
130)     margin-bottom: 0em;
131)     font-weight: bold;
132)     margin-top: 0;
133) }
134) 

135) p {
136)     margin-top: 0;
137)     margin-bottom: 1em;

138) }
139) 

140) a:link {
141)     color: blue;

142)     font-size: 1em;

143) }
144) 

145) a:visited {

146)     color: purple;

147)     font-size: 1em;

148) }

149) 

150) a.anchor:link {

151)     font-size: 1em;

152)     color: black;
153)     font-weight: bold;
154)     text-decoration: none;
155) }
156) 
157) a.anchor:visited {

158)     font-size: 1em;

159)     color: black;
160)     font-weight: bold;
161)     text-decoration: none;
162) }
163) 
164) a.anchor {

165)     font-size: 1em;

166)     color: black;
167)     font-weight: bold;
168)     text-decoration: none;
169) }
170) 

171) td {
172)     vertical-align: top;

173) }
174) 

175) a.smalllink {

176)     font-size: 0.8em;

177) }
178) 

179) /* the banner */
180) 

181) table.banner {

182)     width: 100%;

183)     height: 79px;
184)     margin-left: auto;
185)     margin-right: auto;

186) }
187) 

188) td.banner-left {

189) 	/* This is done with an <img> in the HTML so it can be clickable

190)     background-image: url("images/top-left.png");

191)     background-repeat: no-repeat; */

192)     width: 193px;

193) }
194) 

195) td.banner-middle {

196)     background-color: #00802B;

197)     background-image: url("images/top-middle.png");

198)     background-repeat: repeat-x;

199)     vertical-align: bottom;

200)     padding-bottom: 10px;
201)     color: white;
202)     font-weight: bold;

203)     font-size: 1em;

204) }
205) 

206) td.banner-middle a, td.banner-middle a:visited {

207)     margin-right: 5px;

208)     color: white;
209)     font-weight: bold;

210)     font-size: 1em;

211) }
212) 

213) td.banner-middle a:hover {
214)     color: #FF7F00;
215)     font-weight: bold;

216)     font-size: 1em;

217) }
218) 

219) td.banner-right {

220)     background-image: url("images/top-right.png");

221)     background-repeat: no-repeat;

222)     width: 180px;

223)     background-position: right;
224)     padding-top: 8px;
225) }
226) 
227) .banner-middle a.current {
228)     text-decoration: none;	       
229)     color: #FF7F00;
230)     font-weight: bold;
231)     font-size: 1em;

232)     width: auto;
233)     text-align: auto;

234)     left: -50px;

235) }
236) 

237) .donatebutton {
238)         width: auto;
239)         text-align: center;
240) }
241) 
242) .donatebutton a {
243)         margin: 10px 0 0 0;
244)         font-weight: bold;
245)         display: block;
246)         padding: 6px;
247)         background-color: #00802B;
248)         border-top: 1px solid #00A838;
249)         border-left: 1px solid #00A838;
250)         border-bottom: 1px solid #00591E;
251)         border-right: 1px solid #00591E;
252)         color: #FFFFFF;
253) }
254) 
255) .donatebutton a:hover {
256)         color: orange;
257) }
258) 
259) .donatebutton a:active {
260)         color: orange;
261) }
262) 

263) /* these styles are for the menu on the gui contest pages */
264) 
265) .guileft {
266) 	 width: 25%;
267) 	 float: left;
268) 	 padding: 0;
269) 	 margin: 0;
270) }
271) 
272) .guimenu {
273) 	 border: 1px solid #AAA6AB;
274) 	 background-color: #E2DFE3;
275) 	 margin: 0 15px 15px 0;
276) 	 padding: 0;
277) }
278) 
279) .guimenuinner a {
280) 	      display: block;
281) 	      text-decoration: none;
282) 	      padding: 2px 0px 0px 12px;
283) 	      margin: 0 0 0 0px;
284) 	      color: #333333;
285) }
286) 
287) .guimenuinner a:visited {
288) 	      color: #333333;
289) }
290) 
291) .guimenuinner a:hover {
292) 	      background-image: url(gui/img/arrow.png);
293) 	      background-repeat: no-repeat;
294) 	      background-position: left;
295) 	      color: #EF8012;
296) }
297) 
298) .guimenuinner a.on {
299) 	      background-image: url(gui/img/arrow.png);
300) 	      background-repeat: no-repeat;
301) 	      background-position: left;
302) 	      color: #EF8012;
303) }
304) 
305) 
306) .guimenu h1 {
307)          width: 85%;
308) 	 font-size: 16px;
309) 	 margin: 0 0 8px 0;
310) 	 padding: 0;
311) 	 border-bottom: 1px solid #AAA6AB;
312) }
313) 
314) .curveleft {
315) 	   background-image: url(gui/img/corner-topleft.png);
316) 	   background-repeat: no-repeat;
317) 	   background-position: top left;
318) 	   margin: -1px;
319) }
320) 
321) .curveright {
322) 	    background-image: url(gui/img/corner-topright.png);
323) 	    background-repeat: no-repeat;
324) 	    background-position: top right;
325) }
326) 
327) .guimenuinner {
328) 	      
329) 	      padding: 0 10px 0 10px;
330) }
331) 
332) //.wiki {
333)       padding: 5px 40px 0 0;
334)       display: block;
335)       text-align: right;
336) }
337) 
338) 
339) .curvebottomleft {
340) 		 background-image: url(gui/img/corner-bottomleft.png);
341) 		 background-repeat: no-repeat;
342) 		 background-position: bottom left;
343) 		 margin: -1px;
344) }
345) 
346) .curvebottomright {
347) 		  background-image: url(gui/img/corner-bottomright.png);
348) 		  background-repeat: no-repeat;
349) 		  background-position: bottom right;
350) }
351) 
352) 

353) table.mirrors {
354) 	margin: 0 auto;
355) 	border-width: 3px;
356) 	border-color: gray;
357) 	border-style: ridge;
358) 	border-collapse: collapse;
359) }
360) table.mirrors th {
361) 	border: 1px solid gray;
362) 	background-color: #DDDDDD;
363) }
364) table.mirrors td {
365) 	border: 1px solid gray;
366) 	padding: 4px;
367) }
368) 

369) acronym {

370)   border-bottom: none;

371) }

372) 
373) dt {

374)   font-weight: bolder;
375)   font-style: italic;

376) }