Mercurial > judyates

annotate e2gallerypro/design/e2simple/design.css @ 12:2f433df9b961 judyates

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