Mercurial > judyates

view e2gallerypro/design/e2simple/design.css @ 3:3f6b44aa6b35 judyates

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[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 source
     1 body{



     2 }



     3 #gallery #galleries #controls {



     4 	height: 17px;



     5 	padding: 3px;



     6 	margin:0 auto;



     7 	width:754px;



     8 	border-bottom:1px solid #333;



     9 	text-align:left;



    10 	background-image: url(controls_bg.png);



    11 	background-repeat: repeat-x;



    12 	color:#333;



    13 }



    14 #gallery #thumbnails {



    15 	height: 57px;



    16 	text-align: center;



    17 	width: 672px;



    18 	margin: 0 auto 0;



    19 	overflow: hidden;



    20 	position: relative;



    21 }



    22 #gallery {



    23 	font: 78% Arial, Helvetica, sans-serif;



    24 	width: 800px;



    25 	margin: 0 auto;



    26 	height: 600px;



    27 	position: relative;



    28 	overflow: hidden;



    29 	z-index: 1;



    30 }



    31 #gallery #galleries {



    32 	background: #FFF url(images_bg.png) repeat-x;



    33 	position: absolute;



    34 	left:19px;



    35 	bottom: -575px;



    36 	height: 598px;



    37 	width: 760px;



    38 	text-align: center;



    39 	z-index: 50;



    40 	cursor: pointer;



    41 	border:1px solid #333;



    42 }



    43 #images {



    44 	height: 508px;



    45 	text-align: center;



    46 	position: relative;



    47 	width:760px;



    48 	overflow: hidden;



    49 	margin:0 auto 0;



    50 	background: url(images_bg.png) repeat-x;



    51 	border-left: 1px solid #333;



    52 	border-right: 1px solid #333;



    53 	border-top: solid #333 1px;



    54 }



    55 



    56 #imagewrap {



    57 	background: #E1E1E1;



    58 	position:absolute;



    59 	margin:0 auto;



    60 	width: 0px;



    61 	height: 0px;



    62 	top: 200px;



    63 	left: 380px;



    64 }



    65 #imgsrc{



    66 	cursor: pointer;



    67 }



    68 #thumbnailwrap {



    69 	left: 0px;



    70 	position: absolute;



    71 }



    72 .thumbnail {



    73 	margin: 7px 6px;



    74 	float: left;



    75 	height: 42px;



    76 	width: 42px;



    77 	border: solid #333 1px;



    78 	cursor: pointer;



    79 	overflow:hidden;



    80 }



    81 #gallery #thumbbox {



    82 	width: 760px;



    83 	margin:0 auto;



    84 	position:relative;



    85 	border:1px solid #333;



    86 	background: url(thumbwrap.png) no-repeat;



    87 	padding: 8px 0 0 0;



    88 	overflow: hidden;



    89 	height: 57px;



    90 }



    91 #loading {



    92 	height: 87px;



    93 	width: 150px;



    94 	position: absolute;



    95 	background-image: url(loading.png);



    96 	background-repeat: no-repeat;



    97 	background-position: center center;



    98 	z-index: 8888;



    99 	left: 311px;



   100 	top: 189px;



   101 }



   102 .gallery {



   103 	float: left;



   104 	height: 200px;



   105 	width: 250px;



   106 	background-image: url(gallery_bg.png);



   107 	background-repeat: no-repeat;



   108 	background-position: center center;



   109 	position: relative;



   110 }



   111 #gallery #next {



   112 	height: 510px;



   113 	width: 19px;



   114 	background-image: url(next.png);



   115 	background-repeat: no-repeat;



   116 	background-position: right center;



   117 	position: absolute;



   118 	right: 0px;



   119 	cursor: pointer;



   120 	z-index: 5;



   121 }



   122 #gallery #previous {



   123 	height: 510px;



   124 	width: 19px;



   125 	background-image: url(prev.png);



   126 	background-repeat: no-repeat;



   127 	background-position: left center;



   128 	position: absolute;



   129 	left: 0px;



   130 	cursor: pointer;



   131 	z-index: 5;



   132 }



   133 #loading #loadingbar {



   134 	position: relative;



   135 	width: 100%;



   136 	height: 87px;



   137 }



   138 #loading #loadingbar #bar {



   139 	position: absolute;



   140 	bottom: 19px;



   141 	left: 44px;



   142 	width: 50px;



   143 	height: 50px;



   144 }



   145 #largeimage {



   146 	height: 0px;



   147 	width: 0px;



   148 	position: absolute;



   149 	z-index: 99;



   150 	overflow: visible;



   151 }



   152 #backdrop {



   153 	background-color: #000;



   154 	height: 0px;



   155 	width: 0px;



   156 	position: absolute;



   157 	z-index: 98;



   158 	left: 50%;



   159 	top: 0px;



   160 	cursor:pointer;



   161 }



   162 #largeimage #closebtn {



   163 	background-image: url(closebtn.png);



   164 	background-repeat: no-repeat;



   165 	background-position: center center;



   166 	height: 28px;



   167 	width: 28px;



   168 	z-index: 100;



   169 	position: absolute;



   170 	left: -8px;



   171 	top: -8px;



   172 	cursor:pointer;



   173 }



   174 #galleryset .gallery h3 {



   175 	font-size: 1.5em;



   176 	font-weight: bold;



   177 	color: #666666;



   178 	margin: 10px 15px;



   179 	padding: 0px;



   180 }



   181 .tooltips{



   182 	z-index: 9999999;



   183 }



   184 .tip {



   185 	font:Arial, Helvetica, sans-serif;



   186 	color: #CCC;



   187 	width: 220px;



   188 }



   189 .tip-top {



   190 	margin: 0;



   191 	color: #CCCCCC;



   192 	padding: 37px 30px 0px 30px;



   193 	background: url(tip-top.png) top left;



   194 }



   195 .tip-title{



   196 	font-weight:bold;



   197 	font-size: 1.3em;



   198 	margin: 0;



   199 	color: #FFF;



   200 	padding: 0px 30px 3px 30px;



   201 	background: url(tip-middle.png) bottom right;



   202 }



   203 .tip-text {



   204 	font-size: 1em;



   205 	padding: 5px 30px 0px 30px;



   206 	background: url(tip-middle.png) bottom right;



   207 }



   208 .tip-bottom {



   209 	padding: 0px 25px 42px;



   210 	background: url(tip-bottom.png) bottom right;



   211 }



   212 .minitooltips{



   213 	z-index: 9999999;



   214 }



   215 .minitooltips .tip {



   216 	color: #FFF;



   217 	width: 130px;



   218 }



   219 .minitooltips .tip-top {



   220 	margin: 0;



   221 	color: #CCCCCC;



   222 	padding: 9px 12px 0px 12px;



   223 	background: url(minitop.png) top left;



   224 }



   225 .minitooltips .tip-title{



   226 	font:Georgia, "Times New Roman", Times, serif;



   227 	text-align:center;



   228 	font-weight:normal;



   229 	font-size: .8em;



   230 	margin: 0;



   231 	color: #FFF;



   232 	padding: 0px 12px 3px 12px;



   233 	background: url(minimiddle.png) bottom right;



   234 }



   235 .minitooltips .tip-text {



   236 	text-align:center;



   237 	font-size: .9em;



   238 	padding: 8px 12px 0px 12px;



   239 	background: url(minimiddle.png) bottom right;



   240 }



   241 .minitooltips .tip-bottom {



   242 	padding: 0px 12px 8px;



   243 	background: url(minibottom.png) bottom right;



   244 }



   245 .gallery .galleryimg {



   246 	position: absolute;



   247 	left: 23px;



   248 	top: 37px;



   249 }



   250 #gallery #thumbbox #thumbleft {



   251 	width: 40px;



   252 	height: 65px;



   253 	left: 0px;



   254 	position: absolute;



   255 	background: url(left_arrow.png) no-repeat center center;



   256 	visibility: hidden;



   257 	cursor: pointer;



   258 }



   259 #gallery #thumbbox #thumbright {



   260 	height: 65px;



   261 	width: 40px;



   262 	position: absolute;



   263 	background: url(right_arrow.png) no-repeat center center;



   264 	right: 0px;



   265 	visibility: hidden;



   266 	cursor: pointer;



   267 }



   268 #gallery #images #smallmessage {



   269 	background-image: url(message-popup.png);



   270 	background-repeat: no-repeat;



   271 	background-position: center top;



   272 	position: absolute;



   273 	bottom: -85px;



   274 	height: 76px;



   275 	width: 205px;



   276 	text-align: center;



   277 	padding: 8px 5px 0px;



   278 	color: #CCC;



   279 	font-size: 0.8em;



   280 }



   281 #gallery #images #imageinfo {



   282 	position: absolute;



   283 	bottom: -300px;



   284 	height: 250px;



   285 	width: 90%;



   286 	text-align: center;



   287 	padding: 5px 5px 0px;



   288 	color: #333;



   289 	font-size: 0.8em;



   290 	left: 0px;	



   291 }



   292 #largeimage #lrgloader {



   293 	overflow: hidden;



   294 	



   295 	



   296 }



   297 #largeimage #lrgwrap {



   298 	overflow: hidden;



   299 	border: 1px solid #333;



   300 	background: #FFF url(images_bg.png) repeat-x;



   301 }



   302 #imageinfo #infoloader {



   303 	font-size: 1.2em;



   304 	color: #E1E1E1;



   305 	text-align: left;



   306 	margin: 0px;



   307 	position: releative;



   308 }



   309 #infoloader h2 {



   310 	font-size: 1.4em;



   311 	font-weight: bold;



   312 	color: #333;



   313 	margin: 0px;



   314 	padding: 0px;



   315 	text-shadow:#000;



   316 }



   317 #infoloader .copyright {



   318 	font-size: .8em;



   319 }



   320 #infoloader .author {



   321 	font-size: .8em;



   322 }



   323 .right {



   324 	float: right;



   325 }



   326 #fsbox {



   327 	width: 379px;



   328 	margin: 0 auto;



   329 	overflow:hidden;



   330 	height:300px;



   331 	z-index: 51;



   332 	position: absolute;



   333 	bottom: -350px;



   334 	left: 200px;



   335 	color: #FFF;



   336 }



   337 #fsbox #fsbutton {



   338 	color: #000;



   339 	background: url(buybutton.png) no-repeat center bottom;



   340 	height: 15px;



   341 	text-align: center;



   342 	padding: 2px 0 0 0;



   343 	margin:2px 0 6px;



   344 	font-size: 0.8em;



   345 	position: relative;



   346 	cursor:pointer;



   347 }



   348 #fsbox #fstop {



   349 	background: url(buynow_top.png) no-repeat center top;



   350 	height: 19px;



   351 	text-align: center;



   352 	padding: 0;



   353 	margin:0;



   354 }



   355 #fsbox #forsale {



   356 	background-image: url(buynow_middle.png);



   357 	background-repeat: repeat-y;



   358 	margin: 0px;



   359 	padding: 0 15px 20px;



   360 	position:relative;



   361 }



   362 #fsbox #forsale img{



   363 	padding: 0 10px 10px;



   364 		



   365 }



   366 #fsbox hr {



   367 	clear:both;



   368 	visibility:hidden;



   369 }



   370 #fsbox  #fsclose{



   371 	background-image: url(closebtn.png);



   372 	background-repeat: no-repeat;



   373 	background-position: center center;



   374 	height: 28px;



   375 	width: 28px;



   376 	z-index: 220000;



   377 	cursor:pointer;



   378 	position: absolute;



   379 	left: 0px;



   380 	top: 15px;



   381 }



   382 #purchasebtn{



   383 	font-weight:bold;



   384 	text-align:center;



   385 	margin:10px;



   386 	padding:11px 0 0 5px;



   387 	position:absolute;



   388 	right:15px;



   389 	top:0px;



   390 }



   391 #gallery #galleries #galleryset {



   392 	text-align: left;



   393 	width: 760px;



   394 	margin: 0 auto;



   395 }



   396 #thumbnailPopUp{



   397 	z-index:1;



   398 	visibility:hidden;



   399 	background:url(pop_arrow.png) no-repeat center bottom;



   400 	padding-bottom:8px;



   401 	position:absolute;



   402 	top:0;



   403 	left:-10000px;



   404 }



   405 #thumbnailPopUp img{



   406 	margin:0;



   407 	padding:0;



   408 	background:#333;



   409 	border:#FFF solid 3px;



   410 }



   411 .clear{clear:both;}