Mercurial > laserkard
view css/sexy.css @ 83:e0dadfad3dc4 laserkard
going to try a pure raphael solution
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Sun, 25 Jul 2010 21:46:00 -0400 |
parents | 4ebd94bfecda |
children |
line wrap: on
line source
3 div#whole4 {5 width: 1100px ;6 margin-top:25px;7 margin-left: auto ;8 margin-right: auto ;9 clear: right;10 }16 /* stuff dealing with the templates on the left */19 div#i_templates20 {22 color: white;23 background-color:#000000;24 text-align: left;25 font: bold 32px "arial", "sans-serif";27 padding:10px;28 padding-top: 15px;29 border-style:solid;30 border-color:#ffffff;31 border-width:1px;33 float: left;34 width: auto;35 margin-right: 7px;37 }39 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr40 {41 padding:3px;42 border-width:1px;43 }46 /*************************************************************************/49 /* Display in the middle */51 div#centerbox52 {54 float:left;55 margin-top:0px;56 margin-left:10px;57 margin-right:10px;58 width:515px;59 padding:5px;60 background-color:#000;61 }64 div#disp_contain65 {66 position: absolute;67 z-index:10;68 top:73px;70 }72 div#display73 {74 position: absolute;75 top:73px;76 background-color:#000000;77 z-index: 5;78 }80 div#pokedex81 {82 position: absolute;83 width: 453px;84 top: 415px;85 padding : 30px;86 clear:right;87 float:none;88 background-color:#000000;89 border-style:solid;90 border-color:#ffffff;91 border-width:1px;93 font: bold 16px "helvetica","arial", "sans-serif";94 color: white;95 }98 /*************************************************************************/107 /* the "input your information form on the right */110 div#i_inputbox111 {113 padding-left:10px;114 padding-top:10px;115 padding-right:0px;116 border-style:solid;117 border-color:#ffffff;118 border-width:1px;119 padding-bottom:10px;121 font: bold 14px "helvetica","arial", "sans-serif";122 color: white;124 float:left;125 width:240px;126 clear:right;127 margin-left: 7px;129 background-color:#000000;130 }132 div.descript133 {134 font: bold 16px "helvetica","arial", "sans-serif";135 color: white;136 margin-bottom: 15px;137 background-color: #000000;138 }141 /*************************************************************************/145 /* try to make teh copyright appear correctly on the bottom*/149 /*************************************************************************/154 h1155 {156 padding: 0px;157 margin:0px;158 margin-bottom: 10px;159 color: white;160 background-color:#000000;161 text-align: center;162 font: bold 32px "arial", "sans-serif";163 }166 /* stuff for the paypal button */168 div#buttoncon169 {170 position:relative;171 }174 div#vanish175 {176 position:absolute;177 top:0px;178 left:0px;179 z-index:2;180 }182 div#crush183 {184 position:relative;185 left:8px;186 top:0px;187 z-index:1;188 }190 /* end paypal button stuff */193 /*stupid stuff for the headers and whatnot */196 div.ttyl197 {198 padding-top: 0px;199 padding-left: 10px;201 }202 div.ttyls203 {204 padding-top:6px;205 padding-left: 0px;207 }209 div#stupid210 {211 padding-top: 7px;213 }217 titletron218 {219 color: white;220 background-color:#000000;221 font: bold 32px "arial", "sans-serif";222 }227 /* end stupid header stuff */229 div#i_materials230 {232 display: none;233 padding:5px;234 border-style:solid;235 border-color:#79797b;236 border-width:1px;238 width:auto;239 float:left;241 background-color:#000000;243 }246 div#formValues248 {249 color:white;250 position: absolute;251 top:30px;252 left: 15px;253 display:none;254 }256 div#cardDefs257 {258 color:green;259 position: absolute;260 width: 200px;261 top: 90px;262 left: 10px;263 display:none;264 }266 div#currentSpec267 {268 color:red;269 position: absolute;270 width: 200px;271 top: 90px;272 right: 10px;273 display:none;274 }276 div#output277 {278 color:#fbafcd;279 position: absolute;280 width: 200px;281 top: 130px;282 right: 10px;283 display:none;284 }