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;}