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) .relaythermometer a {
285)   width: 50px; 
286)   -moz-border-radius-bottomleft: 20px;
287)   -moz-border-radius-bottomright: 20px; 
288)   margin: 1em auto; 
289)   height: 100px;
290)   position: relative; 
291)   background-color: orange;
292) }
293) 
294) .relaythermofill a {
295)   width: 50px; 
296)   -moz-border-radius-bottomleft: 20px;
297)   -moz-border-radius-bottomright: 20px; 
298)   height: 39px; 
299)   background-color: green; 
300)   font-size: 40px; 
301)   position: absolute; 
302)   bottom: 0; 
303)   line-height: 50px;
304)   text-align: center; 
305)   color: white; 
306)   font-weight: bold;

307) }
308) 

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