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