Mercurial > laserkard
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%;} |