/** * sliderkit-core.css * > Core CSS styles * * This file is part of Slider Kit jQuery plugin. * http://www.kyrielles.net/sliderkit/ * * Copyright (c) 2010-2012 Alan Frog * Licensed under the GNU General Public License * See or * */ /* * PLUGIN BASICS * ------------------------------------------------ */ .sliderkit{display:none;position:relative;overflow:hidden;text-align:left;} .sliderkit a, .sliderkit a:hover{text-decoration:none;} .sliderkit a:focus{outline:1px dotted #000;/*optional*/} .sliderkit img{border:0;} /*--------------------------------- * Navigation *---------------------------------*/ .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;} /* Nav > Clip */ .sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;} .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;} .sliderkit .sliderkit-nav-clip ul li{float:left;} .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} /*--------------------------------- * Buttons *---------------------------------*/ .sliderkit .sliderkit-btn{z-index:10;} /*--------------------------------- * Panels *---------------------------------*/ .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;} .sliderkit .sliderkit-panel-active{z-index:5;} .sliderkit .sliderkit-panel-old{z-index:4;} /* Panels > Overlay */ .sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;} .sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;} .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;} /*--------------------------------- * Counter *---------------------------------*/ .sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;} /*--------------------------------- * Loader *---------------------------------*/ .sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;} /*--------------------------------- * Photos gallery > Vertical *---------------------------------*/ .photosgallery-vertical{width:600px;height:370px;} /* Nav */ .photosgallery-vertical .sliderkit-nav{top:0;right:0;width:100px;height:100%;background:#111;} .photosgallery-vertical .sliderkit-nav-clip{left:10px;} .photosgallery-vertical .sliderkit-nav-clip ul li{margin:0;padding:0;line-height:0;} .photosgallery-vertical .sliderkit-nav-clip ul li a{display:block;width:80px;height:50px;margin:0 0 5px;background:#fff;overflow:hidden;transition:none;} .photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a{width:74px;height:44px;border:3px solid #d9532c;} .photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a img {margin:-3px;} .photosgallery-vertical .sliderkit-nav-clip ul li img{width:80px;height:50px;} /* Nav buttons */ .photosgallery-vertical .sliderkit-nav .sliderkit-go-btn{position:absolute;left:0;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-btn a{display:block;width:100px;height:10px;background:transparent url("/images/sub/arrows-v.png") no-repeat center 0;transition:none;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-btn a span{display:none;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-prev{top:20px;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-next{bottom:20px;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-prev a{background-position:center 0;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-next a{background-position:center -20px;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-prev a:hover, .photosgallery-vertical .sliderkit-nav .sliderkit-go-prev a:focus{background-position:center -40px;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-next a:hover, .photosgallery-vertical .sliderkit-nav .sliderkit-go-next a:focus{background-position:center -60px;} /* Panel */ .photosgallery-vertical .sliderkit-go-btn{position:absolute;top:50%;margin-top:-47px;z-index:10;width:50px;height:93px;} .photosgallery-vertical .sliderkit-go-prev{left:10px;} .photosgallery-vertical .sliderkit-go-next{right:10px;} .photosgallery-vertical .sliderkit-go-btn a{display:block;width:50px;height:93px;opacity:.7;font-size:0;line-height:0;text-indent:-999px;cursor:pointer;background-image:url('/images/main/slide_btn.png');background-repeat:no-repeat;background-position:center center;} .photosgallery-vertical .sliderkit-go-prev a{background-position:0 50%;} .photosgallery-vertical .sliderkit-go-next a{background-position:-50px 50%;} .photosgallery-vertical .sliderkit-btn-disable a{opacity:0/*can be set to any value until 1*/;cursor:default;} .photosgallery-vertical .sliderkit-btn-disable a:hover{cursor:default;} .photosgallery-vertical .sliderkit-go-btn span{display:none;} .photosgallery-vertical .sliderkit-panel{top:0;left:0;width:600px;height:370px;text-align:center;} .photosgallery-vertical .sliderkit-panel img {width:600px;height:370px;} /* This code can be reduced and pasted in any other CSS file : Here is a compact version : ------------------------------- .sliderkit{display:none;position:relative;overflow:hidden;text-align:left;} .sliderkit a, .sliderkit a:hover{text-decoration:none;} .sliderkit a:focus{outline:1px dotted #000;} .sliderkit img{border:0;} .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;} .sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;} .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;} .sliderkit .sliderkit-nav-clip ul li{float:left;} .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} .sliderkit .sliderkit-btn{z-index:10;} .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;} .sliderkit .sliderkit-panel-active{z-index:5;} .sliderkit .sliderkit-panel-old{z-index:4;} .sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;} .sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;} .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;} .sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;} .sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;} */