Mercurial > laserkard

annotate buy_files/sexy.css @ 85:da4f4f91f8aa laserkard

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