1 |
body { |
2 |
font: Verdana, Tahoma, Arial, sans-serif; |
3 |
padding: 0; |
4 |
margin: 0; |
5 |
background: url("/images/bg.jpg"); |
6 |
background-color: #8e6b29; |
7 |
color: #f0f0ff; |
8 |
} |
9 |
|
10 |
h1, h2, h3, h4 { |
11 |
border: 2px solid black; |
12 |
color: #fcf156; |
13 |
background: #404; |
14 |
text-align: center; |
15 |
} |
16 |
|
17 |
h1 { margin-left: 5px; margin-right: 5px; } |
18 |
h2 { margin-left: 10px; margin-right: 10px; } |
19 |
h3 { margin-left: 20px; margin-right: 20px; } |
20 |
h4 { margin-left: 30px; margin-right: 30px; } |
21 |
|
22 |
table { |
23 |
width: 100%; |
24 |
padding: -2px; |
25 |
margin: -2px; |
26 |
} |
27 |
|
28 |
tr, td, th { |
29 |
} |
30 |
|
31 |
table.mainlayout { |
32 |
border-spacing: 0px; |
33 |
} |
34 |
|
35 |
th.topbar { |
36 |
height: 2em; |
37 |
border-bottom: 3px solid black; |
38 |
color: white; |
39 |
background-image: url("/images/outline.png"); |
40 |
} |
41 |
|
42 |
td.sidebar { |
43 |
width: 30px; |
44 |
background-image: url("/images/outline.png"); |
45 |
padding: 0; |
46 |
margin: 0; |
47 |
} |
48 |
|
49 |
.sidebar img { |
50 |
margin-bottom: 1em; |
51 |
} |
52 |
|
53 |
td.left { |
54 |
border-right: 3px solid black; |
55 |
} |
56 |
|
57 |
td.right { |
58 |
border-left: 3px solid black; |
59 |
} |
60 |
|
61 |
.topalign { |
62 |
vertical-align: top; |
63 |
} |
64 |
|
65 |
td.menucontainer { |
66 |
width: 15em; |
67 |
} |
68 |
|
69 |
.menucontainer table { |
70 |
margin: 1em; |
71 |
background-image: url("/images/background.png"); |
72 |
background-color: #2d1714; |
73 |
font-size: 90%; |
74 |
} |
75 |
|
76 |
.menucontainer a { |
77 |
color: white; |
78 |
} |
79 |
|
80 |
.menucontainer a:visited { |
81 |
color: #999; |
82 |
} |
83 |
|
84 |
.menucontainer a:hover { |
85 |
color: black; |
86 |
} |
87 |
|
88 |
.menucontainer td:hover { |
89 |
background: #ccc; |
90 |
} |
91 |
|
92 |
table.window { |
93 |
border-spacing: 0px; |
94 |
} |
95 |
|
96 |
.window { |
97 |
height: 100%; |
98 |
padding-top: 0.5em; |
99 |
} |
100 |
|
101 |
.window p { |
102 |
color: white; |
103 |
margin: 1em; |
104 |
} |
105 |
|
106 |
td.border-vert { |
107 |
width: 14px; |
108 |
background-image: url("/images/border_y.png"); |
109 |
} |
110 |
|
111 |
th.border-horiz { |
112 |
color: white; |
113 |
height: 16px; |
114 |
font-size: 70%; |
115 |
text-align: center; |
116 |
background-image: url("/images/border_x.png"); |
117 |
} |
118 |
|
119 |
tr.content { |
120 |
background-image: url("/images/background.png"); |
121 |
background-color: #2d1714; |
122 |
margin: 0; |
123 |
padding: 0; |
124 |
vertical-align: top; |
125 |
} |
126 |
|
127 |
td.content { |
128 |
padding-top: 1em; |
129 |
} |
130 |
|
131 |
.content > p, .content > table, .content > div, .content > ul, .content > img { |
132 |
margin-left: 30px; |
133 |
margin-right: 30px; |
134 |
} |
135 |
|
136 |
.box { |
137 |
margin: 1em; |
138 |
padding: 1ex; |
139 |
border: 1ex solid #800; |
140 |
background: #ff0; |
141 |
font-size: large; |
142 |
color: black; |
143 |
} |
144 |
|
145 |
.box a { |
146 |
background: #ddd; |
147 |
padding: 0.3ex; |
148 |
border: 0.3ex solid #800; |
149 |
} |
150 |
|
151 |
.box a:hover { |
152 |
background: #fff; |
153 |
padding: 0.3ex; |
154 |
border: 0.3ex solid #f00; |
155 |
} |
156 |
|
157 |
#playlink { |
158 |
font-size: x-large; |
159 |
text-align: center; |
160 |
} |
161 |
|
162 |
#playlink a { |
163 |
color: #000; |
164 |
} |
165 |
|
166 |
#playlink a:hover { |
167 |
color: #00f; |
168 |
} |
169 |
|
170 |
th#screenshot_note { |
171 |
border: 2px solid black; |
172 |
color: #fcf156; |
173 |
background: #404; |
174 |
text-align: center; |
175 |
} |
176 |
|
177 |
a { |
178 |
color: #0ff; |
179 |
} |
180 |
|
181 |
a:visited { |
182 |
color: #4cc; |
183 |
} |
184 |
|
185 |
a:hover { |
186 |
color: #0f0; |
187 |
} |
188 |
|
189 |
.date { |
190 |
color: yellow; |
191 |
font-style: italic; |
192 |
} |
193 |
|
194 |
.date a { |
195 |
color: red; |
196 |
} |
197 |
|
198 |
table.topsites { |
199 |
background: none; |
200 |
text-align: center; |
201 |
} |
202 |
|
203 |
.topsites td:hover { |
204 |
background: none; |
205 |
} |
206 |
|
207 |
tr.curitem { |
208 |
background: black; |
209 |
} |
210 |
|
211 |
.curitem td:hover { |
212 |
background: none; |
213 |
} |
214 |
|
215 |
pre.cmdline { |
216 |
padding: 0.3em; |
217 |
margin-left: 0.5em; |
218 |
color: white; |
219 |
background: black; |
220 |
} |