Mercurial > laserkard

comparison sexy.css @ 32:0deeb2d5d1db laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[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: ".";