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