Mercurial > laserkard
comparison sexy.css @ 23:707d202f58b1 laserkard
[svn r24] added.... ARROWS~!
author | rlm |
---|---|
date | Sun, 03 Jan 2010 08:30:32 -0500 |
parents | 3298256dd459 |
children | 2979a76e3fdf |
comparison
equal
deleted
inserted
replaced
22:3298256dd459 | 23:707d202f58b1 |
---|---|
1 | 1 |
2 div#trifold | |
3 { | |
4 position:relative; | |
5 width:505; | |
6 background-color:#000000; | |
7 margin-bottom:100px; | |
8 margin-top:25px; | |
9 font: bold 14px "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:2.5%; | |
22 width:45%; | |
23 | |
24 | |
25 padding:5px; | |
26 border-style:solid; | |
27 border-color:#79797b; | |
28 border-width:1px; | |
29 | |
30 | |
31 | |
32 } | |
33 | |
34 | |
35 | |
36 | |
37 div#triright | |
38 { | |
39 position:absolute; | |
40 | |
41 top:0; | |
42 left:52.5%; | |
43 width:45%; | |
44 padding:5px; | |
45 border-style:solid; | |
46 border-color:#79797b; | |
47 border-width:1px; | |
48 } | |
49 | |
50 | |
51 div#wtf | |
52 { | |
53 padding:5px; | |
54 border-style:solid; | |
55 border-color:#79797b; | |
56 border-width:1px; | |
57 } | |
58 | |
59 | |
60 div#arrowleft | |
61 { | |
62 float:left; | |
63 margin:7px; | |
64 } | |
65 | |
66 div#arrowright | |
67 { | |
68 float:right; | |
69 margin:7px; | |
70 } | |
2 | 71 |
3 h1 | 72 h1 |
4 { | 73 { |
5 font-size:; | 74 |
6 color: white; | 75 color: white; |
7 background-color:#000000; | 76 background-color:#000000; |
8 text-align: center; | 77 text-align: center; |
9 font: bold 32px "arial", "sans-serif"; | 78 font: bold 32px "arial", "sans-serif"; |
10 | 79 |
27 | 96 |
28 | 97 |
29 | 98 |
30 div#i_materials | 99 div#i_materials |
31 { | 100 { |
101 | |
32 display: none; | 102 display: none; |
33 padding:5px; | 103 padding:5px; |
34 border-style:solid; | 104 border-style:solid; |
35 border-color:#79797b; | 105 border-color:#79797b; |
36 border-width:1px; | 106 border-width:1px; |
45 | 115 |
46 } | 116 } |
47 | 117 |
48 div#i_templates | 118 div#i_templates |
49 { | 119 { |
50 font-size:; | 120 |
51 color: white; | 121 color: white; |
52 background-color:#000000; | 122 background-color:#000000; |
53 text-align: left; | 123 text-align: left; |
54 font: bold 32px "arial", "sans-serif"; | 124 font: bold 32px "arial", "sans-serif"; |
55 | 125 |
71 | 141 |
72 } | 142 } |
73 | 143 |
74 | 144 |
75 | 145 |
146 titletron | |
147 { | |
148 | |
149 | |
150 color: white; | |
151 background-color:#000000; | |
152 text-align: left; | |
153 font: bold 32px "arial", "sans-serif"; | |
154 | |
155 } | |
156 | |
157 | |
158 | |
76 div#display | 159 div#display |
77 { | 160 { |
78 | 161 |
79 | 162 |
80 | 163 |
100 } | 183 } |
101 | 184 |
102 | 185 |
103 div#i_inputbox | 186 div#i_inputbox |
104 { | 187 { |
105 padding:5px; | 188 |
189 padding-left:10px; | |
190 padding-top:10px; | |
191 padding-right:0px; | |
106 border-style:solid; | 192 border-style:solid; |
107 border-color:#79797b; | 193 border-color:#79797b; |
108 border-width:1px; | 194 border-width:1px; |
109 | 195 |
110 | 196 |
153 | 239 |
154 float:left; | 240 float:left; |
155 width:1000px; | 241 width:1000px; |
156 | 242 |
157 } | 243 } |
244 | |
245 | |
246 | |
247 | |
248 | |
249 div#buttoncon | |
250 { | |
251 position:relative; | |
252 | |
253 } | |
254 | |
255 | |
256 div#vanish | |
257 { | |
258 position:absolute; | |
259 top:0px; | |
260 left:0px; | |
261 z-index:2; | |
262 } | |
263 | |
264 div#crush | |
265 { | |
266 position:relative; | |
267 left:8px; | |
268 top:0px; | |
269 z-index:1; | |
270 } | |
271 | |
272 | |
273 | |
274 | |
275 | |
158 | 276 |
159 | 277 |
160 | 278 |
161 | 279 |
162 | 280 |