Mercurial > judyates

view e2gallerypro/design/e2gallerypro/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 	background:#000;



     3 }



     4 #gallery #galleries #controls {



     5 	height: 17px;



     6 	padding: 3px;



     7 	margin:0 auto;



     8 	width:754px;



     9 	border-bottom:1px solid #333;



    10 	text-align:left;



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



    12 	background-repeat: repeat-x;



    13 	color:#333;



    14 }



    15 #gallery #thumbnails {



    16 	height: 55px;



    17 	text-align: center;



    18 	width: 672px;



    19 	margin: 0 auto 0;



    20 	overflow: hidden;



    21 	position: relative;



    22 }



    23 #gallery {



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



    25 	width: 800px;



    26 	margin: 0 auto;



    27 	height: 600px;



    28 	position: relative;



    29 	overflow: hidden;



    30 	z-index: 1;



    31 }



    32 #gallery #galleries {



    33 	background: #333 url(images_bg.png) repeat-x;



    34 	position: absolute;



    35 	left:19px;



    36 	bottom: -575px;



    37 	height: 598px;



    38 	width: 760px;



    39 	text-align: center;



    40 	z-index: 50;



    41 	cursor: pointer;



    42 	border:1px solid #333;



    43 }



    44 #images {



    45 	height: 508px;



    46 	text-align: center;



    47 	position: relative;



    48 	width:760px;



    49 	overflow: hidden;



    50 	margin:0 auto 0;



    51 	background: #333 url(images_bg.png) repeat-x;



    52 	border-left: 1px solid #333;



    53 	border-right: 1px solid #333;



    54 	border-top: solid #333 1px;



    55 }



    56 



    57 #imagewrap {



    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 	background: #333;



    74 	margin: 7px 6px;



    75 	float: left;



    76 	height: 42px;



    77 	width: 42px;



    78 	border: solid #333 1px;



    79 	cursor: pointer;



    80 	overflow:hidden;



    81 }



    82 #gallery #thumbbox {



    83 	width: 760px;



    84 	margin:0 auto;



    85 	position:relative;



    86 	border:1px solid #333;



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



    88 	padding: 8px 0 0 0;



    89 	overflow: hidden;



    90 	height: 57px;



    91 }



    92 #loading {



    93 	height: 87px;



    94 	width: 150px;



    95 	position: absolute;



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



    97 	background-repeat: no-repeat;



    98 	background-position: center center;



    99 	z-index: 8888;



   100 	left: 311px;



   101 	top: 189px;



   102 }



   103 .gallery {



   104 	float: left;



   105 	height: 200px;



   106 	width: 250px;



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



   108 	background-repeat: no-repeat;



   109 	background-position: center center;



   110 	position: relative;



   111 }



   112 #gallery #next {



   113 	height: 510px;



   114 	width: 19px;



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



   116 	background-repeat: no-repeat;



   117 	background-position: right center;



   118 	position: absolute;



   119 	right: 0px;



   120 	cursor: pointer;



   121 	z-index: 5;



   122 }



   123 #gallery #previous {



   124 	height: 510px;



   125 	width: 19px;



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



   127 	background-repeat: no-repeat;



   128 	background-position: left center;



   129 	position: absolute;



   130 	left: 0px;



   131 	cursor: pointer;



   132 	z-index: 5;



   133 }



   134 #loading #loadingbar {



   135 	position: relative;



   136 	width: 100%;



   137 	height: 87px;



   138 }



   139 #loading #loadingbar #bar {



   140 	position: absolute;



   141 	bottom: 19px;



   142 	left: 44px;



   143 	width: 50px;



   144 	height: 50px;



   145 }



   146 #largeimage {



   147 	height: 0px;



   148 	width: 0px;



   149 	position: absolute;



   150 	z-index: 99;



   151 	overflow: visible;



   152 }



   153 #backdrop {



   154 	background-color: #000;



   155 	height: 0px;



   156 	width: 0px;



   157 	position: absolute;



   158 	z-index: 98;



   159 	left: 50%;



   160 	top: 0px;



   161 	cursor:pointer;



   162 }



   163 #largeimage #closebtn {



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



   165 	background-repeat: no-repeat;



   166 	background-position: center center;



   167 	height: 28px;



   168 	width: 28px;



   169 	z-index: 100;



   170 	position: absolute;



   171 	left: -8px;



   172 	top: -8px;



   173 	cursor:pointer;



   174 }



   175 #galleryset .gallery h3 {



   176 	font-size: 1.5em;



   177 	font-weight: bold;



   178 	color: #666666;



   179 	margin: 10px 15px;



   180 	padding: 0px;



   181 }



   182 .tooltips{



   183 	z-index: 9999999;



   184 }



   185 .tip {



   186 	font:Arial, Helvetica, sans-serif;



   187 	color: #CCC;



   188 	width: 220px;



   189 }



   190 .tip-top {



   191 	margin: 0;



   192 	color: #CCCCCC;



   193 	padding: 37px 30px 0px 30px;



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



   195 }



   196 .tip-title{



   197 	font-weight:bold;



   198 	font-size: 1.3em;



   199 	margin: 0;



   200 	color: #FFF;



   201 	padding: 0px 30px 3px 30px;



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



   203 }



   204 .tip-text {



   205 	font-size: 1em;



   206 	padding: 5px 30px 0px 30px;



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



   208 }



   209 .tip-bottom {



   210 	padding: 0px 25px 42px;



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



   212 }



   213 .minitooltips{



   214 	z-index: 9999999;



   215 }



   216 .minitooltips .tip {



   217 	color: #FFF;



   218 	width: 130px;



   219 }



   220 .minitooltips .tip-top {



   221 	margin: 0;



   222 	color: #CCCCCC;



   223 	padding: 9px 12px 0px 12px;



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



   225 }



   226 .minitooltips .tip-title{



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



   228 	text-align:center;



   229 	font-weight:normal;



   230 	font-size: .8em;



   231 	margin: 0;



   232 	color: #FFF;



   233 	padding: 0px 12px 3px 12px;



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



   235 }



   236 .minitooltips .tip-text {



   237 	text-align:center;



   238 	font-size: .9em;



   239 	padding: 8px 12px 0px 12px;



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



   241 }



   242 .minitooltips .tip-bottom {



   243 	padding: 0px 12px 8px;



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



   245 }



   246 .gallery .galleryimg {



   247 	position: absolute;



   248 	left: 23px;



   249 	top: 37px;



   250 }



   251 #gallery #thumbbox #thumbleft {



   252 	width: 40px;



   253 	height: 65px;



   254 	left: 0px;



   255 	position: absolute;



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



   257 	visibility: hidden;



   258 	cursor: pointer;



   259 }



   260 #gallery #thumbbox #thumbright {



   261 	height: 65px;



   262 	width: 40px;



   263 	position: absolute;



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



   265 	right: 0px;



   266 	visibility: hidden;



   267 	cursor: pointer;



   268 }



   269 #gallery #images #smallmessage {



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



   271 	background-repeat: no-repeat;



   272 	background-position: center top;



   273 	position: absolute;



   274 	bottom: -85px;



   275 	height: 76px;



   276 	width: 205px;



   277 	text-align: center;



   278 	padding: 8px 5px 0px;



   279 	color: #CCC;



   280 	font-size: 0.8em;



   281 }



   282 #gallery #images #imageinfo {



   283 	position: absolute;



   284 	bottom: -300px;



   285 	height: 250px;



   286 	width: 90%;



   287 	text-align: center;



   288 	padding: 5px 5px 0px;



   289 	color: #333;



   290 	font-size: 0.8em;



   291 	



   292 }



   293 #largeimage #lrgloader {



   294 	overflow: hidden;



   295 	



   296 	



   297 }



   298 #largeimage #lrgwrap {



   299 	overflow: hidden;



   300 	border: 1px solid #333;



   301 	background:#000;



   302 }



   303 #imageinfo #infoloader {



   304 	font-size: 1.2em;



   305 	color: #E1E1E1;



   306 	text-align: left;



   307 	margin: 0px;



   308 	position: releative;



   309 }



   310 #infoloader h2 {



   311 	font-size: 1.4em;



   312 	font-weight: bold;



   313 	color: #333;



   314 	margin: 0px;



   315 	padding: 0px;



   316 	text-shadow:#000;



   317 }



   318 #infoloader .copyright {



   319 	font-size: .8em;



   320 }



   321 #infoloader .author {



   322 	font-size: .8em;



   323 }



   324 .right {



   325 	float: right;



   326 }



   327 #fsbox {



   328 	width: 379px;



   329 	margin: 0 auto;



   330 	overflow:hidden;



   331 	height:300px;



   332 	z-index: 51;



   333 	position: absolute;



   334 	bottom: -350px;



   335 	left: 200px;



   336 	color: #FFF;



   337 }



   338 #fsbox #fsbutton {



   339 	color: #000;



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



   341 	height: 15px;



   342 	text-align: center;



   343 	padding: 2px 0 0 0;



   344 	margin:2px 0 6px;



   345 	font-size: 0.8em;



   346 	position: relative;



   347 	cursor:pointer;



   348 }



   349 #fsbox #fstop {



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



   351 	height: 19px;



   352 	text-align: center;



   353 	padding: 0;



   354 	margin:0;



   355 }



   356 #fsbox #forsale {



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



   358 	background-repeat: repeat-y;



   359 	margin: 0px;



   360 	padding: 0 15px 20px;



   361 	position:relative;



   362 }



   363 #fsbox #forsale img{



   364 	padding: 0 10px 10px;



   365 		



   366 }



   367 #fsbox hr {



   368 	clear:both;



   369 	visibility:hidden;



   370 }



   371 #fsbox  #fsclose{



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



   373 	background-repeat: no-repeat;



   374 	background-position: center center;



   375 	height: 28px;



   376 	width: 28px;



   377 	z-index: 220000;



   378 	cursor:pointer;



   379 	position: absolute;



   380 	left: 0px;



   381 	top: 15px;



   382 }



   383 #purchasebtn{



   384 	font-weight:bold;



   385 	text-align:center;



   386 	margin:10px;



   387 	padding:11px 0 0 5px;



   388 	position:absolute;



   389 	right:15px;



   390 	top:0px;



   391 }



   392 #gallery #galleries #galleryset {



   393 	text-align: left;



   394 	width: 760px;



   395 	margin: 0 auto;



   396 }



   397 #thumbnailPopUp{



   398 	z-index:1;



   399 	visibility:hidden;



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



   401 	padding-bottom:8px;



   402 	position:absolute;



   403 	top:0;



   404 	left:-10000px;



   405 }



   406 #thumbnailPopUp img{



   407 	margin:0;



   408 	padding:0;



   409 	background:#333;



   410 	border:#FFF solid 3px;



   411 }



   412 .clear{clear:both;}