rlm@2
|
1
|
rlm@23
|
2 div#trifold
|
rlm@23
|
3 {
|
rlm@23
|
4 position:relative;
|
rlm@23
|
5 width:505;
|
rlm@23
|
6 background-color:#000000;
|
rlm@32
|
7 margin-bottom:30px;
|
rlm@32
|
8 margin-top:4px;
|
rlm@24
|
9 font: bold 25px "helvetica","arial", "sans-serif";
|
rlm@23
|
10 color: white;
|
rlm@23
|
11
|
rlm@23
|
12
|
rlm@23
|
13 }
|
rlm@23
|
14
|
rlm@23
|
15
|
rlm@32
|
16
|
rlm@32
|
17 div#texttop
|
rlm@23
|
18 {
|
rlm@32
|
19 position: relative;
|
rlm@32
|
20 top: 0px;
|
rlm@32
|
21 left: 80px;
|
rlm@32
|
22 }
|
rlm@23
|
23
|
rlm@32
|
24
|
rlm@32
|
25 div#textbottom
|
rlm@32
|
26 {
|
rlm@32
|
27 position: relative;
|
rlm@32
|
28 top: 0px;
|
rlm@32
|
29 left: 0px;
|
rlm@32
|
30 }
|
rlm@32
|
31
|
rlm@32
|
32
|
rlm@32
|
33 div#arrowleft
|
rlm@32
|
34 {
|
rlm@32
|
35 position: absolute;
|
rlm@32
|
36 top: 7px;
|
rlm@32
|
37 left: -65px;
|
rlm@32
|
38 }
|
rlm@32
|
39
|
rlm@32
|
40 div#arrowright
|
rlm@32
|
41 {
|
rlm@32
|
42 position: absolute;
|
rlm@32
|
43 top: 8px;
|
rlm@32
|
44 left: 125px;
|
rlm@32
|
45
|
rlm@32
|
46 }
|
rlm@32
|
47
|
rlm@32
|
48
|
rlm@32
|
49
|
rlm@32
|
50 div#innertri
|
rlm@32
|
51 {
|
rlm@32
|
52 width:55%;
|
rlm@32
|
53 position:relative;
|
rlm@23
|
54 top:0;
|
rlm@24
|
55 left:0%;
|
rlm@23
|
56
|
rlm@32
|
57 margin-left:auto;
|
rlm@32
|
58 margin-right:auto;
|
rlm@23
|
59
|
rlm@32
|
60
|
rlm@32
|
61 padding-top: 10px;
|
rlm@32
|
62 padding-left: 20px;
|
rlm@32
|
63 padding-right: 10px;
|
rlm@32
|
64 padding-bottom: 10px;
|
rlm@32
|
65 background-color: #000000;
|
rlm@32
|
66
|
rlm@23
|
67 border-style:solid;
|
rlm@24
|
68 border-color:#ffffff;
|
rlm@23
|
69 border-width:1px;
|
rlm@23
|
70
|
rlm@32
|
71 }
|
rlm@23
|
72
|
rlm@23
|
73
|
rlm@32
|
74
|
rlm@32
|
75
|
rlm@23
|
76
|
rlm@24
|
77 div.texttext
|
rlm@24
|
78 {
|
rlm@24
|
79 padding-top: 12px;
|
rlm@24
|
80 }
|
rlm@23
|
81
|
rlm@23
|
82
|
rlm@23
|
83
|
rlm@23
|
84
|
rlm@23
|
85
|
rlm@23
|
86 div#wtf
|
rlm@23
|
87 {
|
rlm@23
|
88 padding:5px;
|
rlm@23
|
89 border-style:solid;
|
rlm@23
|
90 border-color:#79797b;
|
rlm@23
|
91 border-width:1px;
|
rlm@23
|
92 }
|
rlm@23
|
93
|
rlm@23
|
94
|
rlm@2
|
95
|
rlm@19
|
96 h1
|
rlm@19
|
97 {
|
rlm@23
|
98
|
rlm@19
|
99 color: white;
|
rlm@19
|
100 background-color:#000000;
|
rlm@19
|
101 text-align: center;
|
rlm@19
|
102 font: bold 32px "arial", "sans-serif";
|
rlm@19
|
103
|
rlm@19
|
104 }
|
rlm@19
|
105
|
rlm@22
|
106 div#whole
|
rlm@19
|
107 {
|
rlm@22
|
108 width: 1100px ;
|
rlm@21
|
109 margin-top:25px;
|
rlm@19
|
110 margin-left: auto ;
|
rlm@19
|
111 margin-right: auto ;
|
rlm@32
|
112 clear: right;
|
rlm@32
|
113
|
rlm@32
|
114
|
rlm@24
|
115 /*
|
rlm@22
|
116 padding:2px;
|
rlm@22
|
117 border-style:solid;
|
rlm@22
|
118 border-color:#79797b;
|
rlm@22
|
119 border-width:1px;
|
rlm@24
|
120 */
|
rlm@19
|
121 }
|
rlm@2
|
122
|
rlm@20
|
123
|
rlm@19
|
124
|
rlm@19
|
125 div#i_materials
|
rlm@0
|
126 {
|
rlm@23
|
127
|
rlm@19
|
128 display: none;
|
rlm@19
|
129 padding:5px;
|
rlm@19
|
130 border-style:solid;
|
rlm@19
|
131 border-color:#79797b;
|
rlm@19
|
132 border-width:1px;
|
rlm@2
|
133
|
rlm@19
|
134 width:auto;
|
rlm@19
|
135 float:left;
|
rlm@21
|
136
|
rlm@19
|
137 /*position:absolute;
|
rlm@19
|
138 left:15px;
|
rlm@19
|
139 top:80px;*/
|
rlm@19
|
140 background-color:#000000;
|
rlm@18
|
141
|
rlm@20
|
142 }
|
rlm@20
|
143
|
rlm@28
|
144
|
rlm@28
|
145 div#templates
|
rlm@28
|
146 {
|
rlm@28
|
147
|
rlm@28
|
148 margin-bottom: 10px;
|
rlm@28
|
149 }
|
rlm@28
|
150
|
rlm@28
|
151
|
rlm@28
|
152
|
rlm@19
|
153 div#i_templates
|
rlm@19
|
154 {
|
rlm@23
|
155
|
rlm@2
|
156 color: white;
|
rlm@2
|
157 background-color:#000000;
|
rlm@2
|
158 text-align: left;
|
rlm@2
|
159 font: bold 32px "arial", "sans-serif";
|
rlm@2
|
160
|
rlm@5
|
161 padding:10px;
|
rlm@32
|
162 padding-top: 15px;
|
rlm@2
|
163 border-style:solid;
|
rlm@24
|
164 border-color:#ffffff;
|
rlm@2
|
165 border-width:1px;
|
rlm@2
|
166
|
rlm@19
|
167 float: left;
|
rlm@19
|
168 width: auto;
|
rlm@32
|
169 margin-right: 7px;
|
rlm@21
|
170
|
rlm@19
|
171
|
rlm@19
|
172 /*
|
rlm@19
|
173 position:absolute;
|
rlm@19
|
174 left:15px;
|
rlm@19
|
175 bottom:15px;
|
rlm@19
|
176 */
|
rlm@19
|
177
|
rlm@20
|
178 }
|
rlm@20
|
179
|
rlm@20
|
180
|
rlm@20
|
181
|
rlm@23
|
182 titletron
|
rlm@23
|
183 {
|
rlm@23
|
184
|
rlm@23
|
185
|
rlm@32
|
186
|
rlm@32
|
187
|
rlm@23
|
188 color: white;
|
rlm@32
|
189 background-color:#00000;
|
rlm@32
|
190
|
rlm@23
|
191 font: bold 32px "arial", "sans-serif";
|
rlm@23
|
192
|
rlm@25
|
193
|
rlm@23
|
194 }
|
rlm@23
|
195
|
rlm@32
|
196 div.ttyl
|
rlm@32
|
197 {
|
rlm@32
|
198 padding-top: 0px;
|
rlm@32
|
199 padding-left: 10px;
|
rlm@32
|
200
|
rlm@32
|
201 }
|
rlm@32
|
202 div.ttyls
|
rlm@32
|
203 {
|
rlm@32
|
204 padding-top:6px;
|
rlm@32
|
205 padding-left: 0px;
|
rlm@32
|
206
|
rlm@32
|
207 }
|
rlm@32
|
208
|
rlm@32
|
209 div#stupid
|
rlm@32
|
210 {
|
rlm@32
|
211 padding-top: 7px;
|
rlm@32
|
212
|
rlm@32
|
213 }
|
rlm@32
|
214
|
rlm@23
|
215
|
rlm@29
|
216 div#centerbox
|
rlm@29
|
217 {
|
rlm@29
|
218 float:left;
|
rlm@29
|
219 margin-top:-10px;
|
rlm@29
|
220 margin-left:10px;
|
rlm@29
|
221 margin-right:10px;
|
rlm@29
|
222 width:515px;
|
rlm@29
|
223 padding:5px;
|
rlm@29
|
224 background-color:#000;
|
rlm@29
|
225 /*
|
rlm@29
|
226 border-style:solid;
|
rlm@29
|
227 border-color:#79797b;
|
rlm@29
|
228 border-width:1px;
|
rlm@29
|
229 margin:10px;
|
rlm@29
|
230 */
|
rlm@29
|
231 }
|
rlm@29
|
232
|
rlm@29
|
233
|
rlm@29
|
234 div#disp_contain
|
rlm@29
|
235 {position: relative;z-index:10;}
|
rlm@23
|
236
|
rlm@0
|
237 div#display
|
rlm@0
|
238 {
|
rlm@32
|
239 position: relative;
|
rlm@32
|
240 top: -325px;
|
rlm@32
|
241 background-color:#000000;
|
rlm@29
|
242 z-index: 5;
|
rlm@29
|
243 }
|
rlm@18
|
244
|
rlm@22
|
245
|
rlm@22
|
246
|
rlm@21
|
247
|
rlm@0
|
248
|
rlm@0
|
249
|
rlm@16
|
250 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr
|
rlm@5
|
251 {
|
rlm@5
|
252 padding:3px;
|
rlm@24
|
253 /*#border-style:solid;
|
rlm@24
|
254 #border-color:#79797b;*/
|
rlm@5
|
255 border-width:1px;
|
rlm@5
|
256 }
|
rlm@0
|
257
|
rlm@0
|
258
|
rlm@19
|
259 div#i_inputbox
|
rlm@19
|
260 {
|
rlm@23
|
261
|
rlm@23
|
262 padding-left:10px;
|
rlm@23
|
263 padding-top:10px;
|
rlm@23
|
264 padding-right:0px;
|
rlm@19
|
265 border-style:solid;
|
rlm@24
|
266 border-color:#ffffff;
|
rlm@19
|
267 border-width:1px;
|
rlm@24
|
268 padding-bottom:10px;
|
rlm@22
|
269
|
rlm@19
|
270 font: bold 14px "helvetica","arial", "sans-serif";
|
rlm@19
|
271 color: white;
|
rlm@19
|
272
|
rlm@19
|
273 float:left;
|
rlm@22
|
274 width:240px;
|
rlm@22
|
275 clear:right;
|
rlm@32
|
276 margin-left: 7px;
|
rlm@19
|
277 /*
|
rlm@19
|
278 position:absolute;
|
rlm@19
|
279 left:1260px;
|
rlm@19
|
280 top:80px;
|
rlm@19
|
281 */
|
rlm@19
|
282
|
rlm@19
|
283 background-color:#000000;
|
rlm@19
|
284 }
|
rlm@19
|
285
|
rlm@32
|
286 div.descript
|
rlm@32
|
287 {
|
rlm@2
|
288
|
rlm@22
|
289
|
rlm@32
|
290 font: bold 16px "helvetica","arial", "sans-serif";
|
rlm@32
|
291 color: white;
|
rlm@32
|
292 margin-bottom: 10px;
|
rlm@32
|
293 background-color: #000000;
|
rlm@32
|
294
|
rlm@32
|
295 }
|
rlm@32
|
296
|
rlm@22
|
297
|
rlm@22
|
298
|
rlm@2
|
299 div#pokedex
|
rlm@2
|
300 {
|
rlm@32
|
301 position: relative;
|
rlm@32
|
302 top: -334px;
|
rlm@24
|
303 padding : 30px;
|
rlm@22
|
304 clear:right;
|
rlm@22
|
305 float:none;
|
rlm@24
|
306 background-color:#000000;
|
rlm@24
|
307 border-style:solid;
|
rlm@24
|
308 border-color:#ffffff;
|
rlm@24
|
309 border-width:1px;
|
rlm@24
|
310
|
rlm@24
|
311
|
rlm@24
|
312
|
rlm@24
|
313 font: bold 16px "helvetica","arial", "sans-serif";
|
rlm@24
|
314 color: white;
|
rlm@2
|
315 }
|
rlm@18
|
316
|
rlm@22
|
317 div#garbage
|
rlm@22
|
318 {
|
rlm@18
|
319
|
rlm@22
|
320 float:left;
|
rlm@22
|
321 width:1000px;
|
rlm@19
|
322
|
rlm@22
|
323 }
|
rlm@19
|
324
|
rlm@32
|
325 div#copyright
|
rlm@32
|
326 {
|
rlm@32
|
327 position:relative;
|
rlm@32
|
328 font: bold 16px "helvetica","arial", "sans-serif";
|
rlm@32
|
329 color: white;
|
rlm@32
|
330 margin-left:auto;
|
rlm@32
|
331 margin-right: auto;
|
rlm@32
|
332 clear:left;
|
rlm@20
|
333
|
rlm@32
|
334 }
|
rlm@22
|
335
|
rlm@22
|
336
|
rlm@22
|
337
|
rlm@23
|
338 div#buttoncon
|
rlm@23
|
339 {
|
rlm@23
|
340 position:relative;
|
rlm@23
|
341
|
rlm@23
|
342 }
|
rlm@23
|
343
|
rlm@23
|
344
|
rlm@23
|
345 div#vanish
|
rlm@23
|
346 {
|
rlm@23
|
347 position:absolute;
|
rlm@23
|
348 top:0px;
|
rlm@23
|
349 left:0px;
|
rlm@23
|
350 z-index:2;
|
rlm@23
|
351 }
|
rlm@23
|
352
|
rlm@23
|
353 div#crush
|
rlm@23
|
354 {
|
rlm@23
|
355 position:relative;
|
rlm@23
|
356 left:8px;
|
rlm@23
|
357 top:0px;
|
rlm@23
|
358 z-index:1;
|
rlm@23
|
359 }
|
rlm@23
|
360
|
rlm@23
|
361
|
rlm@23
|
362
|
rlm@24
|
363 h1
|
rlm@23
|
364
|
rlm@24
|
365 {
|
rlm@24
|
366 padding: 0px;
|
rlm@24
|
367 margin:0px;
|
rlm@24
|
368 margin-bottom: 10px;
|
rlm@24
|
369 }
|
rlm@23
|
370
|
rlm@32
|
371 div#inputbox
|
rlm@32
|
372 {
|
rlm@23
|
373
|
rlm@32
|
374 clear:right;
|
rlm@23
|
375
|
rlm@32
|
376 }
|
rlm@23
|
377
|
rlm@23
|
378
|
rlm@32
|
379 /*
|
rlm@32
|
380 Sticky Footer Solution
|
rlm@32
|
381 by Steve Hatcher
|
rlm@32
|
382 http://stever.ca
|
rlm@32
|
383 http://www.cssstickyfooter.com
|
rlm@32
|
384 */
|
rlm@32
|
385
|
rlm@32
|
386 * {margin:0;padding:0;}
|
rlm@32
|
387
|
rlm@32
|
388 /* must declare 0 margins on everything, also for main layout components use padding, not
|
rlm@32
|
389 vertical margins (top and bottom) to add spacing, else those margins get added to total height
|
rlm@32
|
390 and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
|
rlm@32
|
391
|
rlm@32
|
392 html, body, #wrap {height: 100%;}
|
rlm@32
|
393
|
rlm@32
|
394 body > #wrap {height: auto; min-height: 100%;}
|
rlm@32
|
395
|
rlm@32
|
396 #main {padding-bottom: 150px;} /* must be same height as the footer */
|
rlm@32
|
397
|
rlm@32
|
398 #footer {position: relative;
|
rlm@32
|
399 font: bold 16px "helvetica","arial", "sans-serif";
|
rlm@32
|
400 color: white;
|
rlm@32
|
401 margin-top: -150px; /* negative value of footer height */
|
rlm@32
|
402 height: 150px;
|
rlm@32
|
403 clear:both;}
|
rlm@32
|
404
|
rlm@32
|
405 /* CLEAR FIX*/
|
rlm@32
|
406 .clearfix:after {content: ".";
|
rlm@32
|
407 display: block;
|
rlm@32
|
408 height: 0;
|
rlm@32
|
409 clear: both;
|
rlm@32
|
410 visibility: hidden;}
|
rlm@32
|
411 .clearfix {display: inline-block;}
|
rlm@32
|
412 /* Hides from IE-mac \*/
|
rlm@32
|
413 * html .clearfix { height: 1%;}
|
rlm@32
|
414 .clearfix {display: block;}
|
rlm@32
|
415 /* End hide from IE-mac */
|
rlm@23
|
416
|
rlm@22
|
417 /*stuff to make the containing divs actually contain the stuff they contain.*/
|
rlm@22
|
418
|
rlm@22
|
419 .clearfix:after {
|
rlm@22
|
420 content: ".";
|
rlm@22
|
421 display: block;
|
rlm@22
|
422 height: 0;
|
rlm@22
|
423 clear: both;
|
rlm@22
|
424 visibility: hidden;
|
rlm@22
|
425 }
|
rlm@22
|
426
|
rlm@22
|
427 * html .clearfix {height: 1%;}
|