/* * sliderkit-layout.css * > CSS code for Gallery+ * Modified by Chris Howard, Based on: * 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 * */ /* * PHOTOS GALLERIES * ------------------------------------------------ */ /*--------------------------------- * Photos gallery > With captions Horizontal Nav *---------------------------------*/ .photosgallery-horizontal {width: 100%;height: 100%;padding: 0} /* Navbar */ .photosgallery-horizontal .sliderkit-nav {left: 0;bottom: 0;padding: 0;} .photosgallery-horizontal .sliderkit-nav-clip ul li {float: left;margin: 0;} .photosgallery-horizontal .sliderkit-nav-clip ul li a {display: block;overflow: hidden;margin: 0;padding: 0;} .photosgallery-horizontal .sliderkit-nav-clip ul li.sliderkit-selected a {} /* Buttons */ .photosgallery-horizontal .sliderkit-btn {position: absolute;top: 0;} .photosgallery-horizontal .sliderkit-btn a {display: block;margin: auto 0;} /* Custom buttons */ .photosgallery-horizontal .sliderkit-btn span { display: none } .photosgallery-horizontal .sliderkit-btn-disable { opacity: 0/*can be set to any value until 1*/;cursor:default; } /* Buttons > Navbar buttons */ .photosgallery-horizontal .sliderkit-nav-btn { width: 32px;height:32px;} .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-prev { left: 10px} .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-next { right: 10px } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-next a { height:32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-prev a { height:32px; } /* Nav buttons */ .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-prev a { background-position: 0 0px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-prev a:hover { background-position: 0 -32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-next a { background-position: -96px 0px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-next a:hover { background-position: -96px -32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-prev.rev a { background-position: 0 -32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-prev.rev a:hover { background-position: 0 0px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-next.rev a { background-position: -96px -32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-nav-next.rev a:hover { background-position: -96px 0px; } /* Currently unused */ .photosgallery-horizontal .sliderkit-nav-pause a { background-position: -256px 0px; } .photosgallery-horizontal .sliderkit-nav-pause a:hover { background-position: -256px -32px; } .photosgallery-horizontal .sliderkit-zoom-up a { background-position: -288px 0px; } .photosgallery-horizontal .sliderkit-zoom-up a:hover { background-position: -288px -32px; } .photosgallery-horizontal .sliderkit-zoom-up a {position:absolute;top:5px;right:5px;z-index:15;} /* Buttons > Go buttons */ .photosgallery-horizontal .sliderkit-go-btn.no-hover { width: 32px;height:32px;} .photosgallery-horizontal .sliderkit-nav .sliderkit-go-prev.no-hover { left: 49px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-next.no-hover { right: 49px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-prev.no-hover a { height:32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-next.no-hover a { height:32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-prev.no-hover a { background-position: -32px 0px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-prev.no-hover a:hover { background-position: -32px -32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-next.no-hover a { background-position: -64px 0px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-next.no-hover a:hover { background-position: -64px -32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-prev.no-hover.rev a { background-position: -32px -32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-prev.no-hover.rev a:hover { background-position: -32px 0px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-next.no-hover.rev a { background-position: -64px -32px; } .photosgallery-horizontal .sliderkit-nav .sliderkit-go-next.no-hover.rev a:hover { background-position: -64px 0px; } /* Panels buttons */ .photosgallery-horizontal .sliderkit-go-btn.panel-hover {position:absolute;top:0;z-index:10;width:32px;height:100%;} .photosgallery-horizontal .sliderkit-go-prev.panel-hover {left:0;} .photosgallery-horizontal .sliderkit-go-next.panel-hover {right:0;} .photosgallery-horizontal .sliderkit-go-btn.panel-hover a{display:block;width:32px;height:100%;opacity:1;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:center center;} .photosgallery-horizontal .sliderkit-go-prev.panel-hover a{opacity:0.9;background-image:url("../images/controls-hover.png");background-position:-32px center;width:32px;} .photosgallery-horizontal .sliderkit-go-next.panel-hover a{opacity:0.9;background-image:url("../images/controls-hover.png");background-position:0px center;width:32px;} .photosgallery-horizontal .sliderkit-btn-disable.panel-hover a{opacity:0/*can be set to any value until 1*/;cursor:default;} .photosgallery-horizontal .sliderkit-go-btn.panel-hover span{display:none;} /* Panel > Textbox */ .photosgallery-horizontal .sliderkit-panel .sliderkit-panel-textbox {bottom: 0;left: 0;height: 75px;width: 100%;overflow:hidden;} .photosgallery-horizontal .sliderkit-panel .sliderkit-panel-textbox.no-caption {height: 35px;} .photosgallery-horizontal .sliderkit-panel .sliderkit-panel-text {height: 50px;padding: 10px 15px;font-size: 0.9em;color: #fff;} .photosgallery-horizontal .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-horizontal .sliderkit-panel .sliderkit-panel-overlay {height: 75px;width: 100%;} .photosgallery-horizontal .sliderkit-panel .sliderkit-panel-overlay.no-caption {height: 35px} /*--------------------------------- * Photos gallery > Vertical - with captions *---------------------------------*/ .photosgallery-vertical {width: 100%;height: 100%;padding: 0} /* Navbar */ .photosgallery-vertical .sliderkit-nav {top: 0;right: 0;padding:0;} .photosgallery-vertical .sliderkit-nav-clip ul li {float: left;margin: 0;} .photosgallery-vertical .sliderkit-nav-clip ul li a {display: block;overflow: hidden;margin: 0;padding: 0;} .photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a {} /* Buttons */ .photosgallery-vertical .sliderkit-btn {position: absolute;} .photosgallery-vertical .sliderkit-btn a {display: block;margin: 0 auto;} /* Custom buttons */ .photosgallery-vertical .sliderkit-btn span { display: none } .photosgallery-vertical .sliderkit-btn-disable { opacity: 0/*can be set to any value until 1*/;cursor:default; } /* Buttons > Navbar buttons */ .photosgallery-vertical .sliderkit-nav-btn { height: 32px; width:32px ;} .photosgallery-vertical .sliderkit-nav-btn a { height: 32px; width:32px;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev { top: 10px;left:0;} .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next { bottom: 10px;left:0; } .photosgallery-vertical .sliderkit-nav-prev a { background-position: -128px 0px; } .photosgallery-vertical .sliderkit-nav-prev a:hover { background-position: -128px -32px; } .photosgallery-vertical .sliderkit-nav-next a { background-position: -224px 0px; } .photosgallery-vertical .sliderkit-nav-next a:hover { background-position: -224px -32px; } .photosgallery-vertical .sliderkit-nav-prev.rev a { background-position: -128px -32px; } .photosgallery-vertical .sliderkit-nav-prev.rev a:hover { background-position: -128px 0px; } .photosgallery-vertical .sliderkit-nav-next.rev a { background-position: -224px -32px; } .photosgallery-vertical .sliderkit-nav-next.rev a:hover { background-position: -224px 0px; } /* For future use */ .photosgallery-vertical .sliderkit-nav-pause a { background-position: -256px 0px; } .photosgallery-vertical .sliderkit-nav-pause a:hover { background-position: -256px -32px; } .photosgallery-vertical .sliderkit-zoom-up a { background-position: -288px 0px; } .photosgallery-vertical .sliderkit-zoom-up a:hover { background-position: -288px -32px; } /* Buttons > Go buttons */ .photosgallery-vertical .sliderkit-go-btn.no-hover { height: 32px;width:32px;} .photosgallery-vertical .sliderkit-go-btn.no-hover a { height: 32px; width:32px;} .photosgallery-vertical .sliderkit-nav .sliderkit-go-prev.no-hover { top: 49px;left:0; } .photosgallery-vertical .sliderkit-nav .sliderkit-go-next.no-hover { bottom: 49px;left:0; } .photosgallery-vertical .sliderkit-go-prev.no-hover a { background-position: -160px 0px; } .photosgallery-vertical .sliderkit-go-prev.no-hover a:hover { background-position: -160px -32px; } .photosgallery-vertical .sliderkit-go-next.no-hover a { background-position: -192px 0px; } .photosgallery-vertical .sliderkit-go-next.no-hover a:hover { background-position: -192px -32px; } .photosgallery-vertical .sliderkit-go-prev.no-hover.rev a { background-position: -160px -32px; } .photosgallery-vertical .sliderkit-go-prev.no-hover.rev a:hover { background-position: -160px 0px; } .photosgallery-vertical .sliderkit-go-next.no-hover.rev a { background-position: -192px -32px; } .photosgallery-vertical .sliderkit-go-next.no-hover.rev a:hover { background-position: -192px 0px; } /* Panels buttons */ .photosgallery-vertical .sliderkit-go-btn.panel-hover {position:absolute;top:0;z-index:10;width:32px;height:100%;} .photosgallery-vertical .sliderkit-go-prev.panel-hover {left:0;} .photosgallery-vertical .sliderkit-go-next.panel-hover {right:0;} .photosgallery-vertical .sliderkit-go-btn.panel-hover a {display:block;width:32px;height:100%;opacity:1;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:center center;} .photosgallery-vertical .sliderkit-go-prev.panel-hover a {opacity:0.9;background-image:url("../images/controls-hover.png");background-position:-32px center;width:32px;} .photosgallery-vertical .sliderkit-go-next.panel-hover a {opacity:0.9;background-image:url("../images/controls-hover.png");background-position:0px center;width:32px;} .photosgallery-vertical .sliderkit-btn-disable.panel-hover a{opacity:0/*can be set to any value until 1*/;cursor:default;} .photosgallery-vertical .sliderkit-go-btn.panel-hover span{display:none;} /* Panel */ .photosgallery-vertical .sliderkit-panel {top: 0;left: 0;width: 100%;height: 100%;} /* Panel > Textbox */ .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox {bottom: 0;left: 0;height: 75px;width: 100%;overflow:hidden;} .photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox.no-caption {height: 35px;} .photosgallery-vertical .sliderkit-panel .sliderkit-panel-text {height: 65px;padding: 10px 15px 10px 15px;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: 75px;width: 100%;} .photosgallery-vertical .sliderkit-panel .sliderkit-panel-overlay.no-caption {height: 35px}