annotate sexy.css @ 75:874a6a2c28cf laserkard

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