/* ================================================================ 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/gallery1/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. =================================================================== */ #gallery1,#gallery2,#gallery3,#gallery4,#gallery5,#gallery6 {POSITION: relative; MARGIN: 0px; PADDING-LEFT: 5px; WIDTH: 550px; HEIGHT: 60px; PADDING-TOP: 500px;} #gallery1 img.left,#gallery2 img.left,#gallery3 img.left,#gallery4 img.left,#gallery5 img.left,#gallery6 img.left {width:44px; height:44px; float:left;cursor:pointer; padding-top:9px;} #gallery1 img.right,#gallery2 img.right,#gallery3 img.right,#gallery4 img.right,#gallery5 img.right,#gallery6 img.right {width:44px; height:44px; float:left;cursor:pointer; padding-top:9px;} #gallery1 ul,#gallery2 ul,#gallery3 ul,#gallery4 ul,#gallery5 ul,#gallery6 ul {list-style:none; padding:0; margin:0; float:left; background:#fae3c0; border:2px solid #fae3c0; border-width:5px 2px;} #gallery1 ul li,#gallery2 ul li,#gallery3 ul li,#gallery4 ul li,#gallery5 ul li,#gallery6 ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid black; cursor:pointer;} #gallery1 ul li.hide,#gallery2 ul li.hide,#gallery3 ul li.hide,#gallery4 ul li.hide,#gallery5 ul li.hide,#gallery6 ul li.hide {display:none;} /* using background images */ #gallery1 ul li.th1 {background: url(../images/thumbs/dite_a_telo/dite_a_telo_001.jpg);} #gallery1 ul li.th2 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_002.jpg);} #gallery1 ul li.th3 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_003.jpg);} #gallery1 ul li.th4 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_004.jpg);} #gallery1 ul li.th5 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_005.jpg);} #gallery1 ul li.th6 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_006.jpg);} #gallery1 ul li.th7 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_007.jpg);} #gallery1 ul li.th8 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_008.jpg);} #gallery1 ul li.th9 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_009.jpg);} #gallery1 ul li.th10 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_010.jpg);} #gallery1 ul li.th11 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_011.jpg);} #gallery1 ul li.th12 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_012.jpg);} #gallery1 ul li.th13 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_013.jpg);} #gallery1 ul li.th14 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_014.jpg);} #gallery1 ul li.th15 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_015.jpg);} #gallery1 ul li.th16 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_016.jpg);} #gallery1 ul li.th17 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_017.jpg);} #gallery1 ul li.th18 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_018.jpg);} #gallery1 ul li.th19 {background:url(../images/thumbs/dite_a_telo/dite_a_telo_019.jpg);} #gallery2 ul li.th101 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_001.jpg);} #gallery2 ul li.th102 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_002.jpg);} #gallery2 ul li.th103 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_003.jpg);} #gallery2 ul li.th104 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_004.jpg);} #gallery2 ul li.th105 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_005.jpg);} #gallery2 ul li.th106 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_006.jpg);} #gallery2 ul li.th107 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_007.jpg);} #gallery2 ul li.th108 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_008.jpg);} #gallery2 ul li.th109 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_009.jpg);} #gallery2 ul li.th110 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_010.jpg);} #gallery2 ul li.th111 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_011.jpg);} #gallery2 ul li.th112 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_012.jpg);} #gallery2 ul li.th113 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_013.jpg);} #gallery2 ul li.th114 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_014.jpg);} #gallery2 ul li.th115 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_015.jpg);} #gallery2 ul li.th116 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_016.jpg);} #gallery2 ul li.th117 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_017.jpg);} #gallery2 ul li.th118 {background:url(../images/thumbs/dite_a_psychika/dite_a_psychika_018.jpg);} #gallery3 ul li.th201 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_001.jpg);} #gallery3 ul li.th202 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_002.jpg);} #gallery3 ul li.th203 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_003.jpg);} #gallery3 ul li.th204 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_004.jpg);} #gallery3 ul li.th205 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_005.jpg);} #gallery3 ul li.th206 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_006.jpg);} #gallery3 ul li.th207 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_007.jpg);} #gallery3 ul li.th208 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_008.jpg);} #gallery3 ul li.th209 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_009.jpg);} #gallery3 ul li.th210 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_010.jpg);} #gallery3 ul li.th211 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_011.jpg);} #gallery3 ul li.th212 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_012.jpg);} #gallery3 ul li.th213 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_013.jpg);} #gallery3 ul li.th214 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_014.jpg);} #gallery3 ul li.th215 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_015.jpg);} #gallery3 ul li.th216 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_016.jpg);} #gallery3 ul li.th217 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_017.jpg);} #gallery3 ul li.th218 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_018.jpg);} #gallery3 ul li.th219 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_019.jpg);} #gallery3 ul li.th220 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_020.jpg);} #gallery3 ul li.th221 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_021.jpg);} #gallery3 ul li.th222 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_022.jpg);} #gallery3 ul li.th223 {background:url(../images/thumbs/dite_a_spolecnost/dite_a_spolecnost_023.jpg);} #gallery4 ul li.th301 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_001.jpg);} #gallery4 ul li.th302 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_002.jpg);} #gallery4 ul li.th303 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_003.jpg);} #gallery4 ul li.th304 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_004.jpg);} #gallery4 ul li.th305 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_005.jpg);} #gallery4 ul li.th306 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_006.jpg);} #gallery4 ul li.th307 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_007.jpg);} #gallery4 ul li.th308 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_008.jpg);} #gallery4 ul li.th309 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_009.jpg);} #gallery4 ul li.th310 {background:url(../images/thumbs/dite_a_svet/dite_a_svet_010.jpg);} #gallery5 ul li.th401 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_001.jpg);} #gallery5 ul li.th402 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_002.jpg);} #gallery5 ul li.th403 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_003.jpg);} #gallery5 ul li.th404 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_004.jpg);} #gallery5 ul li.th405 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_005.jpg);} #gallery5 ul li.th406 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_006.jpg);} #gallery5 ul li.th407 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_007.jpg);} #gallery5 ul li.th408 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_008.jpg);} #gallery5 ul li.th409 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_009.jpg);} #gallery5 ul li.th410 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_010.jpg);} #gallery5 ul li.th411 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_009.jpg);} #gallery5 ul li.th412 {background:url(../images/thumbs/dite_a_ten_druhy/dite_a_ten_druhy_010.jpg);} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery1 ul li img,#gallery2 ul li img,#gallery3 ul li img,#gallery4 ul li img,#gallery5 ul li img,#gallery6 ul li img {visibility:hidden; display:block; width:50px; height:50px;} #gallery1 ul li span,#gallery2 ul li span,#gallery3 ul li span,#gallery4 ul li span,#gallery5 ul li span,#gallery6 ul li span {display:none; position:absolute; left:10px; 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,#gallery2 ul li b,#gallery3 ul li b,#gallery4 ul li b,#gallery5 ul li b,#gallery6 ul li b {color:#444;} #gallery1 ul li.chosen,#gallery2 ul li.chosen,#gallery3 ul li.chosen,#gallery4 ul li.chosen,#gallery5 ul li.chosen,#gallery6 ul li.chosen {border-color: red;cursor: default;} #gallery1 ul li.chosen div,#gallery2 ul li.chosen div,#gallery3 ul li.chosen div,#gallery4 ul li.chosen div,#gallery5 ul li.chosen div,#gallery6 ul li.chosen div {position:absolute; left:0; top:0; width:695px; height:403px; background: transparent; border:0px solid #000; border-width:0px 0px 0 0px;} #gallery1 ul li.chosen div i,#gallery2 ul li.chosen div i,#gallery3 ul li.chosen div i,#gallery4 ul li.chosen div i,#gallery5 ul li.chosen div i,#gallery6 ul li.chosen div i {width:695px; height:403px; display:table-cell; vertical-align:middle; text-align:center;} #gallery1 ul li.chosen div i img,#gallery2 ul li.chosen div i img,#gallery3 ul li.chosen div i img,#gallery4 ul li.chosen div i img,#gallery5 ul li.chosen div i img,#gallery6 ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid Red; margin:0 auto;} #gallery1 ul li.chosen span,#gallery2 ul li.chosen span,#gallery3 ul li.chosen span,#gallery4 ul li.chosen span,#gallery5 ul li.chosen span,#gallery6 ul li.chosen span {display:block;}