/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls/gallery/left_right_click.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #gallery3 {width:534px; position:relative; height:60px; padding-top:356px; margin:0 113px 90px 113px;} #gallery3 img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #gallery3 img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #gallery3 ul {list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px;} #gallery3 ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;} #gallery3 ul li.hide {display:none;} /* using background images */ #gallery3 ul li.th1 {background:url(../images/apart_3cam/ap_1_small.jpg) no-repeat center;} #gallery3 ul li.th2 {background:url(../images/apart_3cam/ap_2_small.jpg) no-repeat center;} #gallery3 ul li.th3 {background:url(../images/apart_3cam/ap_3_small.jpg) no-repeat center;} #gallery3 ul li.th4 {background:url(../images/apart_3cam/ap_4_small.jpg) no-repeat center;} #gallery3 ul li.th5 {background:url(../images/apart_3cam/ap_5_small.jpg) no-repeat center;} #gallery3 ul li.th6 {background:url(../images/apart_3cam/ap_6_small.jpg) no-repeat center;} #gallery3 ul li.th7 {background:url(../images/apart_3cam/ap_7_small.jpg) no-repeat center;} #gallery3 ul li.th8 {background:url(../images/apart_3cam/ap_8_small.jpg) no-repeat center;} #gallery3 ul li.th9 {background:url(../images/apart_3cam/ap_9_small.jpg) no-repeat center;} #gallery3 ul li.th10 {background:url(../images/apart_3cam/ap_10_small.jpg) no-repeat center;} #gallery3 ul li.th11 {background:url(../images/apart_3cam/ap_11_small.jpg) no-repeat center;} #gallery3 ul li.th12 {background:url(../images/apart_3cam/ap_12_small.jpg) no-repeat center;} #gallery3 ul li.th13 {background:url(../images/apart_3cam/ap_13_small.jpg) no-repeat center;} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery3 ul li img {visibility:hidden; display:block; width:50px; height:50px;} #gallery3 ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;} #gallery3 ul li b {color:#444;} #gallery3 ul li.chosen {border-color:#fff; cursor:default;} #gallery3 ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:305px; background:#444; border:1px solid #000; border-width:1px 1px 0 1px;padding-top:50px;} #gallery3 ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} #gallery3 ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;} #gallery3 ul li.chosen span {display:block;} #gallery4 {width:534px; position:relative; height:60px; padding-top:356px; margin:0 113px 90px 113px;} #gallery4 img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #gallery4 img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #gallery4 ul {list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px;} #gallery4 ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;} #gallery4 ul li.hide {display:none;} /* using background images */ #gallery4 ul li.th1 {background:url(../images/apart_4cam/ap_1_small.jpg) no-repeat center;} #gallery4 ul li.th2 {background:url(../images/apart_4cam/ap_2_small.jpg) no-repeat center;} #gallery4 ul li.th3 {background:url(../images/apart_4cam/ap_3_small.jpg) no-repeat center;} #gallery4 ul li.th4 {background:url(../images/apart_4cam/ap_4_small.jpg) no-repeat center;} #gallery4 ul li.th5 {background:url(../images/apart_4cam/ap_5_small.jpg) no-repeat center;} #gallery4 ul li.th6 {background:url(../images/apart_4cam/ap_6_small.jpg) no-repeat center;} #gallery4 ul li.th7 {background:url(../images/apart_4cam/ap_7_small.jpg) no-repeat center;} #gallery4 ul li.th8 {background:url(../images/apart_4cam/ap_8_small.jpg) no-repeat center;} #gallery4 ul li.th9 {background:url(../images/apart_4cam/ap_9_small.jpg) no-repeat center;} #gallery4 ul li.th10 {background:url(../images/apart_4cam/ap_10_small.jpg) no-repeat center;} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery4 ul li img {visibility:hidden; display:block; width:50px; height:50px;} #gallery4 ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;} #gallery4 ul li b {color:#444;} #gallery4 ul li.chosen {border-color:#fff; cursor:default;} #gallery4 ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:305px; background:#444; border:1px solid #000; border-width:1px 1px 0 1px;padding-top:50px;} #gallery4 ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} #gallery4 ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;} #gallery4 ul li.chosen span {display:block;} #galleryi {width:534px; position:relative; height:60px; padding-top:356px; margin:0 113px 90px 113px;} #galleryi img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #galleryi img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #galleryi ul {list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px;} #galleryi ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;} #galleryi ul li.hide {display:none;} /* using background images */ #galleryi ul li.th1 {background:url(../images/imagini_imobil/imobil_1_small.jpg) no-repeat center;} #galleryi ul li.th2 {background:url(../images/imagini_imobil/imobil_3_small.jpg) no-repeat center;} #galleryi ul li.th3 {background:url(../images/imagini_imobil/imobil_2_small.jpg) no-repeat center;} #galleryi ul li.th4 {background:url(../images/imagini_imobil/imobil_9_small.jpg) no-repeat center;} #galleryi ul li.th5 {background:url(../images/imagini_imobil/imobil_5_small.jpg) no-repeat center;} #galleryi ul li.th6 {background:url(../images/imagini_imobil/imobil_6_small.jpg) no-repeat center;} #galleryi ul li.th7 {background:url(../images/imagini_imobil/imobil_7_small.jpg) no-repeat center;} #galleryi ul li.th8 {background:url(../images/imagini_imobil/imobil_8_small.jpg) no-repeat center;} #galleryi ul li.th9 {background:url(../images/imagini_imobil/imobil_4_small.jpg) no-repeat center;} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #galleryi ul li img {visibility:hidden; display:block; width:50px; height:50px;} #galleryi ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;} #galleryi ul li b {color:#444;} #galleryi ul li.chosen {border-color:#fff; cursor:default;} #galleryi ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:305px; background:#444; border:1px solid #000; border-width:1px 1px 0 1px;padding-top:50px;} #galleryi ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} #galleryi ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;} #galleryi ul li.chosen span {display:block;} #gallery {width:534px; position:relative; height:60px; padding-top:356px; margin:0 113px 90px 113px;} #gallery img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #gallery img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #gallery ul {list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px;} #gallery ul li {display:inline; width:50px; height:45px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;} #gallery ul li.hide {display:none;} /* using background images */ #gallery ul li.th1 {background:url(../images/santier/PLANSA_PERSPECTIVE_4_small.jpg) no-repeat center;} #gallery ul li.th2 {background:url(../images/santier/PLANSA_PERSPECTIVE_3_small.jpg) no-repeat center;} #gallery ul li.th3 {background:url(../images/santier/PLANSA_PERSPECTIVE_2_small.jpg) no-repeat center;} #gallery ul li.th4 {background:url(../images/santier/PLANSA_PERSPECTIVE_1_small.jpg) no-repeat center;} #gallery ul li.th5 {background:url(../images/santier/PLANSA_PERSPECTIVE_4_small.jpg) no-repeat center;} #gallery ul li.th6 {background:url(../images/santier/PLANSA_PERSPECTIVE_3_small.jpg) no-repeat center;} #gallery ul li.th7 {background:url(../images/santier/PLANSA_PERSPECTIVE_2_small.jpg) no-repeat center;} #gallery ul li.th8 {background:url(../images/santier/PLANSA_PERSPECTIVE_1_small.jpg) no-repeat center;} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;} #gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;} #gallery ul li b {color:#444;} #gallery ul li.chosen {border-color:#fff; cursor:default;} #gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#444; border:1px solid #000; border-width:1px 1px 0 1px;} #gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} #gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;} #gallery ul li.chosen span {display:block;} #gallery1 {width:534px; position:relative; height:60px; padding-top:356px; margin:0 113px 90px 113px;} #gallery1 img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #gallery1 img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;} #gallery1 ul {list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px;} #gallery1 ul li {display:inline; width:50px; height:45px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;} #gallery1 ul li.hide {display:none;} /* using background images */ #gallery1 ul li.th1 {background:url(../images/apartamente/AXONOMETRIE_2_CAMERE_small.jpg) no-repeat center;} #gallery1 ul li.th2 {background:url(../images/apartamente/AXONOMETRIE_3_CAMERE_small.jpg) no-repeat center;} #gallery1 ul li.th3 {background:url(../images/apartamente/AXONOMETRIE_4_CAMERE_small.jpg) no-repeat center;} #gallery1 ul li.th4 {background:url(../images/apartamente/PLAN_2_CAMERE_small.jpg) no-repeat center;} #gallery1 ul li.th5 {background:url(../images/apartamente/PLAN_3_CAMERE_small.jpg) no-repeat center;} #gallery1 ul li.th6 {background:url(../images/apartamente/PLAN_4_CAMERE_small.jpg) no-repeat center;} #gallery1 ul li.th7 {background:url(../images/apartamente/schita_1_small.jpg) no-repeat center;} #gallery1 ul li.th8 {background:url(../images/apartamente/schita_2_small.jpg) no-repeat center;} #gallery1 ul li.th9 {background:url(../images/apartamente/schita_3_small.jpg) no-repeat center;} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery1 ul li img {visibility:hidden; display:block; width:50px; height:50px;} #gallery1 ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;} #gallery1 ul li b {color:#444;} #gallery1 ul li.chosen {border-color:#fff; cursor:default;} #gallery1 ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#444; border:1px solid #000; border-width:1px 1px 0 1px;} #gallery1 ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} #gallery1 ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;} #gallery1 ul li.chosen span {display:block;}