Mercurial > laserkard
comparison css/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 | |
3 div#whole | |
4 { | |
5 width: 1100px ; | |
6 margin-top:25px; | |
7 margin-left: auto ; | |
8 margin-right: auto ; | |
9 clear: right; | |
10 } | |
11 | |
12 | |
13 | |
14 | |
15 | |
16 /* stuff dealing with the templates on the left */ | |
17 | |
18 | |
19 div#i_templates | |
20 { | |
21 | |
22 color: white; | |
23 background-color:#000000; | |
24 text-align: left; | |
25 font: bold 32px "arial", "sans-serif"; | |
26 | |
27 padding:10px; | |
28 padding-top: 15px; | |
29 border-style:solid; | |
30 border-color:#ffffff; | |
31 border-width:1px; | |
32 | |
33 float: left; | |
34 width: auto; | |
35 margin-right: 7px; | |
36 | |
37 } | |
38 | |
39 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr | |
40 { | |
41 padding:3px; | |
42 border-width:1px; | |
43 } | |
44 | |
45 | |
46 /*************************************************************************/ | |
47 | |
48 | |
49 /* Display in the middle */ | |
50 | |
51 div#centerbox | |
52 { | |
53 | |
54 float:left; | |
55 margin-top:0px; | |
56 margin-left:10px; | |
57 margin-right:10px; | |
58 width:515px; | |
59 padding:5px; | |
60 background-color:#000; | |
61 } | |
62 | |
63 | |
64 div#disp_contain | |
65 { | |
66 position: absolute; | |
67 z-index:10; | |
68 top:73px; | |
69 | |
70 } | |
71 | |
72 div#display | |
73 { | |
74 position: absolute; | |
75 top:73px; | |
76 background-color:#000000; | |
77 z-index: 5; | |
78 } | |
79 | |
80 div#pokedex | |
81 { | |
82 position: absolute; | |
83 width: 453px; | |
84 top: 415px; | |
85 padding : 30px; | |
86 clear:right; | |
87 float:none; | |
88 background-color:#000000; | |
89 border-style:solid; | |
90 border-color:#ffffff; | |
91 border-width:1px; | |
92 | |
93 font: bold 16px "helvetica","arial", "sans-serif"; | |
94 color: white; | |
95 } | |
96 | |
97 | |
98 /*************************************************************************/ | |
99 | |
100 | |
101 | |
102 | |
103 | |
104 | |
105 | |
106 | |
107 /* the "input your information form on the right */ | |
108 | |
109 | |
110 div#i_inputbox | |
111 { | |
112 | |
113 padding-left:10px; | |
114 padding-top:10px; | |
115 padding-right:0px; | |
116 border-style:solid; | |
117 border-color:#ffffff; | |
118 border-width:1px; | |
119 padding-bottom:10px; | |
120 | |
121 font: bold 14px "helvetica","arial", "sans-serif"; | |
122 color: white; | |
123 | |
124 float:left; | |
125 width:240px; | |
126 clear:right; | |
127 margin-left: 7px; | |
128 | |
129 background-color:#000000; | |
130 } | |
131 | |
132 div.descript | |
133 { | |
134 font: bold 16px "helvetica","arial", "sans-serif"; | |
135 color: white; | |
136 margin-bottom: 15px; | |
137 background-color: #000000; | |
138 } | |
139 | |
140 | |
141 /*************************************************************************/ | |
142 | |
143 | |
144 | |
145 /* try to make teh copyright appear correctly on the bottom*/ | |
146 | |
147 | |
148 | |
149 /*************************************************************************/ | |
150 | |
151 | |
152 | |
153 | |
154 h1 | |
155 { | |
156 padding: 0px; | |
157 margin:0px; | |
158 margin-bottom: 10px; | |
159 color: white; | |
160 background-color:#000000; | |
161 text-align: center; | |
162 font: bold 32px "arial", "sans-serif"; | |
163 } | |
164 | |
165 | |
166 /* stuff for the paypal button */ | |
167 | |
168 div#buttoncon | |
169 { | |
170 position:relative; | |
171 } | |
172 | |
173 | |
174 div#vanish | |
175 { | |
176 position:absolute; | |
177 top:0px; | |
178 left:0px; | |
179 z-index:2; | |
180 } | |
181 | |
182 div#crush | |
183 { | |
184 position:relative; | |
185 left:8px; | |
186 top:0px; | |
187 z-index:1; | |
188 } | |
189 | |
190 /* end paypal button stuff */ | |
191 | |
192 | |
193 /*stupid stuff for the headers and whatnot */ | |
194 | |
195 | |
196 div.ttyl | |
197 { | |
198 padding-top: 0px; | |
199 padding-left: 10px; | |
200 | |
201 } | |
202 div.ttyls | |
203 { | |
204 padding-top:6px; | |
205 padding-left: 0px; | |
206 | |
207 } | |
208 | |
209 div#stupid | |
210 { | |
211 padding-top: 7px; | |
212 | |
213 } | |
214 | |
215 | |
216 | |
217 titletron | |
218 { | |
219 color: white; | |
220 background-color:#000000; | |
221 font: bold 32px "arial", "sans-serif"; | |
222 } | |
223 | |
224 | |
225 | |
226 | |
227 /* end stupid header stuff */ | |
228 | |
229 div#i_materials | |
230 { | |
231 | |
232 display: none; | |
233 padding:5px; | |
234 border-style:solid; | |
235 border-color:#79797b; | |
236 border-width:1px; | |
237 | |
238 width:auto; | |
239 float:left; | |
240 | |
241 background-color:#000000; | |
242 | |
243 } | |
244 | |
245 | |
246 div#formValues | |
247 | |
248 { | |
249 color:white; | |
250 position: absolute; | |
251 top:30px; | |
252 left: 15px; | |
253 display:none; | |
254 } | |
255 | |
256 div#cardDefs | |
257 { | |
258 color:green; | |
259 position: absolute; | |
260 width: 200px; | |
261 top: 90px; | |
262 left: 10px; | |
263 display:none; | |
264 } | |
265 | |
266 div#currentSpec | |
267 { | |
268 color:red; | |
269 position: absolute; | |
270 width: 200px; | |
271 top: 90px; | |
272 right: 10px; | |
273 display:none; | |
274 } | |
275 | |
276 div#output | |
277 { | |
278 color:#fbafcd; | |
279 position: absolute; | |
280 width: 200px; | |
281 top: 130px; | |
282 right: 10px; | |
283 display:none; | |
284 } | |
285 | |
286 | |
287 |