Mercurial > judyates
diff e2gallerypro/design/e2gallerypro/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 |
line wrap: on
line diff
1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/e2gallerypro/design/e2gallerypro/design.css Mon Feb 22 08:02:39 2010 -0500 1.3 @@ -0,0 +1,412 @@ 1.4 +body{ 1.5 + background:#000; 1.6 +} 1.7 +#gallery #galleries #controls { 1.8 + height: 17px; 1.9 + padding: 3px; 1.10 + margin:0 auto; 1.11 + width:754px; 1.12 + border-bottom:1px solid #333; 1.13 + text-align:left; 1.14 + background-image: url(controls_bg.png); 1.15 + background-repeat: repeat-x; 1.16 + color:#333; 1.17 +} 1.18 +#gallery #thumbnails { 1.19 + height: 55px; 1.20 + text-align: center; 1.21 + width: 672px; 1.22 + margin: 0 auto 0; 1.23 + overflow: hidden; 1.24 + position: relative; 1.25 +} 1.26 +#gallery { 1.27 + font: 78% Arial, Helvetica, sans-serif; 1.28 + width: 800px; 1.29 + margin: 0 auto; 1.30 + height: 600px; 1.31 + position: relative; 1.32 + overflow: hidden; 1.33 + z-index: 1; 1.34 +} 1.35 +#gallery #galleries { 1.36 + background: #333 url(images_bg.png) repeat-x; 1.37 + position: absolute; 1.38 + left:19px; 1.39 + bottom: -575px; 1.40 + height: 598px; 1.41 + width: 760px; 1.42 + text-align: center; 1.43 + z-index: 50; 1.44 + cursor: pointer; 1.45 + border:1px solid #333; 1.46 +} 1.47 +#images { 1.48 + height: 508px; 1.49 + text-align: center; 1.50 + position: relative; 1.51 + width:760px; 1.52 + overflow: hidden; 1.53 + margin:0 auto 0; 1.54 + background: #333 url(images_bg.png) repeat-x; 1.55 + border-left: 1px solid #333; 1.56 + border-right: 1px solid #333; 1.57 + border-top: solid #333 1px; 1.58 +} 1.59 + 1.60 +#imagewrap { 1.61 + position:absolute; 1.62 + margin:0 auto; 1.63 + width: 0px; 1.64 + height: 0px; 1.65 + top: 200px; 1.66 + left: 380px; 1.67 +} 1.68 +#imgsrc{ 1.69 + cursor: pointer; 1.70 +} 1.71 +#thumbnailwrap { 1.72 + left: 0px; 1.73 + position: absolute; 1.74 +} 1.75 +.thumbnail { 1.76 + background: #333; 1.77 + margin: 7px 6px; 1.78 + float: left; 1.79 + height: 42px; 1.80 + width: 42px; 1.81 + border: solid #333 1px; 1.82 + cursor: pointer; 1.83 + overflow:hidden; 1.84 +} 1.85 +#gallery #thumbbox { 1.86 + width: 760px; 1.87 + margin:0 auto; 1.88 + position:relative; 1.89 + border:1px solid #333; 1.90 + background: url(thumbwrap.png) no-repeat; 1.91 + padding: 8px 0 0 0; 1.92 + overflow: hidden; 1.93 + height: 57px; 1.94 +} 1.95 +#loading { 1.96 + height: 87px; 1.97 + width: 150px; 1.98 + position: absolute; 1.99 + background-image: url(loading.png); 1.100 + background-repeat: no-repeat; 1.101 + background-position: center center; 1.102 + z-index: 8888; 1.103 + left: 311px; 1.104 + top: 189px; 1.105 +} 1.106 +.gallery { 1.107 + float: left; 1.108 + height: 200px; 1.109 + width: 250px; 1.110 + background-image: url(gallery_bg.png); 1.111 + background-repeat: no-repeat; 1.112 + background-position: center center; 1.113 + position: relative; 1.114 +} 1.115 +#gallery #next { 1.116 + height: 510px; 1.117 + width: 19px; 1.118 + background-image: url(next.png); 1.119 + background-repeat: no-repeat; 1.120 + background-position: right center; 1.121 + position: absolute; 1.122 + right: 0px; 1.123 + cursor: pointer; 1.124 + z-index: 5; 1.125 +} 1.126 +#gallery #previous { 1.127 + height: 510px; 1.128 + width: 19px; 1.129 + background-image: url(prev.png); 1.130 + background-repeat: no-repeat; 1.131 + background-position: left center; 1.132 + position: absolute; 1.133 + left: 0px; 1.134 + cursor: pointer; 1.135 + z-index: 5; 1.136 +} 1.137 +#loading #loadingbar { 1.138 + position: relative; 1.139 + width: 100%; 1.140 + height: 87px; 1.141 +} 1.142 +#loading #loadingbar #bar { 1.143 + position: absolute; 1.144 + bottom: 19px; 1.145 + left: 44px; 1.146 + width: 50px; 1.147 + height: 50px; 1.148 +} 1.149 +#largeimage { 1.150 + height: 0px; 1.151 + width: 0px; 1.152 + position: absolute; 1.153 + z-index: 99; 1.154 + overflow: visible; 1.155 +} 1.156 +#backdrop { 1.157 + background-color: #000; 1.158 + height: 0px; 1.159 + width: 0px; 1.160 + position: absolute; 1.161 + z-index: 98; 1.162 + left: 50%; 1.163 + top: 0px; 1.164 + cursor:pointer; 1.165 +} 1.166 +#largeimage #closebtn { 1.167 + background-image: url(closebtn.png); 1.168 + background-repeat: no-repeat; 1.169 + background-position: center center; 1.170 + height: 28px; 1.171 + width: 28px; 1.172 + z-index: 100; 1.173 + position: absolute; 1.174 + left: -8px; 1.175 + top: -8px; 1.176 + cursor:pointer; 1.177 +} 1.178 +#galleryset .gallery h3 { 1.179 + font-size: 1.5em; 1.180 + font-weight: bold; 1.181 + color: #666666; 1.182 + margin: 10px 15px; 1.183 + padding: 0px; 1.184 +} 1.185 +.tooltips{ 1.186 + z-index: 9999999; 1.187 +} 1.188 +.tip { 1.189 + font:Arial, Helvetica, sans-serif; 1.190 + color: #CCC; 1.191 + width: 220px; 1.192 +} 1.193 +.tip-top { 1.194 + margin: 0; 1.195 + color: #CCCCCC; 1.196 + padding: 37px 30px 0px 30px; 1.197 + background: url(tip-top.png) top left; 1.198 +} 1.199 +.tip-title{ 1.200 + font-weight:bold; 1.201 + font-size: 1.3em; 1.202 + margin: 0; 1.203 + color: #FFF; 1.204 + padding: 0px 30px 3px 30px; 1.205 + background: url(tip-middle.png) bottom right; 1.206 +} 1.207 +.tip-text { 1.208 + font-size: 1em; 1.209 + padding: 5px 30px 0px 30px; 1.210 + background: url(tip-middle.png) bottom right; 1.211 +} 1.212 +.tip-bottom { 1.213 + padding: 0px 25px 42px; 1.214 + background: url(tip-bottom.png) bottom right; 1.215 +} 1.216 +.minitooltips{ 1.217 + z-index: 9999999; 1.218 +} 1.219 +.minitooltips .tip { 1.220 + color: #FFF; 1.221 + width: 130px; 1.222 +} 1.223 +.minitooltips .tip-top { 1.224 + margin: 0; 1.225 + color: #CCCCCC; 1.226 + padding: 9px 12px 0px 12px; 1.227 + background: url(minitop.png) top left; 1.228 +} 1.229 +.minitooltips .tip-title{ 1.230 + font:Georgia, "Times New Roman", Times, serif; 1.231 + text-align:center; 1.232 + font-weight:normal; 1.233 + font-size: .8em; 1.234 + margin: 0; 1.235 + color: #FFF; 1.236 + padding: 0px 12px 3px 12px; 1.237 + background: url(minimiddle.png) bottom right; 1.238 +} 1.239 +.minitooltips .tip-text { 1.240 + text-align:center; 1.241 + font-size: .9em; 1.242 + padding: 8px 12px 0px 12px; 1.243 + background: url(minimiddle.png) bottom right; 1.244 +} 1.245 +.minitooltips .tip-bottom { 1.246 + padding: 0px 12px 8px; 1.247 + background: url(minibottom.png) bottom right; 1.248 +} 1.249 +.gallery .galleryimg { 1.250 + position: absolute; 1.251 + left: 23px; 1.252 + top: 37px; 1.253 +} 1.254 +#gallery #thumbbox #thumbleft { 1.255 + width: 40px; 1.256 + height: 65px; 1.257 + left: 0px; 1.258 + position: absolute; 1.259 + background: url(left_arrow.png) no-repeat center center; 1.260 + visibility: hidden; 1.261 + cursor: pointer; 1.262 +} 1.263 +#gallery #thumbbox #thumbright { 1.264 + height: 65px; 1.265 + width: 40px; 1.266 + position: absolute; 1.267 + background: url(right_arrow.png) no-repeat center center; 1.268 + right: 0px; 1.269 + visibility: hidden; 1.270 + cursor: pointer; 1.271 +} 1.272 +#gallery #images #smallmessage { 1.273 + background-image: url(message-popup.png); 1.274 + background-repeat: no-repeat; 1.275 + background-position: center top; 1.276 + position: absolute; 1.277 + bottom: -85px; 1.278 + height: 76px; 1.279 + width: 205px; 1.280 + text-align: center; 1.281 + padding: 8px 5px 0px; 1.282 + color: #CCC; 1.283 + font-size: 0.8em; 1.284 +} 1.285 +#gallery #images #imageinfo { 1.286 + position: absolute; 1.287 + bottom: -300px; 1.288 + height: 250px; 1.289 + width: 90%; 1.290 + text-align: center; 1.291 + padding: 5px 5px 0px; 1.292 + color: #333; 1.293 + font-size: 0.8em; 1.294 + 1.295 +} 1.296 +#largeimage #lrgloader { 1.297 + overflow: hidden; 1.298 + 1.299 + 1.300 +} 1.301 +#largeimage #lrgwrap { 1.302 + overflow: hidden; 1.303 + border: 1px solid #333; 1.304 + background:#000; 1.305 +} 1.306 +#imageinfo #infoloader { 1.307 + font-size: 1.2em; 1.308 + color: #E1E1E1; 1.309 + text-align: left; 1.310 + margin: 0px; 1.311 + position: releative; 1.312 +} 1.313 +#infoloader h2 { 1.314 + font-size: 1.4em; 1.315 + font-weight: bold; 1.316 + color: #333; 1.317 + margin: 0px; 1.318 + padding: 0px; 1.319 + text-shadow:#000; 1.320 +} 1.321 +#infoloader .copyright { 1.322 + font-size: .8em; 1.323 +} 1.324 +#infoloader .author { 1.325 + font-size: .8em; 1.326 +} 1.327 +.right { 1.328 + float: right; 1.329 +} 1.330 +#fsbox { 1.331 + width: 379px; 1.332 + margin: 0 auto; 1.333 + overflow:hidden; 1.334 + height:300px; 1.335 + z-index: 51; 1.336 + position: absolute; 1.337 + bottom: -350px; 1.338 + left: 200px; 1.339 + color: #FFF; 1.340 +} 1.341 +#fsbox #fsbutton { 1.342 + color: #000; 1.343 + background: url(buybutton.png) no-repeat center bottom; 1.344 + height: 15px; 1.345 + text-align: center; 1.346 + padding: 2px 0 0 0; 1.347 + margin:2px 0 6px; 1.348 + font-size: 0.8em; 1.349 + position: relative; 1.350 + cursor:pointer; 1.351 +} 1.352 +#fsbox #fstop { 1.353 + background: url(buynow_top.png) no-repeat center top; 1.354 + height: 19px; 1.355 + text-align: center; 1.356 + padding: 0; 1.357 + margin:0; 1.358 +} 1.359 +#fsbox #forsale { 1.360 + background-image: url(buynow_middle.png); 1.361 + background-repeat: repeat-y; 1.362 + margin: 0px; 1.363 + padding: 0 15px 20px; 1.364 + position:relative; 1.365 +} 1.366 +#fsbox #forsale img{ 1.367 + padding: 0 10px 10px; 1.368 + 1.369 +} 1.370 +#fsbox hr { 1.371 + clear:both; 1.372 + visibility:hidden; 1.373 +} 1.374 +#fsbox #fsclose{ 1.375 + background-image: url(closebtn.png); 1.376 + background-repeat: no-repeat; 1.377 + background-position: center center; 1.378 + height: 28px; 1.379 + width: 28px; 1.380 + z-index: 220000; 1.381 + cursor:pointer; 1.382 + position: absolute; 1.383 + left: 0px; 1.384 + top: 15px; 1.385 +} 1.386 +#purchasebtn{ 1.387 + font-weight:bold; 1.388 + text-align:center; 1.389 + margin:10px; 1.390 + padding:11px 0 0 5px; 1.391 + position:absolute; 1.392 + right:15px; 1.393 + top:0px; 1.394 +} 1.395 +#gallery #galleries #galleryset { 1.396 + text-align: left; 1.397 + width: 760px; 1.398 + margin: 0 auto; 1.399 +} 1.400 +#thumbnailPopUp{ 1.401 + z-index:1; 1.402 + visibility:hidden; 1.403 + background:url(pop_arrow.png) no-repeat center bottom; 1.404 + padding-bottom:8px; 1.405 + position:absolute; 1.406 + top:0; 1.407 + left:-10000px; 1.408 +} 1.409 +#thumbnailPopUp img{ 1.410 + margin:0; 1.411 + padding:0; 1.412 + background:#333; 1.413 + border:#FFF solid 3px; 1.414 +} 1.415 +.clear{clear:both;}