view css/old_sexy.css @ 85:da4f4f91f8aa laserkard

got three separate Raphael instances
author Robert McIntyre <rlm@mit.edu>
date Sun, 25 Jul 2010 22:36:16 -0400
parents 4ebd94bfecda
children
line wrap: on
line source

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;
13 }
16 div#trileft
17 {
19 position:absolute;
20 top:0;
21 left:0%;
22 width:45%;
25 padding:5px;
26 border-style:solid;
27 border-color:#ffffff;
28 border-width:1px;
32 }
34 div.texttext
35 {
36 padding-top: 12px;
37 }
40 div#triright
41 {
42 position:absolute;
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 }
55 div#wtf
56 {
57 padding:5px;
58 border-style:solid;
59 border-color:#79797b;
60 border-width:1px;
61 }
64 div#arrowleft
65 {
66 float:left;
67 margin:7px;
68 margin-right:15px;
69 }
71 div#arrowright
72 {
73 float:right;
74 margin:7px;
75 }
77 h1
78 {
80 color: white;
81 background-color:#000000;
82 text-align: center;
83 font: bold 32px "arial", "sans-serif";
85 }
87 div#whole
88 {
89 width: 1100px ;
90 margin-top:25px;
91 margin-left: auto ;
92 margin-right: auto ;
94 /*
95 padding:2px;
96 border-style:solid;
97 border-color:#79797b;
98 border-width:1px;
99 */
100 }
104 div#i_materials
105 {
107 display: none;
108 padding:5px;
109 border-style:solid;
110 border-color:#79797b;
111 border-width:1px;
113 width:auto;
114 float:left;
116 /*position:absolute;
117 left:15px;
118 top:80px;*/
119 background-color:#000000;
121 }
124 div#templates
125 {
127 margin-bottom: 10px;
128 }
132 div#i_templates
133 {
135 color: white;
136 background-color:#000000;
137 text-align: left;
138 font: bold 32px "arial", "sans-serif";
140 padding:10px;
141 border-style:solid;
142 border-color:#ffffff;
143 border-width:1px;
145 float: left;
146 width: auto;
150 /*
151 position:absolute;
152 left:15px;
153 bottom:15px;
154 */
156 }
160 titletron
161 {
164 padding-bottom: 50px;
165 color: white;
166 background-color:#000000;
167 text-align: left;
168 font: bold 32px "arial", "sans-serif";
171 }
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 }
192 div#disp_contain
193 {position: relative;z-index:10;}
195 div#display
196 {
197 position: absolute;
198 top:60px;
199 left:0px
200 background-color:#00ff00;
201 z-index: 5;
202 }
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 }
218 div#i_inputbox
219 {
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;
229 font: bold 14px "helvetica","arial", "sans-serif";
230 color: white;
232 float:left;
233 width:240px;
234 clear:right;
236 /*
237 position:absolute;
238 left:1260px;
239 top:80px;
240 */
242 background-color:#000000;
243 }
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;
261 font: bold 16px "helvetica","arial", "sans-serif";
262 color: white;
263 }
265 div#garbage
266 {
268 float:left;
269 width:1000px;
271 }
277 div#buttoncon
278 {
279 position:relative;
281 }
284 div#vanish
285 {
286 position:absolute;
287 top:0px;
288 left:0px;
289 z-index:2;
290 }
292 div#crush
293 {
294 position:relative;
295 left:8px;
296 top:0px;
297 z-index:1;
298 }
302 h1
304 {
305 padding: 0px;
306 margin:0px;
307 margin-bottom: 10px;
308 }
315 /*stuff to make the containing divs actually contain the stuff they contain.*/
317 .clearfix:after {
318 content: ".";
319 display: block;
320 height: 0;
321 clear: both;
322 visibility: hidden;
323 }
325 * html .clearfix {height: 1%;}