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) 	div.main-column { text-align: right; }

15) }
16) 
17) .lang_fa {
18) 	direction: rtl;
19) 	text-align: right;

20)  	div.main-column { text-align: right; }

21) }
22) 
23) 

24) body {

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

28)     font-size: 1em;

29)     font-style: normal;
30)     color: #000000;
31)     padding-top: 0px;

32) }
33) 

34) /* images */

35) 
36) img {

37)     border: 0;

38) }

39) 

40) 

41) li {

42)    margin: .2em .2em .2em 1em;
43) }
44) 

45) /* this centers the page */

46) 

47) .center {

48)     text-align: center;
49)     background-color: white;

50)     margin: 0px auto 0 auto;

51)     width: 85%;

52) }
53) 

54) .center table {

55)     margin-left: auto;
56)     margin-right: auto;
57)     text-align: left;

58) }
59) 

60) /* for the shadow box */

61) 

62) table.shadowbox {
63)     width: 788px;

64)     border-collapse: collapse;

65)     padding: 0;
66)     margin-bottom: 2em;

67) }
68) 

69) table.shadowbox td {
70)     margin: 0;
71)     padding: 0;

72) }
73) 

74) /* spacer */

75) 

76) td.spacer {
77)     width: 110px;

78) }
79) 

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

85) }
86) 

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

91) }
92) 

93) div.bottom {

94)     font-size: 0.8em;

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

99) }
100) 

101) /* the sidebar */

102) 

103) div.sidebar {
104)     float: right;

105)     padding-top: 10px;

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

111) }
112) 

113) 

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

115) 

116) div.main-column {

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

118)     text-indent: 0pt;

119)     font-size: 1em;

120)     text-align: left;

121) }
122) 

123) /* formatting styles */

124) 

125) h1 {

126)     font-size: 1.6em;

127)     margin-bottom: 0.5em;

128) }
129) 

130) h2 {

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

138)     font-size: 1.2em;

139)     margin-bottom: 0em;
140)     font-weight: bold;
141)     margin-top: 0;

142) }

143) 

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

158) p {
159)     margin-top: 0;
160)     margin-bottom: 1em;

161) }
162) 

163) a:link {
164)     color: blue;

165)     font-size: 1em;

166) }
167) 

168) a:visited {

169)     color: purple;

170)     font-size: 1em;

171) }

172) 

173) a.anchor:link {

174)     font-size: 1em;

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

181)     font-size: 1em;

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

188)     font-size: 1em;

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

194) td {
195)     vertical-align: top;

196) }
197) 

198) a.smalllink {

199)     font-size: 0.8em;

200) }
201) 

202) /* the banner */
203) 

204) table.banner {

205)     width: 100%;

206)     height: 79px;
207)     margin-left: auto;
208)     margin-right: auto;

209) }
210) 

211) td.banner-left {

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

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

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

215)     width: 193px;

216) }
217) 

218) td.banner-middle {

219)     background-color: #00802B;

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

221)     background-repeat: repeat-x;

222)     vertical-align: bottom;

223)     padding-bottom: 10px;
224)     color: white;
225)     font-weight: bold;

226)     font-size: 1em;

227) }
228) 

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

230)     margin-right: 5px;

231)     color: white;
232)     font-weight: bold;

233)     font-size: 1em;

234) }
235) 

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

239)     font-size: 1em;

240) }
241) 

242) td.banner-right {

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

244)     background-repeat: no-repeat;

245)     width: 180px;

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

255)     width: auto;
256)     text-align: auto;

257)     left: -50px;

258) }
259) 

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

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

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

392) acronym {

393)   border-bottom: none;

394) }

395) 
396) dt {

397)   font-weight: bolder;
398)   font-style: italic;

399) }