0byt3m1n1-V2

Path: /home/xncercjb/domains/quickspace.co.th/public_html/css/ [ Home ]
File: carousel.css
/**********************************/
			#carousel-wrapper {
				width:100%;
				/*height:400px;*/
				overflow:hidden;
				padding-bottom: 10px;
				position: relative;
				margin:auto;
			}
			#carousel, #thumbs {
				overflow: hidden; 
			}
			#thumbs { width:100%; height:100px; }
			#carousel-wrapper .caroufredsel_wrapper {
				border-radius: 5px;
				/*box-shadow: 0 0 5px #899;*/
			}

			#carousel a, #carousel a img,
			#thumbs a, #thumbs img  {
				display: block;
				/*float: left;*/
			}
			#carousel a, #carousel a,
			#thumbs span, #thumbs a {
				position: relative;
			}
			#carousel a img,
			#thumbs img {
				border: none;
				/*max-width: 100%;*/
				max-height: 100%;
				margin: auto;
				/*position: absolute;
				top: 0;
				left: 0;*/
			}
			#carousel a img{
				max-width: 100%;
				max-height: 100%;
			}
			#carousel a img.glare,
			#thumbs img.glare {
				width: 102%;
				height: auto;
				/*width: 102%;
				height: auto;*/
				
			}

			#carousel a{
				width: 100%;
				height: 420px;
			}
			#thumbs-wrapper {
				width:80%;
				margin:auto;
				padding: 0px 20px;
				position: relative;
			}
			#thumbs a {
				/*border: 1px solid #CCC;*/
				/*width: 80px !important;
				height: 65px;!important;*/
				width:auto;
				height:100%;
				padding:6px 1px;
				margin: 0 1px;
				overflow: hidden;
				/*background:#FFF;*/
				float:left;
				
				-webkit-transition: border-color .5s;
				-moz-transition: border-color .5s;
				-ms-transition: border-color .5s;
				transition: border-color .5s;
			}
			#thumbs a:hover, #thumbs a.selected {
				/*width: 80px !important;
				height: 65px;!important;*/
				border-color: #7e7e7e;
			}
			#thumbs a:hover img, #thumbs a.selected img {
				opacity: 1;
				filter: alpha(opacity=100); /* For IE8 and earlier */
			}
			#thumbs a img{
				margin:auto;
				text-align:center;
				float:none;
				opacity: 0.6;
				filter: alpha(opacity=60); /* For IE8 and earlier */
			}
			
			#wrapper img#shadow {
				width: 100%;
				position: absolute;
				bottom: 0;
			}

			#prev, #next {
				background: transparent url("../images/carousel_nav.png") no-repeat 0 0;
				display: block;
				width: 19px;
				height: 20px;
				margin-top: -10px;
				position: absolute;
				top: 50%;
			}
			#prev {
				background-position: 0 -20px;
				left: 0px;
			}
			#next {
				background-position: -17px -20px;
				right: 0px;
			}			
			#prev:hover { 
				background-position: 0 -20px;				
			}
			#next:hover {
				background-position: -19px -20px;				
			}
			#prev.disabled, #next.disabled {
				display: none !important;
			}
			
			#donate-spacer {
				height: 100%;
			}
			#donate {
				border-top: 1px solid #999;
				width: 750px;
				padding: 50px 75px;
				margin: 0 auto;
				overflow: hidden;
			}
			#donate p, #donate form {
				margin: 0;
				float: left;
			}
			#donate p {
				width: 650px;
			}
			#donate form {
				width: 100px;
			}