annotate old_sexy.css @ 39:8b3b5753ad41 laserkard

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