tor-webwml.git

1) /* fix for farsi language*/
2) [lang="en"] {
3) 	direction: ltr;
4) 	text-align: right;
5) }
6) 
7) .lang_en {
8) 	direction: ltr;
9) 	text-align: right;
10) }
11) [lang="fa"] {
12) 	direction: rtl;
13) 	text-align: right;
14) }
15) 
16) .lang_fa {
17) 	direction: rtl;
18) 	text-align: right;
19) }
20) 
21) 

22) body {

23)     background-color: #FFFFFF;
24)     margin-top: 0px;
25)     font-family: Arial, Helvetica, sans-serif;

26)     font-size: 1em;

27)     font-style: normal;
28)     color: #000000;
29)     padding-top: 0px;

30) }
31) 

32) /* images */

33) 
34) img {

35)     border: 0;

36) }

37) 

38) 

39) li {

40)    margin: .2em .2em .2em 1em;
41) }
42) 

43) /* this centers the page */

44) 

45) .center {

46)     text-align: center;
47)     background-color: white;

48)     margin: 0px auto 0 auto;

49)     width: 85%;

50) }
51) 

52) .center table {

53)     margin-left: auto;
54)     margin-right: auto;
55)     text-align: left;

56) }
57) 

58) /* for the shadow box */

59) 

60) table.shadowbox {
61)     width: 788px;

62)     border-collapse: collapse;

63)     padding: 0;
64)     margin-bottom: 2em;

65) }
66) 

67) table.shadowbox td {
68)     margin: 0;
69)     padding: 0;

70) }
71) 

72) /* spacer */

73) 

74) td.spacer {
75)     width: 110px;

76) }
77) 

78) div.banner {
79)     text-align: center;
80)     height: 79px;
81)     margin-bottom: 10px;
82)     width:100%;

83) }
84) 

85) table.table-banner {
86)     margin: 0 auto 0 auto;
87)     background-image: url("images/tor_mast.gif");
88)     background-repeat: no-repeat;

89) }
90) 

91) div.bottom {

92)     font-size: 0.8em;

93)     margin-top: 2cm;
94)     margin-left: 1em;
95)     margin-right: 1em;
96)     text-align: right;

97) }
98) 

99) /* the sidebar */

100) 

101) div.sidebar {
102)     float: right;

103)     padding-top: 10px;

104)     padding-right: 10px;
105)     padding-bottom: 15px;
106)     padding-left: 10px;
107)     width: 260px;
108)     text-align: center;

109) }
110) 

111) 

112) /* The main column (left text) */

113) 

114) div.main-column {

115)     padding: 15px 0 10px 10px;

116)     text-indent: 0pt;

117)     font-size: 1em;

118)     text-align: left;

119) }
120) 

121) /* formatting styles */

122) 

123) h1 {

124)     font-size: 1.6em;

125)     margin-bottom: 0.5em;

126) }
127) 

128) h2 {

129)     font-size: 1.4em;
130)     margin-bottom: 0em;
131)     font-weight: bold;
132)     margin-top: 0;
133) }
134) 
135) h3 {

136)     font-size: 1.2em;

137)     margin-bottom: 0em;
138)     font-weight: bold;
139)     margin-top: 0;

140) }

141) 

142) h4 {
143)     font-size: 1.1em;
144)     margin-bottom: 0em;
145)     font-weight: bold;
146)     margin-top: 0;
147) }
148) 
149) h5 {
150)     font-size: 1.0em;
151)     margin-bottom: 0em;
152)     font-weight: bold;
153)     margin-top: 0;
154) }
155) 

156) p {
157)     margin-top: 0;
158)     margin-bottom: 1em;

159) }
160) 

161) a:link {
162)     color: blue;

163)     font-size: 1em;

164) }
165) 

166) a:visited {

167)     color: purple;

168)     font-size: 1em;

169) }

170) 

171) a.anchor:link {

172)     font-size: 1em;

173)     color: black;
174)     font-weight: bold;
175)     text-decoration: none;
176) }
177) 
178) a.anchor:visited {

179)     font-size: 1em;

180)     color: black;
181)     font-weight: bold;
182)     text-decoration: none;
183) }
184) 
185) a.anchor {

186)     font-size: 1em;

187)     color: black;
188)     font-weight: bold;
189)     text-decoration: none;
190) }
191) 

192) td {
193)     vertical-align: top;

194) }
195) 

196) a.smalllink {

197)     font-size: 0.8em;

198) }
199) 

200) /* the banner */
201) 

202) table.banner {

203)     width: 100%;

204)     height: 79px;
205)     margin-left: auto;
206)     margin-right: auto;

207) }
208) 

209) td.banner-left {

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

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

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

213)     width: 193px;

214) }
215) 

216) td.banner-middle {

217)     background-color: #00802B;

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

219)     background-repeat: repeat-x;

220)     vertical-align: bottom;

221)     padding-bottom: 10px;
222)     color: white;
223)     font-weight: bold;

224)     font-size: 1em;

225) }
226) 

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

228)     margin-right: 5px;

229)     color: white;
230)     font-weight: bold;

231)     font-size: 1em;

232) }
233) 

234) td.banner-middle a:hover {
235)     color: #FF7F00;
236)     font-weight: bold;

237)     font-size: 1em;

238) }
239) 

240) td.banner-right {

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

242)     background-repeat: no-repeat;

243)     width: 180px;

244)     background-position: right;
245)     padding-top: 8px;
246) }
247) 
248) .banner-middle a.current {
249)     text-decoration: none;	       
250)     color: #FF7F00;
251)     font-weight: bold;
252)     font-size: 1em;

253)     width: auto;
254)     text-align: auto;

255)     left: -50px;

256) }
257) 

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

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

374) table.mirrors {
375) 	margin: 0 auto;
376) 	border-width: 3px;
377) 	border-color: gray;
378) 	border-style: ridge;
379) 	border-collapse: collapse;
380) }
381) table.mirrors th {
382) 	border: 1px solid gray;
383) 	background-color: #DDDDDD;
384) }
385) table.mirrors td {
386) 	border: 1px solid gray;
387) 	padding: 4px;
388) }
389) 

390) acronym {

391)   border-bottom: none;

392) }

393) 
394) dt {

395)   font-weight: bolder;
396)   font-style: italic;

397) }