124 lines
2.0 KiB
Python
124 lines
2.0 KiB
Python
.carousel
|
|
{
|
|
position:relative;
|
|
margin:0px;
|
|
padding:0px;
|
|
-moz-user-select:none;
|
|
-webkit-user-select:none;
|
|
}
|
|
|
|
|
|
.carousel .carousel-item
|
|
{
|
|
/*background-image:url(preloader.gif);*/
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
background-color:rgba(255,255,255,0);
|
|
position:absolute;
|
|
cursor:pointer;
|
|
}
|
|
|
|
|
|
.carousel .out
|
|
{
|
|
border:#DDD 2px rgba(255,255,255,0);
|
|
}
|
|
|
|
|
|
.carousel .over
|
|
{
|
|
border:2px rgba(255,255,255,0) #DDD;
|
|
/*-moz-box-shadow: 0px 0px 10px #000;
|
|
-webkit-box-shadow: 0px 0px 10px #000;
|
|
box-shadow: 0px 0px 10px #000;*/
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)";
|
|
|
|
}
|
|
|
|
|
|
.carousel .click
|
|
{
|
|
border:2px rgba(255,255,255,0) #DDD;
|
|
/*-moz-box-shadow: 0px 0px 10px #000;
|
|
-webkit-box-shadow: 0px 0px 10px #000;
|
|
box-shadow: 0px 0px 10px #000;*/
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)";
|
|
}
|
|
|
|
|
|
.carousel .select
|
|
{
|
|
border:2px rgba(255,255,255,0) #DDD;
|
|
/*-moz-box-shadow: 0px 0px 10px #000;
|
|
-webkit-box-shadow: 0px 0px 10px #000;
|
|
box-shadow: 0px 0px 10px #000;*/
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color=#000000)";
|
|
}
|
|
|
|
|
|
.carousel .tooltip
|
|
{
|
|
position:absolute;
|
|
z-index:9999;
|
|
background-color:#DDD;
|
|
margin-bottom:20px;
|
|
border:#EEE solid 4px;
|
|
border-radius:8px;
|
|
-moz-border-radius:8px;
|
|
-webkit-border-radius:8px;
|
|
}
|
|
|
|
|
|
.carousel .tooltip p
|
|
{
|
|
color:#999;
|
|
padding:10px;
|
|
margin:0px;
|
|
}
|
|
|
|
|
|
.carousel .scrollbar
|
|
{
|
|
width:340px;
|
|
position:absolute;
|
|
margin-top:100px;
|
|
|
|
}
|
|
|
|
.carousel .scrollbar .track
|
|
{
|
|
background-image:url(track.png);
|
|
width:300px;
|
|
height:20px;
|
|
position:absolute;
|
|
left:20px;
|
|
}
|
|
|
|
.carousel .scrollbar .thumb
|
|
{
|
|
background-image:url(thumb.png);
|
|
width:70px;
|
|
height:20px;
|
|
position:absolute;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.carousel .scrollbar .left
|
|
{
|
|
background-image:url(left.png);
|
|
width:20px;
|
|
height:20px;
|
|
position:absolute;
|
|
cursor:pointer;
|
|
left:0px;
|
|
}
|
|
|
|
.carousel .scrollbar .right
|
|
{
|
|
background-image:url(right.png);
|
|
width:20px;
|
|
height:20px;
|
|
position:absolute;
|
|
cursor:pointer;
|
|
right:0px;
|
|
} |