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: Helvetica, Arial, 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)    /* background-color: #80c97f; */

105)     float: right;

106)     margin: 0 0 10px 10px;
107)     border: 1px solid #666;
108)     padding: 10px;
109)     width: 150px;

110)     text-align: center;

111) }
112) 

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

114) 

115) div.main-column {

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

117)     text-indent: 0pt;

118)     font-size: 1em;

119)     text-align: left;

120) }
121) 

122) /* formatting styles */

123) 

124) h1 {

125)     font-size: 1.6em;

126)     margin-bottom: 0.5em;

127) }
128) 

129) h2 {

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

137)     font-size: 1.2em;

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

141) }

142) 

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

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

160) }
161) 

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

164)     font-size: 1em;

165) }
166) 

167) a:visited {

168)     color: purple;

169)     font-size: 1em;

170) }

171) 

172) a.anchor:link {

173)     font-size: 1em;

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

180)     font-size: 1em;

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

187)     font-size: 1em;

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

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

195) }
196) 

197) a.smalllink {

198)     font-size: 0.8em;

199) }
200) 

201) /* the banner */
202) 

203) table.banner {

204)     width: 100%;

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

208) }
209) 

210) td.banner-left {

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

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

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

214)     width: 193px;

215) }
216) 

217) td.banner-middle {

218)     background-color: #00802B;

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

220)     background-repeat: repeat-x;

221)     vertical-align: bottom;

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

225)     font-size: 1em;

226) }
227) 

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

229)     margin-right: 5px;

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

232)     font-size: 1em;

233) }
234) 

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

238)     font-size: 1em;

239) }
240) 

241) td.banner-right {

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

243)     background-repeat: no-repeat;

244)     width: 180px;

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

254)     width: 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) .curvebottomleft {
354) 		 background-image: url(gui/img/corner-bottomleft.png);
355) 		 background-repeat: no-repeat;
356) 		 background-position: bottom left;
357) 		 margin: -1px;
358) }
359) 
360) .curvebottomright {
361) 		  background-image: url(gui/img/corner-bottomright.png);
362) 		  background-repeat: no-repeat;
363) 		  background-position: bottom right;
364) }
365) 
366) 

367) table.mirrors {
368) 	margin: 0 auto;
369) 	border-width: 3px;
370) 	border-color: gray;
371) 	border-style: ridge;
372) 	border-collapse: collapse;
373) }
374) table.mirrors th {
375) 	border: 1px solid gray;
376) 	background-color: #DDDDDD;
377) }
378) table.mirrors td {
379) 	border: 1px solid gray;
380) 	padding: 4px;
381) }
382) 

383) acronym {

384)   border-bottom: none;

385) }

386) 
387) dt {

388)   font-weight: bolder;
389)   font-style: italic;

390) }