Mercurial > laserkard

annotate sexy.css @ 34:e99fab9df7bb laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r35]
author rlm
date Mon, 18 Jan 2010 10:59:41 -0500
parents 0deeb2d5d1db
children ae22c2d59891
rev   line source
rlm@2 1
rlm@23 2 div#trifold
rlm@23 3 {
rlm@23 4 position:relative;
rlm@23 5 width:505;
rlm@23 6 background-color:#000000;
rlm@32 7 margin-bottom:30px;
rlm@32 8 margin-top:4px;
rlm@24 9 font: bold 25px "helvetica","arial", "sans-serif";
rlm@23 10 color: white;
rlm@23 11
rlm@23 12
rlm@23 13 }
rlm@23 14
rlm@23 15
rlm@32 16
rlm@32 17 div#texttop
rlm@23 18 {
rlm@32 19 position: relative;
rlm@32 20 top: 0px;
rlm@32 21 left: 80px;
rlm@32 22 }
rlm@23 23
rlm@32 24
rlm@32 25 div#textbottom
rlm@32 26 {
rlm@32 27 position: relative;
rlm@32 28 top: 0px;
rlm@32 29 left: 0px;
rlm@32 30 }
rlm@32 31
rlm@32 32
rlm@32 33 div#arrowleft
rlm@32 34 {
rlm@32 35 position: absolute;
rlm@32 36 top: 7px;
rlm@32 37 left: -65px;
rlm@32 38 }
rlm@32 39
rlm@32 40 div#arrowright
rlm@32 41 {
rlm@32 42 position: absolute;
rlm@32 43 top: 8px;
rlm@32 44 left: 125px;
rlm@32 45
rlm@32 46 }
rlm@32 47
rlm@32 48
rlm@32 49
rlm@32 50 div#innertri
rlm@32 51 {
rlm@32 52 width:55%;
rlm@32 53 position:relative;
rlm@23 54 top:0;
rlm@24 55 left:0%;
rlm@23 56
rlm@32 57 margin-left:auto;
rlm@32 58 margin-right:auto;
rlm@23 59
rlm@32 60
rlm@32 61 padding-top: 10px;
rlm@32 62 padding-left: 20px;
rlm@32 63 padding-right: 10px;
rlm@32 64 padding-bottom: 10px;
rlm@32 65 background-color: #000000;
rlm@32 66
rlm@23 67 border-style:solid;
rlm@24 68 border-color:#ffffff;
rlm@23 69 border-width:1px;
rlm@23 70
rlm@32 71 }
rlm@23 72
rlm@23 73
rlm@32 74
rlm@32 75
rlm@23 76
rlm@24 77 div.texttext
rlm@24 78 {
rlm@24 79 padding-top: 12px;
rlm@24 80 }
rlm@23 81
rlm@23 82
rlm@23 83
rlm@23 84
rlm@23 85
rlm@23 86 div#wtf
rlm@23 87 {
rlm@23 88 padding:5px;
rlm@23 89 border-style:solid;
rlm@23 90 border-color:#79797b;
rlm@23 91 border-width:1px;
rlm@23 92 }
rlm@23 93
rlm@23 94
rlm@2 95
rlm@19 96 h1
rlm@19 97 {
rlm@23 98
rlm@19 99 color: white;
rlm@19 100 background-color:#000000;
rlm@19 101 text-align: center;
rlm@19 102 font: bold 32px "arial", "sans-serif";
rlm@19 103
rlm@19 104 }
rlm@19 105
rlm@22 106 div#whole
rlm@19 107 {
rlm@22 108 width: 1100px ;
rlm@21 109 margin-top:25px;
rlm@19 110 margin-left: auto ;
rlm@19 111 margin-right: auto ;
rlm@32 112 clear: right;
rlm@32 113
rlm@32 114
rlm@24 115 /*
rlm@22 116 padding:2px;
rlm@22 117 border-style:solid;
rlm@22 118 border-color:#79797b;
rlm@22 119 border-width:1px;
rlm@24 120 */
rlm@19 121 }
rlm@2 122
rlm@20 123
rlm@19 124
rlm@19 125 div#i_materials
rlm@0 126 {
rlm@23 127
rlm@19 128 display: none;
rlm@19 129 padding:5px;
rlm@19 130 border-style:solid;
rlm@19 131 border-color:#79797b;
rlm@19 132 border-width:1px;
rlm@2 133
rlm@19 134 width:auto;
rlm@19 135 float:left;
rlm@21 136
rlm@19 137 /*position:absolute;
rlm@19 138 left:15px;
rlm@19 139 top:80px;*/
rlm@19 140 background-color:#000000;
rlm@18 141
rlm@20 142 }
rlm@20 143
rlm@28 144
rlm@28 145 div#templates
rlm@28 146 {
rlm@28 147
rlm@28 148 margin-bottom: 10px;
rlm@28 149 }
rlm@28 150
rlm@28 151
rlm@28 152
rlm@19 153 div#i_templates
rlm@19 154 {
rlm@23 155
rlm@2 156 color: white;
rlm@2 157 background-color:#000000;
rlm@2 158 text-align: left;
rlm@2 159 font: bold 32px "arial", "sans-serif";
rlm@2 160
rlm@5 161 padding:10px;
rlm@32 162 padding-top: 15px;
rlm@2 163 border-style:solid;
rlm@24 164 border-color:#ffffff;
rlm@2 165 border-width:1px;
rlm@2 166
rlm@19 167 float: left;
rlm@19 168 width: auto;
rlm@32 169 margin-right: 7px;
rlm@21 170
rlm@19 171
rlm@19 172 /*
rlm@19 173 position:absolute;
rlm@19 174 left:15px;
rlm@19 175 bottom:15px;
rlm@19 176 */
rlm@19 177
rlm@20 178 }
rlm@20 179
rlm@20 180
rlm@20 181
rlm@23 182 titletron
rlm@23 183 {
rlm@23 184
rlm@23 185
rlm@32 186
rlm@32 187
rlm@23 188 color: white;
rlm@32 189 background-color:#00000;
rlm@32 190
rlm@23 191 font: bold 32px "arial", "sans-serif";
rlm@23 192
rlm@25 193
rlm@23 194 }
rlm@23 195
rlm@32 196 div.ttyl
rlm@32 197 {
rlm@32 198 padding-top: 0px;
rlm@32 199 padding-left: 10px;
rlm@32 200
rlm@32 201 }
rlm@32 202 div.ttyls
rlm@32 203 {
rlm@32 204 padding-top:6px;
rlm@32 205 padding-left: 0px;
rlm@32 206
rlm@32 207 }
rlm@32 208
rlm@32 209 div#stupid
rlm@32 210 {
rlm@32 211 padding-top: 7px;
rlm@32 212
rlm@32 213 }
rlm@32 214
rlm@23 215
rlm@29 216 div#centerbox
rlm@29 217 {
rlm@29 218 float:left;
rlm@29 219 margin-top:-10px;
rlm@29 220 margin-left:10px;
rlm@29 221 margin-right:10px;
rlm@29 222 width:515px;
rlm@29 223 padding:5px;
rlm@29 224 background-color:#000;
rlm@29 225 /*
rlm@29 226 border-style:solid;
rlm@29 227 border-color:#79797b;
rlm@29 228 border-width:1px;
rlm@29 229 margin:10px;
rlm@29 230 */
rlm@29 231 }
rlm@29 232
rlm@29 233
rlm@29 234 div#disp_contain
rlm@29 235 {position: relative;z-index:10;}
rlm@23 236
rlm@0 237 div#display
rlm@0 238 {
rlm@32 239 position: relative;
rlm@32 240 top: -325px;
rlm@32 241 background-color:#000000;
rlm@29 242 z-index: 5;
rlm@29 243 }
rlm@18 244
rlm@22 245
rlm@22 246
rlm@21 247
rlm@0 248
rlm@0 249
rlm@16 250 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr
rlm@5 251 {
rlm@5 252 padding:3px;
rlm@24 253 /*#border-style:solid;
rlm@24 254 #border-color:#79797b;*/
rlm@5 255 border-width:1px;
rlm@5 256 }
rlm@0 257
rlm@0 258
rlm@19 259 div#i_inputbox
rlm@19 260 {
rlm@23 261
rlm@23 262 padding-left:10px;
rlm@23 263 padding-top:10px;
rlm@23 264 padding-right:0px;
rlm@19 265 border-style:solid;
rlm@24 266 border-color:#ffffff;
rlm@19 267 border-width:1px;
rlm@24 268 padding-bottom:10px;
rlm@22 269
rlm@19 270 font: bold 14px "helvetica","arial", "sans-serif";
rlm@19 271 color: white;
rlm@19 272
rlm@19 273 float:left;
rlm@22 274 width:240px;
rlm@22 275 clear:right;
rlm@32 276 margin-left: 7px;
rlm@19 277 /*
rlm@19 278 position:absolute;
rlm@19 279 left:1260px;
rlm@19 280 top:80px;
rlm@19 281 */
rlm@19 282
rlm@19 283 background-color:#000000;
rlm@19 284 }
rlm@19 285
rlm@32 286 div.descript
rlm@32 287 {
rlm@2 288
rlm@22 289
rlm@32 290 font: bold 16px "helvetica","arial", "sans-serif";
rlm@32 291 color: white;
rlm@32 292 margin-bottom: 10px;
rlm@32 293 background-color: #000000;
rlm@32 294
rlm@32 295 }
rlm@32 296
rlm@22 297
rlm@22 298
rlm@2 299 div#pokedex
rlm@2 300 {
rlm@32 301 position: relative;
rlm@32 302 top: -334px;
rlm@24 303 padding : 30px;
rlm@22 304 clear:right;
rlm@22 305 float:none;
rlm@24 306 background-color:#000000;
rlm@24 307 border-style:solid;
rlm@24 308 border-color:#ffffff;
rlm@24 309 border-width:1px;
rlm@24 310
rlm@24 311
rlm@24 312
rlm@24 313 font: bold 16px "helvetica","arial", "sans-serif";
rlm@24 314 color: white;
rlm@2 315 }
rlm@18 316
rlm@22 317 div#garbage
rlm@22 318 {
rlm@18 319
rlm@22 320 float:left;
rlm@22 321 width:1000px;
rlm@19 322
rlm@22 323 }
rlm@19 324
rlm@32 325 div#copyright
rlm@32 326 {
rlm@32 327 position:relative;
rlm@32 328 font: bold 16px "helvetica","arial", "sans-serif";
rlm@32 329 color: white;
rlm@32 330 margin-left:auto;
rlm@32 331 margin-right: auto;
rlm@32 332 clear:left;
rlm@20 333
rlm@32 334 }
rlm@22 335
rlm@22 336
rlm@22 337
rlm@23 338 div#buttoncon
rlm@23 339 {
rlm@23 340 position:relative;
rlm@23 341
rlm@23 342 }
rlm@23 343
rlm@23 344
rlm@23 345 div#vanish
rlm@23 346 {
rlm@23 347 position:absolute;
rlm@23 348 top:0px;
rlm@23 349 left:0px;
rlm@23 350 z-index:2;
rlm@23 351 }
rlm@23 352
rlm@23 353 div#crush
rlm@23 354 {
rlm@23 355 position:relative;
rlm@23 356 left:8px;
rlm@23 357 top:0px;
rlm@23 358 z-index:1;
rlm@23 359 }
rlm@23 360
rlm@23 361
rlm@23 362
rlm@24 363 h1
rlm@23 364
rlm@24 365 {
rlm@24 366 padding: 0px;
rlm@24 367 margin:0px;
rlm@24 368 margin-bottom: 10px;
rlm@24 369 }
rlm@23 370
rlm@32 371 div#inputbox
rlm@32 372 {
rlm@23 373
rlm@32 374 clear:right;
rlm@23 375
rlm@32 376 }
rlm@23 377
rlm@23 378
rlm@32 379 /*
rlm@32 380 Sticky Footer Solution
rlm@32 381 by Steve Hatcher
rlm@32 382 http://stever.ca
rlm@32 383 http://www.cssstickyfooter.com
rlm@32 384 */
rlm@32 385
rlm@32 386 * {margin:0;padding:0;}
rlm@32 387
rlm@32 388 /* must declare 0 margins on everything, also for main layout components use padding, not
rlm@32 389 vertical margins (top and bottom) to add spacing, else those margins get added to total height
rlm@32 390 and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
rlm@32 391
rlm@32 392 html, body, #wrap {height: 100%;}
rlm@32 393
rlm@32 394 body > #wrap {height: auto; min-height: 100%;}
rlm@32 395
rlm@32 396 #main {padding-bottom: 150px;} /* must be same height as the footer */
rlm@32 397
rlm@32 398 #footer {position: relative;
rlm@32 399 font: bold 16px "helvetica","arial", "sans-serif";
rlm@32 400 color: white;
rlm@32 401 margin-top: -150px; /* negative value of footer height */
rlm@32 402 height: 150px;
rlm@32 403 clear:both;}
rlm@32 404
rlm@32 405 /* CLEAR FIX*/
rlm@32 406 .clearfix:after {content: ".";
rlm@32 407 display: block;
rlm@32 408 height: 0;
rlm@32 409 clear: both;
rlm@32 410 visibility: hidden;}
rlm@32 411 .clearfix {display: inline-block;}
rlm@32 412 /* Hides from IE-mac \*/
rlm@32 413 * html .clearfix { height: 1%;}
rlm@32 414 .clearfix {display: block;}
rlm@32 415 /* End hide from IE-mac */
rlm@23 416
rlm@22 417 /*stuff to make the containing divs actually contain the stuff they contain.*/
rlm@22 418
rlm@22 419 .clearfix:after {
rlm@22 420 content: ".";
rlm@22 421 display: block;
rlm@22 422 height: 0;
rlm@22 423 clear: both;
rlm@22 424 visibility: hidden;
rlm@22 425 }
rlm@22 426
rlm@22 427 * html .clearfix {height: 1%;}