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@24
|
7 margin-bottom:120px;
|
rlm@23
|
8 margin-top:25px;
|
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@23
|
16 div#trileft
|
rlm@23
|
17 {
|
rlm@23
|
18
|
rlm@23
|
19 position:absolute;
|
rlm@23
|
20 top:0;
|
rlm@24
|
21 left:0%;
|
rlm@23
|
22 width:45%;
|
rlm@23
|
23
|
rlm@23
|
24
|
rlm@23
|
25 padding:5px;
|
rlm@23
|
26 border-style:solid;
|
rlm@24
|
27 border-color:#ffffff;
|
rlm@23
|
28 border-width:1px;
|
rlm@23
|
29
|
rlm@23
|
30
|
rlm@23
|
31
|
rlm@23
|
32 }
|
rlm@23
|
33
|
rlm@24
|
34 div.texttext
|
rlm@24
|
35 {
|
rlm@24
|
36 padding-top: 12px;
|
rlm@24
|
37 }
|
rlm@23
|
38
|
rlm@23
|
39
|
rlm@23
|
40 div#triright
|
rlm@23
|
41 {
|
rlm@23
|
42 position:absolute;
|
rlm@23
|
43
|
rlm@23
|
44 top:0;
|
rlm@23
|
45 left:52.5%;
|
rlm@23
|
46 width:45%;
|
rlm@23
|
47 padding:5px;
|
rlm@23
|
48 border-style:solid;
|
rlm@24
|
49 border-color:#ffffff;
|
rlm@23
|
50 border-width:1px;
|
rlm@24
|
51 padding-left:15px;
|
rlm@23
|
52 }
|
rlm@23
|
53
|
rlm@23
|
54
|
rlm@23
|
55 div#wtf
|
rlm@23
|
56 {
|
rlm@23
|
57 padding:5px;
|
rlm@23
|
58 border-style:solid;
|
rlm@23
|
59 border-color:#79797b;
|
rlm@23
|
60 border-width:1px;
|
rlm@23
|
61 }
|
rlm@23
|
62
|
rlm@23
|
63
|
rlm@23
|
64 div#arrowleft
|
rlm@23
|
65 {
|
rlm@23
|
66 float:left;
|
rlm@23
|
67 margin:7px;
|
rlm@24
|
68 margin-right:15px;
|
rlm@23
|
69 }
|
rlm@23
|
70
|
rlm@23
|
71 div#arrowright
|
rlm@23
|
72 {
|
rlm@23
|
73 float:right;
|
rlm@23
|
74 margin:7px;
|
rlm@23
|
75 }
|
rlm@2
|
76
|
rlm@19
|
77 h1
|
rlm@19
|
78 {
|
rlm@23
|
79
|
rlm@19
|
80 color: white;
|
rlm@19
|
81 background-color:#000000;
|
rlm@19
|
82 text-align: center;
|
rlm@19
|
83 font: bold 32px "arial", "sans-serif";
|
rlm@19
|
84
|
rlm@19
|
85 }
|
rlm@19
|
86
|
rlm@22
|
87 div#whole
|
rlm@19
|
88 {
|
rlm@22
|
89 width: 1100px ;
|
rlm@21
|
90 margin-top:25px;
|
rlm@19
|
91 margin-left: auto ;
|
rlm@19
|
92 margin-right: auto ;
|
rlm@20
|
93
|
rlm@24
|
94 /*
|
rlm@22
|
95 padding:2px;
|
rlm@22
|
96 border-style:solid;
|
rlm@22
|
97 border-color:#79797b;
|
rlm@22
|
98 border-width:1px;
|
rlm@24
|
99 */
|
rlm@19
|
100 }
|
rlm@2
|
101
|
rlm@20
|
102
|
rlm@19
|
103
|
rlm@19
|
104 div#i_materials
|
rlm@0
|
105 {
|
rlm@23
|
106
|
rlm@19
|
107 display: none;
|
rlm@19
|
108 padding:5px;
|
rlm@19
|
109 border-style:solid;
|
rlm@19
|
110 border-color:#79797b;
|
rlm@19
|
111 border-width:1px;
|
rlm@2
|
112
|
rlm@19
|
113 width:auto;
|
rlm@19
|
114 float:left;
|
rlm@21
|
115
|
rlm@19
|
116 /*position:absolute;
|
rlm@19
|
117 left:15px;
|
rlm@19
|
118 top:80px;*/
|
rlm@19
|
119 background-color:#000000;
|
rlm@18
|
120
|
rlm@20
|
121 }
|
rlm@20
|
122
|
rlm@19
|
123 div#i_templates
|
rlm@19
|
124 {
|
rlm@23
|
125
|
rlm@2
|
126 color: white;
|
rlm@2
|
127 background-color:#000000;
|
rlm@2
|
128 text-align: left;
|
rlm@2
|
129 font: bold 32px "arial", "sans-serif";
|
rlm@2
|
130
|
rlm@5
|
131 padding:10px;
|
rlm@2
|
132 border-style:solid;
|
rlm@24
|
133 border-color:#ffffff;
|
rlm@2
|
134 border-width:1px;
|
rlm@2
|
135
|
rlm@19
|
136 float: left;
|
rlm@19
|
137 width: auto;
|
rlm@19
|
138
|
rlm@21
|
139
|
rlm@19
|
140
|
rlm@19
|
141 /*
|
rlm@19
|
142 position:absolute;
|
rlm@19
|
143 left:15px;
|
rlm@19
|
144 bottom:15px;
|
rlm@19
|
145 */
|
rlm@19
|
146
|
rlm@20
|
147 }
|
rlm@20
|
148
|
rlm@20
|
149
|
rlm@20
|
150
|
rlm@23
|
151 titletron
|
rlm@23
|
152 {
|
rlm@23
|
153
|
rlm@23
|
154
|
rlm@25
|
155 padding-bottom: 50px;
|
rlm@23
|
156 color: white;
|
rlm@23
|
157 background-color:#000000;
|
rlm@23
|
158 text-align: left;
|
rlm@23
|
159 font: bold 32px "arial", "sans-serif";
|
rlm@23
|
160
|
rlm@25
|
161
|
rlm@23
|
162 }
|
rlm@23
|
163
|
rlm@23
|
164
|
rlm@23
|
165
|
rlm@0
|
166 div#display
|
rlm@0
|
167 {
|
rlm@18
|
168
|
rlm@22
|
169
|
rlm@22
|
170
|
rlm@21
|
171
|
rlm@19
|
172 /*
|
rlm@19
|
173 position:absolute;
|
rlm@19
|
174 left:200px;
|
rlm@19
|
175 top:80px;
|
rlm@19
|
176 */
|
rlm@22
|
177
|
rlm@22
|
178
|
rlm@22
|
179
|
rlm@22
|
180 background-color:#000000;
|
rlm@0
|
181 }
|
rlm@0
|
182
|
rlm@0
|
183
|
rlm@16
|
184 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr
|
rlm@5
|
185 {
|
rlm@5
|
186 padding:3px;
|
rlm@24
|
187 /*#border-style:solid;
|
rlm@24
|
188 #border-color:#79797b;*/
|
rlm@5
|
189 border-width:1px;
|
rlm@5
|
190 }
|
rlm@0
|
191
|
rlm@0
|
192
|
rlm@19
|
193 div#i_inputbox
|
rlm@19
|
194 {
|
rlm@23
|
195
|
rlm@23
|
196 padding-left:10px;
|
rlm@23
|
197 padding-top:10px;
|
rlm@23
|
198 padding-right:0px;
|
rlm@19
|
199 border-style:solid;
|
rlm@24
|
200 border-color:#ffffff;
|
rlm@19
|
201 border-width:1px;
|
rlm@24
|
202 padding-bottom:10px;
|
rlm@22
|
203
|
rlm@19
|
204 font: bold 14px "helvetica","arial", "sans-serif";
|
rlm@19
|
205 color: white;
|
rlm@19
|
206
|
rlm@19
|
207 float:left;
|
rlm@22
|
208 width:240px;
|
rlm@22
|
209 clear:right;
|
rlm@19
|
210
|
rlm@19
|
211 /*
|
rlm@19
|
212 position:absolute;
|
rlm@19
|
213 left:1260px;
|
rlm@19
|
214 top:80px;
|
rlm@19
|
215 */
|
rlm@19
|
216
|
rlm@19
|
217 background-color:#000000;
|
rlm@19
|
218 }
|
rlm@19
|
219
|
rlm@2
|
220
|
rlm@22
|
221 div#centerbox
|
rlm@22
|
222 {
|
rlm@22
|
223 float:left;
|
rlm@24
|
224 margin-top:-10px;
|
rlm@22
|
225 margin-left:10px;
|
rlm@22
|
226 margin-right:10px;
|
rlm@22
|
227 width:515px;
|
rlm@22
|
228 padding:5px;
|
rlm@24
|
229
|
rlm@24
|
230 /*
|
rlm@22
|
231 border-style:solid;
|
rlm@22
|
232 border-color:#79797b;
|
rlm@22
|
233 border-width:1px;
|
rlm@22
|
234 margin:10px;
|
rlm@24
|
235 */
|
rlm@22
|
236 }
|
rlm@22
|
237
|
rlm@22
|
238
|
rlm@22
|
239
|
rlm@2
|
240 div#pokedex
|
rlm@2
|
241 {
|
rlm@24
|
242 padding : 30px;
|
rlm@22
|
243 clear:right;
|
rlm@22
|
244 float:none;
|
rlm@24
|
245 background-color:#000000;
|
rlm@24
|
246 border-style:solid;
|
rlm@24
|
247 border-color:#ffffff;
|
rlm@24
|
248 border-width:1px;
|
rlm@24
|
249
|
rlm@24
|
250
|
rlm@24
|
251
|
rlm@24
|
252 font: bold 16px "helvetica","arial", "sans-serif";
|
rlm@24
|
253 color: white;
|
rlm@2
|
254 }
|
rlm@18
|
255
|
rlm@22
|
256 div#garbage
|
rlm@22
|
257 {
|
rlm@18
|
258
|
rlm@22
|
259 float:left;
|
rlm@22
|
260 width:1000px;
|
rlm@19
|
261
|
rlm@22
|
262 }
|
rlm@19
|
263
|
rlm@20
|
264
|
rlm@22
|
265
|
rlm@22
|
266
|
rlm@22
|
267
|
rlm@23
|
268 div#buttoncon
|
rlm@23
|
269 {
|
rlm@23
|
270 position:relative;
|
rlm@23
|
271
|
rlm@23
|
272 }
|
rlm@23
|
273
|
rlm@23
|
274
|
rlm@23
|
275 div#vanish
|
rlm@23
|
276 {
|
rlm@23
|
277 position:absolute;
|
rlm@23
|
278 top:0px;
|
rlm@23
|
279 left:0px;
|
rlm@23
|
280 z-index:2;
|
rlm@23
|
281 }
|
rlm@23
|
282
|
rlm@23
|
283 div#crush
|
rlm@23
|
284 {
|
rlm@23
|
285 position:relative;
|
rlm@23
|
286 left:8px;
|
rlm@23
|
287 top:0px;
|
rlm@23
|
288 z-index:1;
|
rlm@23
|
289 }
|
rlm@23
|
290
|
rlm@23
|
291
|
rlm@23
|
292
|
rlm@24
|
293 h1
|
rlm@23
|
294
|
rlm@24
|
295 {
|
rlm@24
|
296 padding: 0px;
|
rlm@24
|
297 margin:0px;
|
rlm@24
|
298 margin-bottom: 10px;
|
rlm@24
|
299 }
|
rlm@23
|
300
|
rlm@23
|
301
|
rlm@23
|
302
|
rlm@23
|
303
|
rlm@23
|
304
|
rlm@23
|
305
|
rlm@22
|
306 /*stuff to make the containing divs actually contain the stuff they contain.*/
|
rlm@22
|
307
|
rlm@22
|
308 .clearfix:after {
|
rlm@22
|
309 content: ".";
|
rlm@22
|
310 display: block;
|
rlm@22
|
311 height: 0;
|
rlm@22
|
312 clear: both;
|
rlm@22
|
313 visibility: hidden;
|
rlm@22
|
314 }
|
rlm@22
|
315
|
rlm@22
|
316 * html .clearfix {height: 1%;}
|