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