EVOLUTION-NINJA

Edit File: boxplus.carousel.css

/**
* @file
* @brief    boxplus carousel/rotator stylesheet
* @author   Levente Hunyadi
* @version  1.4.3
* @remarks  Copyright (C) 2009-2010 Levente Hunyadi
* @remarks  Licensed under GNU/GPLv3, see http://www.gnu.org/licenses/gpl-3.0.html
* @see      http://hunyadi.info.hu/projects/boxplus
*/

/* carousel/rotator viewport */
.boxplus-carousel .boxplus-viewport {
margin:0 !important;
border:0 none transparent !important;
padding:0 !important;
position:relative !important;
overflow:hidden !important;
}

div.boxplus-carousel.boxplus-disabled {
visibility:hidden !important;
}

/* blurred viewport edges */
.boxplus-viewport > div.boxplus-edge {
position:absolute;
background:transparent none no-repeat scroll 0 0;
}

.boxplus-viewport > div.boxplus-edge.boxplus-horizontal {
width:57px;
}

.boxplus-viewport > div.boxplus-edge.boxplus-vertical {
height:57px;
}

.boxplus-carousel .boxplus-viewport > div.boxplus-edge.boxplus-start.boxplus-horizontal {
left:-1px !important;  /* IE fix */

/* color values updated in script, do not change */
filter:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#ff000000,endColorstr=#00000000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#ff000000,endColorstr=#00000000)";
background:-moz-linear-gradient(left,#000,transparent);
background:-webkit-gradient(linear,left top,right top,from(#000),to(transparent));
}

.boxplus-carousel .boxplus-viewport > div.boxplus-edge.boxplus-end.boxplus-horizontal {
right:-1px !important;  /* IE fix */

/* color values updated in script, do not change */
filter:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#00000000,endColorstr=#ff000000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#00000000,endColorstr=#ff000000)";
background:-moz-linear-gradient(left,transparent,#000);
background:-webkit-gradient(linear,left top,right top,from(transparent),to(#000));
}

.boxplus-carousel .boxplus-viewport > div.boxplus-edge.boxplus-start.boxplus-vertical {
top:-1px !important;  /* IE fix */

/* color values updated in script, do not change */
filter:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000,endColorstr=#00000000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000,endColorstr=#00000000)";
background:-moz-linear-gradient(top,#000,transparent);
background:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));
}

.boxplus-carousel .boxplus-viewport > div.boxplus-edge.boxplus-end.boxplus-vertical {
bottom:-1px !important;  /* IE fix */

/* color values updated in script, do not change */
filter:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#ff000000);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#ff000000)";
background:-moz-linear-gradient(top,transparent,#000);
background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));
}

/* slider ribbon */
.boxplus-carousel .boxplus-viewport > ul {
margin:0 !important;
border:0 none transparent !important;
padding:0 !important;
display:block !important;
position:absolute !important;
list-style-type:none !important;
list-style-image:none !important;
text-align:center !important;
line-height:normal;  /* override absolute value set by some responsive templates */
}

/* items on slider ribbon */
.boxplus-carousel .boxplus-viewport > ul > li {
margin:0 !important;
border:0 none transparent !important;
padding:0 !important;
display:inline-block !important;
position:relative !important;
background:transparent none no-repeat scroll 0 0 !important;
line-height:normal;  /* override absolute value set by some responsive templates */
}

.boxplus-carousel .boxplus-viewport > ul > li > img,
.boxplus-carousel .boxplus-viewport > ul > li > a > img {
max-width:none;  /* override 100% set by some responsive templates */
}

/* outside navigation */
.boxplus-carousel .boxplus-paging {
position:relative !important;
text-align:center !important;
}

.boxplus-carousel .boxplus-paging > div {
position:absolute !important;
top:0 !important;
}

.boxplus-carousel .boxplus-paging > div.boxplus-prev,
.boxplus-carousel .boxplus-paging > div.boxplus-next {
width:8px !important;
height:13px !important;
}

.boxplus-carousel .boxplus-paging > div.boxplus-prev {
background:url(paging.png) -11px 0px !important;
left:0 !important;
}

.boxplus-carousel .boxplus-paging > div.boxplus-next {
background:url(paging.png) -19px 0px !important;
right:0 !important;
}

.boxplus-carousel .boxplus-paging > div.boxplus-prev:hover {
background-position:-11px -14px !important;
}

.boxplus-carousel .boxplus-paging > div.boxplus-next:hover {
background-position:-19px -14px !important;
}