Mercurial > laserkard

annotate css/sexy.css @ 95:5fb202915c11 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
created card template multifunction
author Robert McIntyre <rlm@mit.edu>
date Mon, 26 Jul 2010 21:42:20 -0400
parents 4ebd94bfecda
children
rev   line source
rlm@78 1
rlm@78 2
rlm@78 3 div#whole
rlm@78 4 {
rlm@78 5 width: 1100px ;
rlm@78 6 margin-top:25px;
rlm@78 7 margin-left: auto ;
rlm@78 8 margin-right: auto ;
rlm@78 9 clear: right;
rlm@78 10 }
rlm@78 11
rlm@78 12
rlm@78 13
rlm@78 14
rlm@78 15
rlm@78 16 /* stuff dealing with the templates on the left */
rlm@78 17
rlm@78 18
rlm@78 19 div#i_templates
rlm@78 20 {
rlm@78 21
rlm@78 22 color: white;
rlm@78 23 background-color:#000000;
rlm@78 24 text-align: left;
rlm@78 25 font: bold 32px "arial", "sans-serif";
rlm@78 26
rlm@78 27 padding:10px;
rlm@78 28 padding-top: 15px;
rlm@78 29 border-style:solid;
rlm@78 30 border-color:#ffffff;
rlm@78 31 border-width:1px;
rlm@78 32
rlm@78 33 float: left;
rlm@78 34 width: auto;
rlm@78 35 margin-right: 7px;
rlm@78 36
rlm@78 37 }
rlm@78 38
rlm@78 39 input#template1,input#template2,input#template3,input#template4, input#clear_acr, input#green_acr
rlm@78 40 {
rlm@78 41 padding:3px;
rlm@78 42 border-width:1px;
rlm@78 43 }
rlm@78 44
rlm@78 45
rlm@78 46 /*************************************************************************/
rlm@78 47
rlm@78 48
rlm@78 49 /* Display in the middle */
rlm@78 50
rlm@78 51 div#centerbox
rlm@78 52 {
rlm@78 53
rlm@78 54 float:left;
rlm@78 55 margin-top:0px;
rlm@78 56 margin-left:10px;
rlm@78 57 margin-right:10px;
rlm@78 58 width:515px;
rlm@78 59 padding:5px;
rlm@78 60 background-color:#000;
rlm@78 61 }
rlm@78 62
rlm@78 63
rlm@78 64 div#disp_contain
rlm@78 65 {
rlm@78 66 position: absolute;
rlm@78 67 z-index:10;
rlm@78 68 top:73px;
rlm@78 69
rlm@78 70 }
rlm@78 71
rlm@78 72 div#display
rlm@78 73 {
rlm@78 74 position: absolute;
rlm@78 75 top:73px;
rlm@78 76 background-color:#000000;
rlm@78 77 z-index: 5;
rlm@78 78 }
rlm@78 79
rlm@78 80 div#pokedex
rlm@78 81 {
rlm@78 82 position: absolute;
rlm@78 83 width: 453px;
rlm@78 84 top: 415px;
rlm@78 85 padding : 30px;
rlm@78 86 clear:right;
rlm@78 87 float:none;
rlm@78 88 background-color:#000000;
rlm@78 89 border-style:solid;
rlm@78 90 border-color:#ffffff;
rlm@78 91 border-width:1px;
rlm@78 92
rlm@78 93 font: bold 16px "helvetica","arial", "sans-serif";
rlm@78 94 color: white;
rlm@78 95 }
rlm@78 96
rlm@78 97
rlm@78 98 /*************************************************************************/
rlm@78 99
rlm@78 100
rlm@78 101
rlm@78 102
rlm@78 103
rlm@78 104
rlm@78 105
rlm@78 106
rlm@78 107 /* the "input your information form on the right */
rlm@78 108
rlm@78 109
rlm@78 110 div#i_inputbox
rlm@78 111 {
rlm@78 112
rlm@78 113 padding-left:10px;
rlm@78 114 padding-top:10px;
rlm@78 115 padding-right:0px;
rlm@78 116 border-style:solid;
rlm@78 117 border-color:#ffffff;
rlm@78 118 border-width:1px;
rlm@78 119 padding-bottom:10px;
rlm@78 120
rlm@78 121 font: bold 14px "helvetica","arial", "sans-serif";
rlm@78 122 color: white;
rlm@78 123
rlm@78 124 float:left;
rlm@78 125 width:240px;
rlm@78 126 clear:right;
rlm@78 127 margin-left: 7px;
rlm@78 128
rlm@78 129 background-color:#000000;
rlm@78 130 }
rlm@78 131
rlm@78 132 div.descript
rlm@78 133 {
rlm@78 134 font: bold 16px "helvetica","arial", "sans-serif";
rlm@78 135 color: white;
rlm@78 136 margin-bottom: 15px;
rlm@78 137 background-color: #000000;
rlm@78 138 }
rlm@78 139
rlm@78 140
rlm@78 141 /*************************************************************************/
rlm@78 142
rlm@78 143
rlm@78 144
rlm@78 145 /* try to make teh copyright appear correctly on the bottom*/
rlm@78 146
rlm@78 147
rlm@78 148
rlm@78 149 /*************************************************************************/
rlm@78 150
rlm@78 151
rlm@78 152
rlm@78 153
rlm@78 154 h1
rlm@78 155 {
rlm@78 156 padding: 0px;
rlm@78 157 margin:0px;
rlm@78 158 margin-bottom: 10px;
rlm@78 159 color: white;
rlm@78 160 background-color:#000000;
rlm@78 161 text-align: center;
rlm@78 162 font: bold 32px "arial", "sans-serif";
rlm@78 163 }
rlm@78 164
rlm@78 165
rlm@78 166 /* stuff for the paypal button */
rlm@78 167
rlm@78 168 div#buttoncon
rlm@78 169 {
rlm@78 170 position:relative;
rlm@78 171 }
rlm@78 172
rlm@78 173
rlm@78 174 div#vanish
rlm@78 175 {
rlm@78 176 position:absolute;
rlm@78 177 top:0px;
rlm@78 178 left:0px;
rlm@78 179 z-index:2;
rlm@78 180 }
rlm@78 181
rlm@78 182 div#crush
rlm@78 183 {
rlm@78 184 position:relative;
rlm@78 185 left:8px;
rlm@78 186 top:0px;
rlm@78 187 z-index:1;
rlm@78 188 }
rlm@78 189
rlm@78 190 /* end paypal button stuff */
rlm@78 191
rlm@78 192
rlm@78 193 /*stupid stuff for the headers and whatnot */
rlm@78 194
rlm@78 195
rlm@78 196 div.ttyl
rlm@78 197 {
rlm@78 198 padding-top: 0px;
rlm@78 199 padding-left: 10px;
rlm@78 200
rlm@78 201 }
rlm@78 202 div.ttyls
rlm@78 203 {
rlm@78 204 padding-top:6px;
rlm@78 205 padding-left: 0px;
rlm@78 206
rlm@78 207 }
rlm@78 208
rlm@78 209 div#stupid
rlm@78 210 {
rlm@78 211 padding-top: 7px;
rlm@78 212
rlm@78 213 }
rlm@78 214
rlm@78 215
rlm@78 216
rlm@78 217 titletron
rlm@78 218 {
rlm@78 219 color: white;
rlm@78 220 background-color:#000000;
rlm@78 221 font: bold 32px "arial", "sans-serif";
rlm@78 222 }
rlm@78 223
rlm@78 224
rlm@78 225
rlm@78 226
rlm@78 227 /* end stupid header stuff */
rlm@78 228
rlm@78 229 div#i_materials
rlm@78 230 {
rlm@78 231
rlm@78 232 display: none;
rlm@78 233 padding:5px;
rlm@78 234 border-style:solid;
rlm@78 235 border-color:#79797b;
rlm@78 236 border-width:1px;
rlm@78 237
rlm@78 238 width:auto;
rlm@78 239 float:left;
rlm@78 240
rlm@78 241 background-color:#000000;
rlm@78 242
rlm@78 243 }
rlm@78 244
rlm@78 245
rlm@78 246 div#formValues
rlm@78 247
rlm@78 248 {
rlm@78 249 color:white;
rlm@78 250 position: absolute;
rlm@78 251 top:30px;
rlm@78 252 left: 15px;
rlm@78 253 display:none;
rlm@78 254 }
rlm@78 255
rlm@78 256 div#cardDefs
rlm@78 257 {
rlm@78 258 color:green;
rlm@78 259 position: absolute;
rlm@78 260 width: 200px;
rlm@78 261 top: 90px;
rlm@78 262 left: 10px;
rlm@78 263 display:none;
rlm@78 264 }
rlm@78 265
rlm@78 266 div#currentSpec
rlm@78 267 {
rlm@78 268 color:red;
rlm@78 269 position: absolute;
rlm@78 270 width: 200px;
rlm@78 271 top: 90px;
rlm@78 272 right: 10px;
rlm@78 273 display:none;
rlm@78 274 }
rlm@78 275
rlm@78 276 div#output
rlm@78 277 {
rlm@78 278 color:#fbafcd;
rlm@78 279 position: absolute;
rlm@78 280 width: 200px;
rlm@78 281 top: 130px;
rlm@78 282 right: 10px;
rlm@78 283 display:none;
rlm@78 284 }
rlm@78 285
rlm@78 286
rlm@78 287