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; }