Mercurial > laserkard

annotate sexy.css @ 29:7742910e0479 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[svn r30] implemented drawing text on the picture dynamically. still need to center stuff
author rlm
date Sat, 16 Jan 2010 12:25:43 -0500
parents 5b5c03a850b9
children 0deeb2d5d1db
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@24 7 margin-bottom:120px;
rlm@23 8 margin-top:25px;
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@23 16 div#trileft
rlm@23 17 {
rlm@23 18
rlm@23 19 position:absolute;
rlm@23 20 top:0;
rlm@24 21 left:0%;
rlm@23 22 width:45%;
rlm@23 23
rlm@23 24
rlm@23 25 padding:5px;
rlm@23 26 border-style:solid;
rlm@24 27 border-color:#ffffff;
rlm@23 28 border-width:1px;
rlm@23 29
rlm@23 30
rlm@23 31
rlm@23 32 }
rlm@23 33
rlm@24 34 div.texttext
rlm@24 35 {
rlm@24 36 padding-top: 12px;
rlm@24 37 }
rlm@23 38
rlm@23 39
rlm@23 40 div#triright
rlm@23 41 {
rlm@23 42 position:absolute;
rlm@23 43
rlm@23 44 top:0;
rlm@23 45 left:52.5%;
rlm@23 46 width:45%;
rlm@23 47 padding:5px;
rlm@23 48 border-style:solid;
rlm@24 49 border-color:#ffffff;
rlm@23 50 border-width:1px;
rlm@24 51 padding-left:15px;
rlm@23 52 }
rlm@23 53
rlm@23 54
rlm@23 55 div#wtf
rlm@23 56 {
rlm@23 57 padding:5px;
rlm@23 58 border-style:solid;
rlm@23 59 border-color:#79797b;
rlm@23 60 border-width:1px;
rlm@23 61 }
rlm@23 62
rlm@23 63
rlm@23 64 div#arrowleft
rlm@23 65 {
rlm@23 66 float:left;
rlm@23 67 margin:7px;
rlm@24 68 margin-right:15px;
rlm@23 69 }
rlm@23 70
rlm@23 71 div#arrowright
rlm@23 72 {
rlm@23 73 float:right;
rlm@23 74 margin:7px;
rlm@23 75 }
rlm@2 76
rlm@19 77 h1
rlm@19 78 {
rlm@23 79
rlm@19 80 color: white;
rlm@19 81 background-color:#000000;
rlm@19 82 text-align: center;
rlm@19 83 font: bold 32px "arial", "sans-serif";
rlm@19 84
rlm@19 85 }
rlm@19 86
rlm@22 87 div#whole
rlm@19 88 {
rlm@22 89 width: 1100px ;
rlm@21 90 margin-top:25px;
rlm@19 91 margin-left: auto ;
rlm@19 92 margin-right: auto ;
rlm@20 93
rlm@24 94 /*
rlm@22 95 padding:2px;
rlm@22 96 border-style:solid;
rlm@22 97 border-color:#79797b;
rlm@22 98 border-width:1px;
rlm@24 99 */
rlm@19 100 }
rlm@2 101
rlm@20 102
rlm@19 103
rlm@19 104 div#i_materials
rlm@0 105 {
rlm@23 106
rlm@19 107 display: none;
rlm@19 108 padding:5px;
rlm@19 109 border-style:solid;
rlm@19 110 border-color:#79797b;
rlm@19 111 border-width:1px;
rlm@2 112
rlm@19 113 width:auto;
rlm@19 114 float:left;
rlm@21 115
rlm@19 116 /*position:absolute;
rlm@19 117 left:15px;
rlm@19 118 top:80px;*/
rlm@19 119 background-color:#000000;
rlm@18 120
rlm@20 121 }
rlm@20 122
rlm@28 123
rlm@28 124 div#templates
rlm@28 125 {
rlm@28 126
rlm@28 127 margin-bottom: 10px;
rlm@28 128 }
rlm@28 129
rlm@28 130
rlm@28 131
rlm@19 132 div#i_templates
rlm@19 133 {
rlm@23 134
rlm@2 135 color: white;
rlm@2 136 background-color:#000000;
rlm@2 137 text-align: left;
rlm@2 138 font: bold 32px "arial", "sans-serif";
rlm@2 139
rlm@5 140 padding:10px;
rlm@2 141 border-style:solid;
rlm@24 142 border-color:#ffffff;
rlm@2 143 border-width:1px;
rlm@2 144
rlm@19 145 float: left;
rlm@19 146 width: auto;
rlm@19 147
rlm@21 148
rlm@19 149
rlm@19 150 /*
rlm@19 151 position:absolute;
rlm@19 152 left:15px;
rlm@19 153 bottom:15px;
rlm@19 154 */
rlm@19 155
rlm@20 156 }
rlm@20 157
rlm@20 158
rlm@20 159
rlm@23 160 titletron
rlm@23 161 {
rlm@23 162
rlm@23 163
rlm@25 164 padding-bottom: 50px;
rlm@23 165 color: white;
rlm@23 166 background-color:#000000;
rlm@23 167 text-align: left;
rlm@23 168 font: bold 32px "arial", "sans-serif";
rlm@23 169
rlm@25 170
rlm@23 171 }
rlm@23 172
rlm@23 173
rlm@29 174 div#centerbox
rlm@29 175 {
rlm@29 176 float:left;
rlm@29 177 margin-top:-10px;
rlm@29 178 margin-left:10px;
rlm@29 179 margin-right:10px;
rlm@29 180 width:515px;
rlm@29 181 padding:5px;
rlm@29 182 background-color:#000;
rlm@29 183 /*
rlm@29 184 border-style:solid;
rlm@29 185 border-color:#79797b;
rlm@29 186 border-width:1px;
rlm@29 187 margin:10px;
rlm@29 188 */
rlm@29 189 }
rlm@29 190
rlm@29 191
rlm@29 192 div#disp_contain
rlm@29 193 {position: relative;z-index:10;}
rlm@23 194
rlm@0 195 div#display
rlm@0 196 {
rlm@29 197 position: absolute;
rlm@29 198 top:60px;
rlm@29 199 left:0px
rlm@29 200 background-color:#00ff00;
rlm@29 201 z-index: 5;
rlm@29 202 }
rlm@18 203
rlm@22 204
rlm@22 205
rlm@21 206
rlm@0 207
rlm@0 208
rlm@16 209 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr
rlm@5 210 {
rlm@5 211 padding:3px;
rlm@24 212 /*#border-style:solid;
rlm@24 213 #border-color:#79797b;*/
rlm@5 214 border-width:1px;
rlm@5 215 }
rlm@0 216
rlm@0 217
rlm@19 218 div#i_inputbox
rlm@19 219 {
rlm@23 220
rlm@23 221 padding-left:10px;
rlm@23 222 padding-top:10px;
rlm@23 223 padding-right:0px;
rlm@19 224 border-style:solid;
rlm@24 225 border-color:#ffffff;
rlm@19 226 border-width:1px;
rlm@24 227 padding-bottom:10px;
rlm@22 228
rlm@19 229 font: bold 14px "helvetica","arial", "sans-serif";
rlm@19 230 color: white;
rlm@19 231
rlm@19 232 float:left;
rlm@22 233 width:240px;
rlm@22 234 clear:right;
rlm@19 235
rlm@19 236 /*
rlm@19 237 position:absolute;
rlm@19 238 left:1260px;
rlm@19 239 top:80px;
rlm@19 240 */
rlm@19 241
rlm@19 242 background-color:#000000;
rlm@19 243 }
rlm@19 244
rlm@2 245
rlm@22 246
rlm@22 247
rlm@22 248
rlm@2 249 div#pokedex
rlm@2 250 {
rlm@24 251 padding : 30px;
rlm@22 252 clear:right;
rlm@22 253 float:none;
rlm@24 254 background-color:#000000;
rlm@24 255 border-style:solid;
rlm@24 256 border-color:#ffffff;
rlm@24 257 border-width:1px;
rlm@24 258
rlm@24 259
rlm@24 260
rlm@24 261 font: bold 16px "helvetica","arial", "sans-serif";
rlm@24 262 color: white;
rlm@2 263 }
rlm@18 264
rlm@22 265 div#garbage
rlm@22 266 {
rlm@18 267
rlm@22 268 float:left;
rlm@22 269 width:1000px;
rlm@19 270
rlm@22 271 }
rlm@19 272
rlm@20 273
rlm@22 274
rlm@22 275
rlm@22 276
rlm@23 277 div#buttoncon
rlm@23 278 {
rlm@23 279 position:relative;
rlm@23 280
rlm@23 281 }
rlm@23 282
rlm@23 283
rlm@23 284 div#vanish
rlm@23 285 {
rlm@23 286 position:absolute;
rlm@23 287 top:0px;
rlm@23 288 left:0px;
rlm@23 289 z-index:2;
rlm@23 290 }
rlm@23 291
rlm@23 292 div#crush
rlm@23 293 {
rlm@23 294 position:relative;
rlm@23 295 left:8px;
rlm@23 296 top:0px;
rlm@23 297 z-index:1;
rlm@23 298 }
rlm@23 299
rlm@23 300
rlm@23 301
rlm@24 302 h1
rlm@23 303
rlm@24 304 {
rlm@24 305 padding: 0px;
rlm@24 306 margin:0px;
rlm@24 307 margin-bottom: 10px;
rlm@24 308 }
rlm@23 309
rlm@23 310
rlm@23 311
rlm@23 312
rlm@23 313
rlm@23 314
rlm@22 315 /*stuff to make the containing divs actually contain the stuff they contain.*/
rlm@22 316
rlm@22 317 .clearfix:after {
rlm@22 318 content: ".";
rlm@22 319 display: block;
rlm@22 320 height: 0;
rlm@22 321 clear: both;
rlm@22 322 visibility: hidden;
rlm@22 323 }
rlm@22 324
rlm@22 325 * html .clearfix {height: 1%;}