/* * sliderkit-core.css * > Core CSS styles * * This file is part of Slider Kit jQuery plugin. * http://www.kyrielles.net/sliderkit/ * * Copyright (c) 2010-2011 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 0 15px;} .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin: 0 0 0 0px;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;} /* 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;} */ /*--------------------------------- * Photos gallery > Standard *---------------------------------*/ .photosgallery-std{width: 540px;height: 176px;padding: 0 0 21px;} /* Navbar */ .photosgallery-std .sliderkit-nav{left:0;bottom:0;width: 540px;padding: 0;background: #fff;} .photosgallery-std .sliderkit-nav-clip ul li{float:left;margin:0;} .photosgallery-std .sliderkit-nav-clip ul li a{display:block;width:127px;height:37px;overflow:hidden;margin:0; background:url("../img/rotation_banner_tnbg.gif");opacity: 0.4; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)" } .photosgallery-std .sliderkit-nav-clip ul li.sliderkit-selected a{ padding:0;opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)" } /* Buttons */ .photosgallery-std .sliderkit-btn{position:absolute;top:0;} .photosgallery-std .sliderkit-btn span{display:none;} .photosgallery-std .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;} .photosgallery-std .sliderkit-btn-disable a:hover{cursor:default;} /* Navbar buttons */ .photosgallery-std .sliderkit-nav .sliderkit-btn a{display:block;width:15px;height: 37px; } .photosgallery-std .sliderkit-nav .sliderkit-nav-prev{left: 0;} .photosgallery-std .sliderkit-nav .sliderkit-nav-next{right: 0;} .photosgallery-std .sliderkit-nav .sliderkit-nav-prev a{ background:transparent url("/cmn/img/rotation_banner_btn_left.png") no-repeat center 0;} .photosgallery-std .sliderkit-nav .sliderkit-nav-next a{ background:transparent url("/cmn/img/rotation_banner_btn_right.png") no-repeat center 0;} .photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:hover, .photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;} .photosgallery-std .sliderkit-nav .sliderkit-nav-next a:hover, .photosgallery-std .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;} /* Panels buttons */ .photosgallery-std .sliderkit-go-btn{position:absolute;top:0;z-index:10;width:50px;height:335px;} .photosgallery-std .sliderkit-go-prev{left:0;} .photosgallery-std .sliderkit-go-next{right:0;} .photosgallery-std .sliderkit-go-btn a{display:block;width:50px;height:335px;opacity:0.6;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center center;} .photosgallery-std .sliderkit-go-prev a{background-image:url("../images/slider-arrow-left.gif");} .photosgallery-std .sliderkit-go-next a{background-image:url("../images/slider-arrow-right.gif");} .photosgallery-std .sliderkit-btn-disable a{opacity:0/*can be set to any value until 1*/;cursor:default;} .photosgallery-std .sliderkit-go-btn span{display:none;} /* Panel */ .photosgallery-std .sliderkit-panel{top:0;left:0;width: 540px;height: 160px;} /*--------------------------------- * Photos gallery > With captions *---------------------------------*/ .photosgallery-captions{width:500px;height:335px;padding:0 0 76px;} /* Navbar */ .photosgallery-captions .sliderkit-nav{left:0;bottom:0;width:480px;padding:10px;background:#000;} .photosgallery-captions .sliderkit-nav-clip ul li{float:left;margin:0;} .photosgallery-captions .sliderkit-nav-clip ul li a{display:block;width:75px;height:50px;overflow:hidden;margin:0;padding:3px;} .photosgallery-captions .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #fff;} /* Buttons */ .photosgallery-captions .sliderkit-btn{position:absolute;top:0;} .photosgallery-captions .sliderkit-btn a{display:block;height:76px;background:transparent url("../images/arrows-h.png") no-repeat center 0;} .photosgallery-captions .sliderkit-btn span{display:none;} .photosgallery-captions .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;} .photosgallery-captions .sliderkit-btn-disable a:hover{cursor:default;} /* Buttons > Navbar buttons */ .photosgallery-captions .sliderkit-nav-btn{width:15px;} .photosgallery-captions .sliderkit-nav .sliderkit-nav-prev{left:15px;} .photosgallery-captions .sliderkit-nav .sliderkit-nav-next{right:15px;} .photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;} .photosgallery-captions .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;} .photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a:hover, .photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;} .photosgallery-captions .sliderkit-nav .sliderkit-nav-next a:hover, .photosgallery-captions .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;} /* Buttons > Go buttons */ .photosgallery-captions .sliderkit-go-btn{width:10px;} .photosgallery-captions .sliderkit-nav .sliderkit-go-prev{left:40px;} .photosgallery-captions .sliderkit-nav .sliderkit-go-next{right:40px;} .photosgallery-captions .sliderkit-nav .sliderkit-go-prev a{background-position:0 center;} .photosgallery-captions .sliderkit-nav .sliderkit-go-next a{background-position:-20px center;} .photosgallery-captions .sliderkit-nav .sliderkit-go-prev a:hover, .photosgallery-captions .sliderkit-nav .sliderkit-go-prev a:focus{background-position:-40px center;} .photosgallery-captions .sliderkit-nav .sliderkit-go-next a:hover, .photosgallery-captions .sliderkit-nav .sliderkit-go-next a:focus{background-position:-60px center;} /* Panel > Textbox */ .photosgallery-captions .sliderkit-panel .sliderkit-panel-textbox{bottom:0;left:0;height:70px;width:500px;} .photosgallery-captions .sliderkit-panel .sliderkit-panel-text{height:50px;padding:10px 15px;font-size:0.9em;color:#fff;} .photosgallery-captions .sliderkit-panel .sliderkit-panel-text h4{height:auto;margin:0 0 7px;line-height:1.1em;font-size:1.1em;font-weight:bold;border:none;} .photosgallery-captions .sliderkit-panel .sliderkit-panel-overlay{height:70px;width:500px;background:#000;opacity:0.6;} /*--------------------------------- * Photos gallery > Vertical *---------------------------------*/ .photosgallery-vertical{width:500px;height:335px;} /* Nav */ .photosgallery-vertical .sliderkit-nav{top:0;left:0;width:95px;height:100%;background:#000;} .photosgallery-vertical .sliderkit-nav-clip{left:7px;} .photosgallery-vertical .sliderkit-nav-clip ul li{margin:0;padding:0;} .photosgallery-vertical .sliderkit-nav-clip ul li a{display:block;width:75px;height:50px;overflow:hidden;padding:3px;} .photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #c5dbe6;} .photosgallery-vertical .sliderkit-nav-clip ul li img{width:75px;height:50px;margin-bottom:-3px;} /* Nav buttons */ .photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn{position:absolute;left:0;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a{display:block;width:95px;height:16px;background:transparent url("../images/arrows-v.png") no-repeat center 0;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a span{display:none;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev{top:25px;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next{bottom:25px;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a{background-position:center -89px;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a{background-position:center -108px;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:hover, .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:center -126px;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:hover, .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:focus{background-position:center -145px;} /* Go Buttons */ .photosgallery-vertical .sliderkit-go-btn a{width:200px;height:300px;background:#ccc;opacity:.8;} .photosgallery-vertical .sliderkit-go-prev{top:0;left:0;} .photosgallery-vertical .sliderkit-go-next{top:0;right:0;} /* Panel */ .photosgallery-vertical .sliderkit-panel{top:0;left:0;width:500px;height:335px;} /* Panel > Textbox */ .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox{bottom:0;left:0;height:85px;width:500px;} .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text{height:65px;padding:10px 15px 10px 115px;font-size:0.9em;color:#fff;} .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4{height:auto;margin:0 0 7px;line-height:1.1em;font-size:1.1em;font-weight:bold;border:none;} .photosgallery-vertical .sliderkit-panel .sliderkit-panel-overlay{height:85px;width:500px;background:#000;opacity:0.6;} #topNewbook {width: 552px; height: 170px; padding-top: 90px; margin-left:-10px; } /* Navbar */ #topNewbook .sliderkit-nav{left:0;bottom:0;width: 550px;height:150px; position:relative; } #topNewbook .sliderkit-nav-clip ul li{float:left;margin:0;} #topNewbook .sliderkit-nav-clip ul li a{display:block;width: 105px;height: 150px;overflow:hidden;margin:0; position: relative;} #topNewbook .sliderkit-nav-clip ul li a img { border:1px solid #CCC; } /* Navbar buttons */ #topNewbook .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0;} #topNewbook .sliderkit-nav .sliderkit-nav-btn span{display:none;} #topNewbook .sliderkit-nav .sliderkit-nav-btn a{display:block;width:30px;height:30px; margin-top:60px;} #topNewbook .sliderkit-nav .sliderkit-nav-prev a{background:url("/cmn/img/top-newbook-btn-left.png") center center no-repeat;} #topNewbook .sliderkit-nav .sliderkit-nav-next { right:-5px; } #topNewbook .sliderkit-nav .sliderkit-nav-next a{background:url("/cmn/img/top-newbook-btn-right.png") center center no-repeat; } /* Buttons > Disable */ #topNewbook .sliderkit-nav .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}