/** * 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;} /* 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;} */ .carousel-demo2{width:940px;height:240px; margin:0;} .carousel-demo2 .sliderkit-nav{left:0;bottom:0;width:940px;height:220px;} .carousel-demo2 .sliderkit-nav-clip ul li{float:left;} .carousel-demo2 .sliderkit-nav-clip ul li {display:block;width:210px;height:220px; padding:0px; text-align:left; outline:none; margin:0px 10px 0 0; position:relative;} .carousel-demo2 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0; margin-top:-32px;} .carousel-demo2 .sliderkit-nav .sliderkit-nav-btn span{display:none;} .carousel-demo2 .sliderkit-nav .sliderkit-nav-btn a{display:block;width:20px;height:20px; outline:none;} .carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a{background-image:url(../images/arrowPrev.png);} .carousel-demo2 .sliderkit-nav .sliderkit-nav-next a{background-image:url(../images/arrowNext.png);} .carousel-demo2 .sliderkit-nav .sliderkit-nav-prev{right:20px;} .carousel-demo2 .sliderkit-nav .sliderkit-nav-next{right:0;} .carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a, .carousel-demo2 .sliderkit-nav .sliderkit-nav-prev.sliderkit-btn-disable a:hover{} .carousel-demo2 .sliderkit-nav .sliderkit-nav-next a, .carousel-demo2 .sliderkit-nav .sliderkit-nav-next.sliderkit-btn-disable a:hover{} .carousel-demo2 .sliderkit-nav .sliderkit-nav-prev a:hover{} .carousel-demo2 .sliderkit-nav .sliderkit-nav-next a:hover{} .carousel-demo2 .sliderkit-nav .sliderkit-btn-disable a{cursor:default;} .carousel-demo2 .sliderkit-nav .sliderkit-nav-prev.sliderkit-btn-disable a, .carousel-demo2 .sliderkit-nav .sliderkit-nav-prev.sliderkit-btn-disable a:hover{} .carousel-demo2 .sliderkit-nav .sliderkit-nav-next.sliderkit-btn-disable a, .carousel-demo2 .sliderkit-nav .sliderkit-nav-next.sliderkit-btn-disable a:hover{} #wg_menu{height:100px;} #wg_menu .sliderkit-nav{height:100px; width:100%;} #wg_menu .sliderkit-nav .sliderkit-btn{width:98px; height:78px;} #wg_menu .sliderkit-nav .sliderkit-btn a{position:absolute; width:100%; height:100%;} #wg_menu .sliderkit-nav .sliderkit-nav-prev{left:0; margin-top:11px; top:0;} #wg_menu .sliderkit-nav .sliderkit-nav-prev a{background:url(../images/slide_arrow_prev.png);} #wg_menu .sliderkit-nav .sliderkit-nav-next{right:0; margin-top:11px; top:0;} #wg_menu .sliderkit-nav .sliderkit-nav-next a{background:url(../images/slide_arrow_next.png);} #wg_menu .sliderkit-nav-clip ul li{height:100px; margin-right:20px; width:230px;} #more_pic{height:145px; width:100%; margin-top:30px; margin-bottom:10px;} #more_pic .sliderkit-nav{height:145px; width:100%;} #more_pic .sliderkit-nav .sliderkit-btn{width:20px; height:31px;} #more_pic .sliderkit-nav .sliderkit-btn a{position:absolute; width:100%; height:100%;} #more_pic .sliderkit-nav .sliderkit-nav-prev{left:0; margin-top:-20px; top:50%;} #more_pic .sliderkit-nav .sliderkit-nav-prev a{background:url(../images/slide_arrow.png);} #more_pic .sliderkit-nav .sliderkit-nav-next{right:0; margin-top:-20px; top:50%;} #more_pic .sliderkit-nav .sliderkit-nav-next a{background:url(../images/slide_arrow.png) -20px 0;} #more_pic .sliderkit-nav-clip ul li{height:145px; margin-right:20px; margin-left:4px; width:180px; border:1px solid #D4D3D3; overflow:hidden;}