www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/024/styles/nivo-slider.css

    /*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	display:none;
	height:100%;
	z-index:60;
	width:100%;
	padding:0;
	border:0;
	margin:0;
	left:0px;
	top:0px;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100% !important;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:1.0; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:700;
}
.nivo-caption p {
	padding: 5px 5px 5px 15px;
	margin: 10px 5px 10px 0;
	color: white;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:210px;
	z-index:99;
	cursor:pointer;
	width:40px;
	height:40px;
	text-indent: -500px;
	overflow:hidden;
	background: url('../images/arrows/slider-arrows.png') top left no-repeat;
}

.slider-arrows2 .nivo-directionNav a {
	background: url('../images/arrows/slider-arrows2.png') top left no-repeat;
}
.nivo-prevNav {
	left:10px;
}
#main-wrapper .invent-slider .nivo-prevNav {
	left: 130px;
}

.nivo-prevNav:hover{
	background-position: 0 -40px !important;
}

.nivo-nextNav {
	right:10px;
	background-position: -40px 0 !important;
}
#main-wrapper .invent-slider .nivo-nextNav {
	right: 130px;
}

.nivo-nextNav:hover{
	background-position: -40px -40px !important;
}


/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{
	position: absolute;
	display:block;
	height:20px;
	z-index:920;
	margin:0 auto;
	text-align:center;
	bottom:-37px;
}

.nivo-controlNav a {
	display:inline-block;
	margin:0 3px;
	cursor:pointer;
	height:13px;
	width:12px;
	text-indent:-100px;
	overflow:hidden;
	background: url('../images/sliders/slider-bullets.png') top left no-repeat;
}

.nivo-controlNav a.active {
	background-position: 0 -13px;
}

#invent-slider-background {
	position:absolute;
	height:100%;
	width:100%;
}

.invent-slider-inner-container{
	overflow:hidden;
}

#slider-boxes {
	width:100%;
	height:0;
	position: relative;
	z-index:20;
}

.slider-box{
	position: absolute;
	top:40px;
	left: 150px;
	width: 445px;
	height:310px;
	padding:10px 20px;
	opacity:0;
	display:none;
}

.slider-box.slide-right{
	left:580px;
}

.slider-box.actual{
	display:block;
}

.slider-box.empty{
	width:0;
	height:0;
	padding:0;
}

.slider-box.light p{
	color: #333;
}

.slider-box h1 {
	line-height: 60px;
	font-weight: bold;
	font-size: 56px;
}

.slider-box.light h1{
	color: #000;
}

.slider-box.dark p{
	color: #d2d2d2;
}

.slider-box.dark h1{
	color: #fff;
}

.slider-box .slide-title{
	position:absolute;
	margin-top: 5px;
	width: 100%;
	padding-bottom: 30px;
}

.slider-box .slide-content{
	position:absolute;
	top: 70px;
	width: 90%;
	
}

.slider-box p{
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 30px;
}