DIR : /home/kozerus/public_html/pn/uize/site-source/css/widget.slideshow.css

/home/kozerus/public_html/pn/uize/site-source/css

/*** general styling ***/
	.slideshow {
		border-collapse: collapse;
		border: 1px solid #899;
	}
	.slideshow .slideshowHeader {
		background: #b7babf url(../images/title-bg-brushed-metal.jpg) repeat left top;
	}
	.slideshow .slideshowTitle {
		font-family: Arial, Helvetica, Verdana;
		font-size: 11px;
		color: #000;
	}
	.slideshow .slideshowSubtitle {
		font-family: Arial, Helvetica, Verdana;
		font-size: 11px;
		color: #666;
	}

/*** navigation buttons ***/
	/*** styling common to all states ***/
		.navButton, .navButton:link, .navButton:visited, .navButton:hover, .navButton:active {
			display: block;
			position: relative;
			width: 30px;
			height: 25px;
			padding:0;
			margin: 1px;
			border: 1px solid #899;
			text-decoration: none;
			background: #c4cdd4 url(../images/button-bg.gif) left top repeat-x;
		}
		.navButton .arrow {
			position: absolute;
			left:0;
			top:0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center center;
			opacity: .5;
			filter: alpha(opacity=50);
		}
	
	/*** direction-specific styling (arrow images) ***/
		/*** towards first ***/
			.navButton .gotoFirst {
				background-image: url(../images/nav-arrows/nav-arrow-horz-first.gif);
			}
			.navButton .gotoPrevious {
				background-image: url(../images/nav-arrows/nav-arrow-horz-previous.gif);
			}
	
		/*** towards last ***/
			.navButton .gotoLast {
				background-image: url(../images/nav-arrows/nav-arrow-horz-last.gif);
			}
			.navButton .gotoNext {
				background-image: url(../images/nav-arrows/nav-arrow-horz-next.gif);
			}
	
	/*** state-specific styling ***/
		/*** grayed (disabled) ***/
			.navButtonGrayed,
			.navButtonGrayed:link,
			.navButtonGrayed:visited,
			.navButtonGrayed:hover,
			.navButtonGrayed:active
			{
				background-position: left -300px;
				border: 1px solid #bbb;
			}
			.navButtonGrayed .arrow {
				opacity: .15;
				filter: alpha(opacity=15);
			}
	
		/*** over (mouseover) ***/
			.navButtonOver,
			.navButtonOver:link,
			.navButtonOver:visited,
			.navButtonOver:hover,
			.navButtonOver:active
			{
				border: solid 1px #777;
				background-position: left -100px;
			}
	
		/*** common styling to over & active ***/
			.navButtonOver .arrow {
				opacity: .8;
				filter: alpha(opacity=80);
			}
			.navButtonActive .arrow {
				opacity: .8;
				filter: alpha(opacity=80);
			}
	
		/*** active (mousedown) ***/
			.navButtonActive,
			.navButtonActive:link,
			.navButtonActive:visited,
			.navButtonActive:hover,
			.navButtonActive:active
			{
				border: solid 1px #999;
				background-position: left -200px;
			}
			/*** arrow shift ***/
				.navButtonActive .towardsFirst {
					background-position: 40% center;
				}
				.navButtonActive .towardsLast {
					background-position: 60% center;
				}