Mercurial > laserkard
annotate css/sexy.css @ 78:4ebd94bfecda laserkard
moved css files to own directory; deleted USELESS files
author | Robert McIntyre <rlm@mit.edu> |
---|---|
date | Thu, 22 Jul 2010 09:56:12 -0400 |
parents | |
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 |