Mercurial > laserkard
comparison sexy.css @ 32:0deeb2d5d1db laserkard
[svn r33] modifications with Kevin on jan 18.
author | rlm |
---|---|
date | Mon, 18 Jan 2010 00:19:17 -0500 |
parents | 7742910e0479 |
children | ae22c2d59891 |
comparison
equal
deleted
inserted
replaced
31:d269b63b4a54 | 32:0deeb2d5d1db |
---|---|
2 div#trifold | 2 div#trifold |
3 { | 3 { |
4 position:relative; | 4 position:relative; |
5 width:505; | 5 width:505; |
6 background-color:#000000; | 6 background-color:#000000; |
7 margin-bottom:120px; | 7 margin-bottom:30px; |
8 margin-top:25px; | 8 margin-top:4px; |
9 font: bold 25px "helvetica","arial", "sans-serif"; | 9 font: bold 25px "helvetica","arial", "sans-serif"; |
10 color: white; | 10 color: white; |
11 | 11 |
12 | 12 |
13 } | 13 } |
14 | 14 |
15 | 15 |
16 div#trileft | 16 |
17 { | 17 div#texttop |
18 | 18 { |
19 position:absolute; | 19 position: relative; |
20 top: 0px; | |
21 left: 80px; | |
22 } | |
23 | |
24 | |
25 div#textbottom | |
26 { | |
27 position: relative; | |
28 top: 0px; | |
29 left: 0px; | |
30 } | |
31 | |
32 | |
33 div#arrowleft | |
34 { | |
35 position: absolute; | |
36 top: 7px; | |
37 left: -65px; | |
38 } | |
39 | |
40 div#arrowright | |
41 { | |
42 position: absolute; | |
43 top: 8px; | |
44 left: 125px; | |
45 | |
46 } | |
47 | |
48 | |
49 | |
50 div#innertri | |
51 { | |
52 width:55%; | |
53 position:relative; | |
20 top:0; | 54 top:0; |
21 left:0%; | 55 left:0%; |
22 width:45%; | 56 |
23 | 57 margin-left:auto; |
24 | 58 margin-right:auto; |
59 | |
60 | |
61 padding-top: 10px; | |
62 padding-left: 20px; | |
63 padding-right: 10px; | |
64 padding-bottom: 10px; | |
65 background-color: #000000; | |
66 | |
67 border-style:solid; | |
68 border-color:#ffffff; | |
69 border-width:1px; | |
70 | |
71 } | |
72 | |
73 | |
74 | |
75 | |
76 | |
77 div.texttext | |
78 { | |
79 padding-top: 12px; | |
80 } | |
81 | |
82 | |
83 | |
84 | |
85 | |
86 div#wtf | |
87 { | |
25 padding:5px; | 88 padding:5px; |
26 border-style:solid; | 89 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; | 90 border-color:#79797b; |
60 border-width:1px; | 91 border-width:1px; |
61 } | 92 } |
62 | 93 |
63 | 94 |
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 | 95 |
77 h1 | 96 h1 |
78 { | 97 { |
79 | 98 |
80 color: white; | 99 color: white; |
88 { | 107 { |
89 width: 1100px ; | 108 width: 1100px ; |
90 margin-top:25px; | 109 margin-top:25px; |
91 margin-left: auto ; | 110 margin-left: auto ; |
92 margin-right: auto ; | 111 margin-right: auto ; |
93 | 112 clear: right; |
113 | |
114 | |
94 /* | 115 /* |
95 padding:2px; | 116 padding:2px; |
96 border-style:solid; | 117 border-style:solid; |
97 border-color:#79797b; | 118 border-color:#79797b; |
98 border-width:1px; | 119 border-width:1px; |
136 background-color:#000000; | 157 background-color:#000000; |
137 text-align: left; | 158 text-align: left; |
138 font: bold 32px "arial", "sans-serif"; | 159 font: bold 32px "arial", "sans-serif"; |
139 | 160 |
140 padding:10px; | 161 padding:10px; |
162 padding-top: 15px; | |
141 border-style:solid; | 163 border-style:solid; |
142 border-color:#ffffff; | 164 border-color:#ffffff; |
143 border-width:1px; | 165 border-width:1px; |
144 | 166 |
145 float: left; | 167 float: left; |
146 width: auto; | 168 width: auto; |
147 | 169 margin-right: 7px; |
148 | 170 |
149 | 171 |
150 /* | 172 /* |
151 position:absolute; | 173 position:absolute; |
152 left:15px; | 174 left:15px; |
159 | 181 |
160 titletron | 182 titletron |
161 { | 183 { |
162 | 184 |
163 | 185 |
164 padding-bottom: 50px; | 186 |
165 color: white; | 187 |
166 background-color:#000000; | 188 color: white; |
167 text-align: left; | 189 background-color:#00000; |
190 | |
168 font: bold 32px "arial", "sans-serif"; | 191 font: bold 32px "arial", "sans-serif"; |
169 | 192 |
193 | |
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; | |
170 | 212 |
171 } | 213 } |
172 | 214 |
173 | 215 |
174 div#centerbox | 216 div#centerbox |
192 div#disp_contain | 234 div#disp_contain |
193 {position: relative;z-index:10;} | 235 {position: relative;z-index:10;} |
194 | 236 |
195 div#display | 237 div#display |
196 { | 238 { |
197 position: absolute; | 239 position: relative; |
198 top:60px; | 240 top: -325px; |
199 left:0px | 241 background-color:#000000; |
200 background-color:#00ff00; | |
201 z-index: 5; | 242 z-index: 5; |
202 } | 243 } |
203 | 244 |
204 | 245 |
205 | 246 |
230 color: white; | 271 color: white; |
231 | 272 |
232 float:left; | 273 float:left; |
233 width:240px; | 274 width:240px; |
234 clear:right; | 275 clear:right; |
235 | 276 margin-left: 7px; |
236 /* | 277 /* |
237 position:absolute; | 278 position:absolute; |
238 left:1260px; | 279 left:1260px; |
239 top:80px; | 280 top:80px; |
240 */ | 281 */ |
241 | 282 |
242 background-color:#000000; | 283 background-color:#000000; |
243 } | 284 } |
244 | 285 |
245 | 286 div.descript |
287 { | |
288 | |
289 | |
290 font: bold 16px "helvetica","arial", "sans-serif"; | |
291 color: white; | |
292 margin-bottom: 10px; | |
293 background-color: #000000; | |
294 | |
295 } | |
246 | 296 |
247 | 297 |
248 | 298 |
249 div#pokedex | 299 div#pokedex |
250 { | 300 { |
301 position: relative; | |
302 top: -334px; | |
251 padding : 30px; | 303 padding : 30px; |
252 clear:right; | 304 clear:right; |
253 float:none; | 305 float:none; |
254 background-color:#000000; | 306 background-color:#000000; |
255 border-style:solid; | 307 border-style:solid; |
268 float:left; | 320 float:left; |
269 width:1000px; | 321 width:1000px; |
270 | 322 |
271 } | 323 } |
272 | 324 |
273 | 325 div#copyright |
326 { | |
327 position:relative; | |
328 font: bold 16px "helvetica","arial", "sans-serif"; | |
329 color: white; | |
330 margin-left:auto; | |
331 margin-right: auto; | |
332 clear:left; | |
333 | |
334 } | |
274 | 335 |
275 | 336 |
276 | 337 |
277 div#buttoncon | 338 div#buttoncon |
278 { | 339 { |
305 padding: 0px; | 366 padding: 0px; |
306 margin:0px; | 367 margin:0px; |
307 margin-bottom: 10px; | 368 margin-bottom: 10px; |
308 } | 369 } |
309 | 370 |
310 | 371 div#inputbox |
311 | 372 { |
312 | 373 |
313 | 374 clear:right; |
375 | |
376 } | |
377 | |
378 | |
379 /* | |
380 Sticky Footer Solution | |
381 by Steve Hatcher | |
382 http://stever.ca | |
383 http://www.cssstickyfooter.com | |
384 */ | |
385 | |
386 * {margin:0;padding:0;} | |
387 | |
388 /* must declare 0 margins on everything, also for main layout components use padding, not | |
389 vertical margins (top and bottom) to add spacing, else those margins get added to total height | |
390 and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ | |
391 | |
392 html, body, #wrap {height: 100%;} | |
393 | |
394 body > #wrap {height: auto; min-height: 100%;} | |
395 | |
396 #main {padding-bottom: 150px;} /* must be same height as the footer */ | |
397 | |
398 #footer {position: relative; | |
399 font: bold 16px "helvetica","arial", "sans-serif"; | |
400 color: white; | |
401 margin-top: -150px; /* negative value of footer height */ | |
402 height: 150px; | |
403 clear:both;} | |
404 | |
405 /* CLEAR FIX*/ | |
406 .clearfix:after {content: "."; | |
407 display: block; | |
408 height: 0; | |
409 clear: both; | |
410 visibility: hidden;} | |
411 .clearfix {display: inline-block;} | |
412 /* Hides from IE-mac \*/ | |
413 * html .clearfix { height: 1%;} | |
414 .clearfix {display: block;} | |
415 /* End hide from IE-mac */ | |
314 | 416 |
315 /*stuff to make the containing divs actually contain the stuff they contain.*/ | 417 /*stuff to make the containing divs actually contain the stuff they contain.*/ |
316 | 418 |
317 .clearfix:after { | 419 .clearfix:after { |
318 content: "."; | 420 content: "."; |