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) 

23) /* this centers the page */

24) 

25) .center {

26)     text-align: center;
27)     background-color: white;

28)     margin: 0px auto 0 auto;

29)     width: 85%;

30) }
31) 

32) .center table {

33)     margin-left: auto;
34)     margin-right: auto;
35)     text-align: left;

36) }
37) 

38) /* for the shadow box */

39) 

40) table.shadowbox {
41)     width: 788px;

42)     border-collapse: collapse;

43)     padding: 0;
44)     margin-bottom: 2em;

45) }
46) 

47) table.shadowbox td {
48)     margin: 0;
49)     padding: 0;

50) }
51) 

52) /* spacer */

53) 

54) td.spacer {
55)     width: 110px;

56) }
57) 

58) 

59) 

60) div.banner {
61)     text-align: center;
62)     height: 79px;
63)     margin-bottom: 10px;
64)     width:100%;

65) }
66) 

67) table.table-banner {
68)     margin: 0 auto 0 auto;
69)     background-image: url("images/tor_mast.gif");
70)     background-repeat: no-repeat;

71) }
72) 

73) 
74) 
75) 

76) div.bottom {

77)     font-size: 0.8em;

78)     margin-top: 2cm;
79)     margin-left: 1em;
80)     margin-right: 1em;
81)     text-align: right;

82) }
83) 

84) /* the sidebar */

85) 

86) div.sidebar {
87)     float: right;

88)     padding-top: 10px;

89)     padding-right: 10px;
90)     padding-bottom: 15px;
91)     padding-left: 10px;
92)     width: 260px;
93)     text-align: center;

94) }
95) 

96) 

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

98) 

99) div.main-column {

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

101)     text-indent: 0pt;

102)     font-size: 1em;

103)     text-align: left;

104) }
105) 

106) /* formatting styles */

107) 

108) h1 {

109)     font-size: 1.5em;

110)     margin-bottom: 0.5em;

111) }
112) 

113) h2 {

114)     font-size: 1.2em;

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

118) }

119) 

120) p {
121)     margin-top: 0;
122)     margin-bottom: 1em;

123) }
124) 

125) a:link {
126)     color: blue;

127)     font-size: 1em;

128) }
129) 

130) a:visited {

131)     color: purple;

132)     font-size: 1em;

133) }

134) 

135) 
136) a.anchor:link {

137)     font-size: 1em;

138)     color: black;
139)     font-weight: bold;
140)     text-decoration: none;
141) }
142) 
143) a.anchor:visited {
144)     font-size: 12pt;
145)     color: black;
146)     font-weight: bold;
147)     text-decoration: none;
148) }
149) 
150) a.anchor {

151)     font-size: 1em;

152)     color: black;
153)     font-weight: bold;
154)     text-decoration: none;
155) }
156) 

157) td {
158)     vertical-align: top;

159) }
160) 

161) a.smalllink {

162)     font-size: 0.8em;

163) }
164) 

165) /* the banner */
166) 

167) table.banner {

168)     width: 100%;

169)     height: 79px;
170)     margin-left: auto;
171)     margin-right: auto;

172) }
173) 

174) td.banner-left {

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

176)     background-repeat: no-repeat;
177)     width: 193px;

178) }
179) 

180) td.banner-middle {

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

182)     background-repeat: repeat-x;

183)     vertical-align: bottom;

184)     padding-bottom: 10px;
185)     color: white;
186)     font-weight: bold;

187)     font-size: 1em;

188) }
189) 

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

191)     color: white;
192)     font-weight: bold;

193)     font-size: 1em;

194) }
195) 

196) td.banner-middle a:hover {
197)     color: #FF7F00;
198)     font-weight: bold;

199)     font-size: 1em;

200) }
201) 

202) td.banner-right {

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

204)     background-repeat: no-repeat;

205)     width: 60px;

206)     background-position: right;
207)     padding-top: 8px;
208) }
209) 
210) .banner-middle a.current {
211)     text-decoration: none;	       
212)     color: #FF7F00;
213)     font-weight: bold;
214)     font-size: 1em;

215)     width: auto;
216)     text-align: auto;

217)     left: -50px;

218) }
219) 

220) .donatebutton {
221)         width: auto;
222)         text-align: center;
223) }
224) 
225) .donatebutton a {
226)         margin: 10px 0 0 0;
227)         font-weight: bold;
228)         display: block;
229)         padding: 6px;
230)         background-color: #00802B;
231)         border-top: 1px solid #00A838;
232)         border-left: 1px solid #00A838;
233)         border-bottom: 1px solid #00591E;
234)         border-right: 1px solid #00591E;
235)         color: #FFFFFF;
236) }
237) 
238) .donatebutton a:hover {
239)         color: orange;
240) }
241) 
242) .donatebutton a:active {
243)         color: orange;
244) }
245) 

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