Mercurial > judyates

     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;}
author	Robert McIntyre <rlm@mit.edu>
date	Sun, 08 Sep 2013 00:47:09 -0400
parents	3f6b44aa6b35
children