annotate sexy.css @ 44:1045db9799e3 laserkard

[svn r45] Greatly Enhanced Responsiveness of the website.
author rlm
date Thu, 28 Jan 2010 04:10:44 -0500
parents ef8615de8a9c
children 26c2b3ad21c7
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@35 148 div#copyright
rlm@35 149 {
rlm@35 150 position:relative;
rlm@35 151 font: bold 16px "helvetica","arial", "sans-serif";
rlm@35 152 color: white;
rlm@35 153 margin-left:auto;
rlm@35 154 margin-right: auto;
rlm@35 155 clear:left;
rlm@25 156
rlm@23 157 }
rlm@23 158
rlm@35 159 /*************************************************************************/
rlm@35 160
rlm@35 161
rlm@35 162
rlm@35 163
rlm@35 164 h1
rlm@35 165 {
rlm@35 166 padding: 0px;
rlm@35 167 margin:0px;
rlm@35 168 margin-bottom: 10px;
rlm@35 169 color: white;
rlm@35 170 background-color:#000000;
rlm@35 171 text-align: center;
rlm@35 172 font: bold 32px "arial", "sans-serif";
rlm@35 173 }
rlm@35 174
rlm@35 175
rlm@35 176 /* stuff for the paypal button */
rlm@35 177
rlm@35 178 div#buttoncon
rlm@35 179 {
rlm@35 180 position:relative;
rlm@35 181 }
rlm@35 182
rlm@35 183
rlm@35 184 div#vanish
rlm@35 185 {
rlm@35 186 position:absolute;
rlm@35 187 top:0px;
rlm@35 188 left:0px;
rlm@35 189 z-index:2;
rlm@35 190 }
rlm@35 191
rlm@35 192 div#crush
rlm@35 193 {
rlm@35 194 position:relative;
rlm@35 195 left:8px;
rlm@35 196 top:0px;
rlm@35 197 z-index:1;
rlm@35 198 }
rlm@35 199
rlm@35 200 /* end paypal button stuff */
rlm@35 201
rlm@35 202
rlm@35 203 /*stupid stuff for the headers and whatnot */
rlm@35 204
rlm@35 205
rlm@32 206 div.ttyl
rlm@32 207 {
rlm@32 208 padding-top: 0px;
rlm@32 209 padding-left: 10px;
rlm@32 210
rlm@32 211 }
rlm@32 212 div.ttyls
rlm@32 213 {
rlm@32 214 padding-top:6px;
rlm@32 215 padding-left: 0px;
rlm@32 216
rlm@32 217 }
rlm@32 218
rlm@32 219 div#stupid
rlm@32 220 {
rlm@32 221 padding-top: 7px;
rlm@32 222
rlm@32 223 }
rlm@32 224
rlm@23 225
rlm@35 226
rlm@35 227 titletron
rlm@29 228 {
rlm@35 229 color: white;
rlm@35 230 background-color:#00000;
rlm@35 231 font: bold 32px "arial", "sans-serif";
rlm@35 232 }
rlm@35 233
rlm@35 234
rlm@35 235
rlm@35 236
rlm@35 237 /* end stupid header stuff */
rlm@35 238
rlm@35 239 div#i_materials
rlm@35 240 {
rlm@35 241
rlm@35 242 display: none;
rlm@29 243 padding:5px;
rlm@29 244 border-style:solid;
rlm@29 245 border-color:#79797b;
rlm@29 246 border-width:1px;
rlm@29 247
rlm@35 248 width:auto;
rlm@19 249 float:left;
rlm@19 250
rlm@19 251 background-color:#000000;
rlm@32 252
rlm@32 253 }
rlm@32 254
rlm@22 255
rlm@42 256 div#formValues
rlm@22 257
rlm@42 258 {
rlm@42 259 color:white;
rlm@42 260 position: absolute;
rlm@42 261 top:45px;
rlm@42 262 left: 15px;
rlm@44 263 display:none;
rlm@42 264 }
rlm@24 265
rlm@44 266 div#cardDefs
rlm@44 267 {
rlm@44 268 color:green;
rlm@44 269 position: absolute;
rlm@44 270 width: 200px;
rlm@44 271 top: 70px;
rlm@44 272 left: 10px;
rlm@44 273 display:none;
rlm@44 274 }
rlm@24 275