Mercurial > judyates
comparison e2gallerypro/design/e2simple/design.css @ 3:3f6b44aa6b35 judyates
[svn r4] added ability to buy stuff, from a Prints page, but it doesn't work well with the css, and it also has not been fitted into the perl make system.
| author | rlm |
|---|---|
| date | Mon, 22 Feb 2010 08:02:39 -0500 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| 2:670229c4eb4b | 3:3f6b44aa6b35 |
|---|---|
| 1 body{ | |
| 2 } | |
| 3 #gallery #galleries #controls { | |
| 4 height: 17px; | |
| 5 padding: 3px; | |
| 6 margin:0 auto; | |
| 7 width:754px; | |
| 8 border-bottom:1px solid #333; | |
| 9 text-align:left; | |
| 10 background-image: url(controls_bg.png); | |
| 11 background-repeat: repeat-x; | |
| 12 color:#333; | |
| 13 } | |
| 14 #gallery #thumbnails { | |
| 15 height: 57px; | |
| 16 text-align: center; | |
| 17 width: 672px; | |
| 18 margin: 0 auto 0; | |
| 19 overflow: hidden; | |
| 20 position: relative; | |
| 21 } | |
| 22 #gallery { | |
| 23 font: 78% Arial, Helvetica, sans-serif; | |
| 24 width: 800px; | |
| 25 margin: 0 auto; | |
| 26 height: 600px; | |
| 27 position: relative; | |
| 28 overflow: hidden; | |
| 29 z-index: 1; | |
| 30 } | |
| 31 #gallery #galleries { | |
| 32 background: #FFF url(images_bg.png) repeat-x; | |
| 33 position: absolute; | |
| 34 left:19px; | |
| 35 bottom: -575px; | |
| 36 height: 598px; | |
| 37 width: 760px; | |
| 38 text-align: center; | |
| 39 z-index: 50; | |
| 40 cursor: pointer; | |
| 41 border:1px solid #333; | |
| 42 } | |
| 43 #images { | |
| 44 height: 508px; | |
| 45 text-align: center; | |
| 46 position: relative; | |
| 47 width:760px; | |
| 48 overflow: hidden; | |
| 49 margin:0 auto 0; | |
| 50 background: url(images_bg.png) repeat-x; | |
| 51 border-left: 1px solid #333; | |
| 52 border-right: 1px solid #333; | |
| 53 border-top: solid #333 1px; | |
| 54 } | |
| 55 | |
| 56 #imagewrap { | |
| 57 background: #E1E1E1; | |
| 58 position:absolute; | |
| 59 margin:0 auto; | |
| 60 width: 0px; | |
| 61 height: 0px; | |
| 62 top: 200px; | |
| 63 left: 380px; | |
| 64 } | |
| 65 #imgsrc{ | |
| 66 cursor: pointer; | |
| 67 } | |
| 68 #thumbnailwrap { | |
| 69 left: 0px; | |
| 70 position: absolute; | |
| 71 } | |
| 72 .thumbnail { | |
| 73 margin: 7px 6px; | |
| 74 float: left; | |
| 75 height: 42px; | |
| 76 width: 42px; | |
| 77 border: solid #333 1px; | |
| 78 cursor: pointer; | |
| 79 overflow:hidden; | |
| 80 } | |
| 81 #gallery #thumbbox { | |
| 82 width: 760px; | |
| 83 margin:0 auto; | |
| 84 position:relative; | |
| 85 border:1px solid #333; | |
| 86 background: url(thumbwrap.png) no-repeat; | |
| 87 padding: 8px 0 0 0; | |
| 88 overflow: hidden; | |
| 89 height: 57px; | |
| 90 } | |
| 91 #loading { | |
| 92 height: 87px; | |
| 93 width: 150px; | |
| 94 position: absolute; | |
| 95 background-image: url(loading.png); | |
| 96 background-repeat: no-repeat; | |
| 97 background-position: center center; | |
| 98 z-index: 8888; | |
| 99 left: 311px; | |
| 100 top: 189px; | |
| 101 } | |
| 102 .gallery { | |
| 103 float: left; | |
| 104 height: 200px; | |
| 105 width: 250px; | |
| 106 background-image: url(gallery_bg.png); | |
| 107 background-repeat: no-repeat; | |
| 108 background-position: center center; | |
| 109 position: relative; | |
| 110 } | |
| 111 #gallery #next { | |
| 112 height: 510px; | |
| 113 width: 19px; | |
| 114 background-image: url(next.png); | |
| 115 background-repeat: no-repeat; | |
| 116 background-position: right center; | |
| 117 position: absolute; | |
| 118 right: 0px; | |
| 119 cursor: pointer; | |
| 120 z-index: 5; | |
| 121 } | |
| 122 #gallery #previous { | |
| 123 height: 510px; | |
| 124 width: 19px; | |
| 125 background-image: url(prev.png); | |
| 126 background-repeat: no-repeat; | |
| 127 background-position: left center; | |
| 128 position: absolute; | |
| 129 left: 0px; | |
| 130 cursor: pointer; | |
| 131 z-index: 5; | |
| 132 } | |
| 133 #loading #loadingbar { | |
| 134 position: relative; | |
| 135 width: 100%; | |
| 136 height: 87px; | |
| 137 } | |
| 138 #loading #loadingbar #bar { | |
| 139 position: absolute; | |
| 140 bottom: 19px; | |
| 141 left: 44px; | |
| 142 width: 50px; | |
| 143 height: 50px; | |
| 144 } | |
| 145 #largeimage { | |
| 146 height: 0px; | |
| 147 width: 0px; | |
| 148 position: absolute; | |
| 149 z-index: 99; | |
| 150 overflow: visible; | |
| 151 } | |
| 152 #backdrop { | |
| 153 background-color: #000; | |
| 154 height: 0px; | |
| 155 width: 0px; | |
| 156 position: absolute; | |
| 157 z-index: 98; | |
| 158 left: 50%; | |
| 159 top: 0px; | |
| 160 cursor:pointer; | |
| 161 } | |
| 162 #largeimage #closebtn { | |
| 163 background-image: url(closebtn.png); | |
| 164 background-repeat: no-repeat; | |
| 165 background-position: center center; | |
| 166 height: 28px; | |
| 167 width: 28px; | |
| 168 z-index: 100; | |
| 169 position: absolute; | |
| 170 left: -8px; | |
| 171 top: -8px; | |
| 172 cursor:pointer; | |
| 173 } | |
| 174 #galleryset .gallery h3 { | |
| 175 font-size: 1.5em; | |
| 176 font-weight: bold; | |
| 177 color: #666666; | |
| 178 margin: 10px 15px; | |
| 179 padding: 0px; | |
| 180 } | |
| 181 .tooltips{ | |
| 182 z-index: 9999999; | |
| 183 } | |
| 184 .tip { | |
| 185 font:Arial, Helvetica, sans-serif; | |
| 186 color: #CCC; | |
| 187 width: 220px; | |
| 188 } | |
| 189 .tip-top { | |
| 190 margin: 0; | |
| 191 color: #CCCCCC; | |
| 192 padding: 37px 30px 0px 30px; | |
| 193 background: url(tip-top.png) top left; | |
| 194 } | |
| 195 .tip-title{ | |
| 196 font-weight:bold; | |
| 197 font-size: 1.3em; | |
| 198 margin: 0; | |
| 199 color: #FFF; | |
| 200 padding: 0px 30px 3px 30px; | |
| 201 background: url(tip-middle.png) bottom right; | |
| 202 } | |
| 203 .tip-text { | |
| 204 font-size: 1em; | |
| 205 padding: 5px 30px 0px 30px; | |
| 206 background: url(tip-middle.png) bottom right; | |
| 207 } | |
| 208 .tip-bottom { | |
| 209 padding: 0px 25px 42px; | |
| 210 background: url(tip-bottom.png) bottom right; | |
| 211 } | |
| 212 .minitooltips{ | |
| 213 z-index: 9999999; | |
| 214 } | |
| 215 .minitooltips .tip { | |
| 216 color: #FFF; | |
| 217 width: 130px; | |
| 218 } | |
| 219 .minitooltips .tip-top { | |
| 220 margin: 0; | |
| 221 color: #CCCCCC; | |
| 222 padding: 9px 12px 0px 12px; | |
| 223 background: url(minitop.png) top left; | |
| 224 } | |
| 225 .minitooltips .tip-title{ | |
| 226 font:Georgia, "Times New Roman", Times, serif; | |
| 227 text-align:center; | |
| 228 font-weight:normal; | |
| 229 font-size: .8em; | |
| 230 margin: 0; | |
| 231 color: #FFF; | |
| 232 padding: 0px 12px 3px 12px; | |
| 233 background: url(minimiddle.png) bottom right; | |
| 234 } | |
| 235 .minitooltips .tip-text { | |
| 236 text-align:center; | |
| 237 font-size: .9em; | |
| 238 padding: 8px 12px 0px 12px; | |
| 239 background: url(minimiddle.png) bottom right; | |
| 240 } | |
| 241 .minitooltips .tip-bottom { | |
| 242 padding: 0px 12px 8px; | |
| 243 background: url(minibottom.png) bottom right; | |
| 244 } | |
| 245 .gallery .galleryimg { | |
| 246 position: absolute; | |
| 247 left: 23px; | |
| 248 top: 37px; | |
| 249 } | |
| 250 #gallery #thumbbox #thumbleft { | |
| 251 width: 40px; | |
| 252 height: 65px; | |
| 253 left: 0px; | |
| 254 position: absolute; | |
| 255 background: url(left_arrow.png) no-repeat center center; | |
| 256 visibility: hidden; | |
| 257 cursor: pointer; | |
| 258 } | |
| 259 #gallery #thumbbox #thumbright { | |
| 260 height: 65px; | |
| 261 width: 40px; | |
| 262 position: absolute; | |
| 263 background: url(right_arrow.png) no-repeat center center; | |
| 264 right: 0px; | |
| 265 visibility: hidden; | |
| 266 cursor: pointer; | |
| 267 } | |
| 268 #gallery #images #smallmessage { | |
| 269 background-image: url(message-popup.png); | |
| 270 background-repeat: no-repeat; | |
| 271 background-position: center top; | |
| 272 position: absolute; | |
| 273 bottom: -85px; | |
| 274 height: 76px; | |
| 275 width: 205px; | |
| 276 text-align: center; | |
| 277 padding: 8px 5px 0px; | |
| 278 color: #CCC; | |
| 279 font-size: 0.8em; | |
| 280 } | |
| 281 #gallery #images #imageinfo { | |
| 282 position: absolute; | |
| 283 bottom: -300px; | |
| 284 height: 250px; | |
| 285 width: 90%; | |
| 286 text-align: center; | |
| 287 padding: 5px 5px 0px; | |
| 288 color: #333; | |
| 289 font-size: 0.8em; | |
| 290 left: 0px; | |
| 291 } | |
| 292 #largeimage #lrgloader { | |
| 293 overflow: hidden; | |
| 294 | |
| 295 | |
| 296 } | |
| 297 #largeimage #lrgwrap { | |
| 298 overflow: hidden; | |
| 299 border: 1px solid #333; | |
| 300 background: #FFF url(images_bg.png) repeat-x; | |
| 301 } | |
| 302 #imageinfo #infoloader { | |
| 303 font-size: 1.2em; | |
| 304 color: #E1E1E1; | |
| 305 text-align: left; | |
| 306 margin: 0px; | |
| 307 position: releative; | |
| 308 } | |
| 309 #infoloader h2 { | |
| 310 font-size: 1.4em; | |
| 311 font-weight: bold; | |
| 312 color: #333; | |
| 313 margin: 0px; | |
| 314 padding: 0px; | |
| 315 text-shadow:#000; | |
| 316 } | |
| 317 #infoloader .copyright { | |
| 318 font-size: .8em; | |
| 319 } | |
| 320 #infoloader .author { | |
| 321 font-size: .8em; | |
| 322 } | |
| 323 .right { | |
| 324 float: right; | |
| 325 } | |
| 326 #fsbox { | |
| 327 width: 379px; | |
| 328 margin: 0 auto; | |
| 329 overflow:hidden; | |
| 330 height:300px; | |
| 331 z-index: 51; | |
| 332 position: absolute; | |
| 333 bottom: -350px; | |
| 334 left: 200px; | |
| 335 color: #FFF; | |
| 336 } | |
| 337 #fsbox #fsbutton { | |
| 338 color: #000; | |
| 339 background: url(buybutton.png) no-repeat center bottom; | |
| 340 height: 15px; | |
| 341 text-align: center; | |
| 342 padding: 2px 0 0 0; | |
| 343 margin:2px 0 6px; | |
| 344 font-size: 0.8em; | |
| 345 position: relative; | |
| 346 cursor:pointer; | |
| 347 } | |
| 348 #fsbox #fstop { | |
| 349 background: url(buynow_top.png) no-repeat center top; | |
| 350 height: 19px; | |
| 351 text-align: center; | |
| 352 padding: 0; | |
| 353 margin:0; | |
| 354 } | |
| 355 #fsbox #forsale { | |
| 356 background-image: url(buynow_middle.png); | |
| 357 background-repeat: repeat-y; | |
| 358 margin: 0px; | |
| 359 padding: 0 15px 20px; | |
| 360 position:relative; | |
| 361 } | |
| 362 #fsbox #forsale img{ | |
| 363 padding: 0 10px 10px; | |
| 364 | |
| 365 } | |
| 366 #fsbox hr { | |
| 367 clear:both; | |
| 368 visibility:hidden; | |
| 369 } | |
| 370 #fsbox #fsclose{ | |
| 371 background-image: url(closebtn.png); | |
| 372 background-repeat: no-repeat; | |
| 373 background-position: center center; | |
| 374 height: 28px; | |
| 375 width: 28px; | |
| 376 z-index: 220000; | |
| 377 cursor:pointer; | |
| 378 position: absolute; | |
| 379 left: 0px; | |
| 380 top: 15px; | |
| 381 } | |
| 382 #purchasebtn{ | |
| 383 font-weight:bold; | |
| 384 text-align:center; | |
| 385 margin:10px; | |
| 386 padding:11px 0 0 5px; | |
| 387 position:absolute; | |
| 388 right:15px; | |
| 389 top:0px; | |
| 390 } | |
| 391 #gallery #galleries #galleryset { | |
| 392 text-align: left; | |
| 393 width: 760px; | |
| 394 margin: 0 auto; | |
| 395 } | |
| 396 #thumbnailPopUp{ | |
| 397 z-index:1; | |
| 398 visibility:hidden; | |
| 399 background:url(pop_arrow.png) no-repeat center bottom; | |
| 400 padding-bottom:8px; | |
| 401 position:absolute; | |
| 402 top:0; | |
| 403 left:-10000px; | |
| 404 } | |
| 405 #thumbnailPopUp img{ | |
| 406 margin:0; | |
| 407 padding:0; | |
| 408 background:#333; | |
| 409 border:#FFF solid 3px; | |
| 410 } | |
| 411 .clear{clear:both;} |