/* CSS Document */ .advanced-slider { position:relative; overflow:visible; font-family:Arial, Helvetica, sans-serif; } .advanced-slider * { margin:0px; padding:0px; } .slider-item { position:absolute; left:-9999px; } .advanced-slider .slide-wrapper { position:absolute; overflow:visible; z-index:2; } .advanced-slider .slide { position:absolute; width: 100%; height: 100%; z-index:10; } .advanced-slider .slice { display:block; position:absolute; } .advanced-slider .preloader { position:absolute; z-index:15; } .advanced-slider .navigation-arrows a { position:absolute; z-index:30; cursor:pointer; } .advanced-slider .slideshow-controls { position:absolute; z-index:40; cursor:pointer; } .advanced-slider .shadow { position:absolute; z-index:1; } .advanced-slider .shadow .shadow-left, .advanced-slider .shadow .shadow-right, .advanced-slider .shadow .shadow-middle { float:left; } .advanced-slider .timer-animation { position:absolute; z-index:60; } .advanced-slider .caption { overflow:hidden; position:absolute; z-index:20; } .advanced-slider .caption .wrapper { position:absolute; } .advanced-slider .caption .background { position:absolute; z-index:10; width:100%; height:100%; } .advanced-slider .caption .content { position:absolute; z-index:20; } .advanced-slider .thumbnail { position:relative; overflow:hidden; } .advanced-slider .navigation-buttons { position:absolute; z-index:50; } .advanced-slider .navigation-buttons .left, .advanced-slider .navigation-buttons .right, .advanced-slider .navigation-buttons .middle { float:left; } .advanced-slider .buttons a { position:relative; cursor:pointer; float:left; } .advanced-slider .buttons .thumbnail { position:absolute; } .advanced-slider .navigation-thumbnails { position:absolute; z-index:3; } .advanced-slider .navigation-thumbnails .visible-container { position:absolute; overflow:hidden; } .advanced-slider .navigation-thumbnails .container { position:absolute; top:0px; left:0px; } .advanced-slider .navigation-thumbnails .thumbnail { cursor:pointer; position:absolute; } .advanced-slider .thumbnail .caption { position:absolute; width:100%; } .advanced-slider .thumbnail .caption .background { position:absolute; width:100%; height:100%; z-index:10; } .advanced-slider .thumbnail .caption .content { position:absolute; width:100%; z-index:20; } .advanced-slider .navigation-thumbnails .arrows a { position:absolute; cursor:pointer; } .advanced-slider .navigation-thumbnails .buttons { position:absolute; } .advanced-slider .navigation-thumbnails .buttons a { position:absolute; cursor:pointer; } .advanced-slider .tooltip { position:absolute; z-index:9999; } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(https://tohkai4u.com/css/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(https://tohkai4u.com/css/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(https://tohkai4u.com/css/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(https://tohkai4u.com/css/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(https://tohkai4u.com/css/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(https://tohkai4u.com/css/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(https://tohkai4u.com/css/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(https://tohkai4u.com/css/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(https://tohkai4u.com/css/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(https://tohkai4u.com/css/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(https://tohkai4u.com/css/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(https://tohkai4u.com/css/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(https://tohkai4u.com/css/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(https://tohkai4u.com/css/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(https://tohkai4u.com/css/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 105px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; font-color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(https://tohkai4u.com/css/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(https://tohkai4u.com/css/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(https://tohkai4u.com/css/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(https://tohkai4u.com/css/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(https://tohkai4u.com/css/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(https://tohkai4u.com/css/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(https://tohkai4u.com/css/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(https://tohkai4u.com/css/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(https://tohkai4u.com/css/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(https://tohkai4u.com/css/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(https://tohkai4u.com/css/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(https://tohkai4u.com/css/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(https://tohkai4u.com/css/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(https://tohkai4u.com/css/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(https://tohkai4u.com/css/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(https://tohkai4u.com/css/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(https://tohkai4u.com/css/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(https://tohkai4u.com/css/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(https://tohkai4u.com/css/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(https://tohkai4u.com/css/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(https://tohkai4u.com/css/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(https://tohkai4u.com/css/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(https://tohkai4u.com/css/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(https://tohkai4u.com/css/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(https://tohkai4u.com/css/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(https://tohkai4u.com/css/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(https://tohkai4u.com/css/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(https://tohkai4u.com/css/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(https://tohkai4u.com/css/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(https://tohkai4u.com/css/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(https://tohkai4u.com/css/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(https://tohkai4u.com/css/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(https://tohkai4u.com/css/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(https://tohkai4u.com/css/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(https://tohkai4u.com/css/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(https://tohkai4u.com/css/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(https://tohkai4u.com/css/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(https://tohkai4u.com/css/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(https://tohkai4u.com/css/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(https://tohkai4u.com/css/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(https://tohkai4u.com/css/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(https://tohkai4u.com/css/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(https://tohkai4u.com/css/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(https://tohkai4u.com/css/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(https://tohkai4u.com/css/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(https://tohkai4u.com/css/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(https://tohkai4u.com/css/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(https://tohkai4u.com/css/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(https://tohkai4u.com/css/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(https://tohkai4u.com/css/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(https://tohkai4u.com/css/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(https://tohkai4u.com/css/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(https://tohkai4u.com/css/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(https://tohkai4u.com/css/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(https://tohkai4u.com/css/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(https://tohkai4u.com/css/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(https://tohkai4u.com/css/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(https://tohkai4u.com/css/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(https://tohkai4u.com/css/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(https://tohkai4u.com/css/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(https://tohkai4u.com/css/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(https://tohkai4u.com/css/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(https://tohkai4u.com/css/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(https://tohkai4u.com/css/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ /* Skin Name: Light Square Class: light-square Description: Light Square skin for Advanced Slider jQuery plugin Author: David */ /* MAIN SLIDE */ .light-square .slide-wrapper { background-color:#FFF; border:4px solid #FFF; -moz-box-shadow: 0px 0px 10px #CCC; -webkit-box-shadow: 0px 0px 10px #CCC; box-shadow: 0px 0px 10px #CCC; } /* END OF MAIN SLIDE */ /* SLIDE PRELOADER */ .light-square .preloader { background:url(https://tohkai4u.com/images/preloader2.gif) no-repeat; width:62px; height:14px; } /* END OF SLIDE PRELOADER */ /* SLIDE ARROWS */ .light-square .navigation-arrows a { background:url(https://tohkai4u.com/images/arrows.png) no-repeat; width:67px; height:67px; top:50%; margin-top:-33px; } .light-square .navigation-arrows a.previous { left: 20px; } .light-square .navigation-arrows a.next { right: 20px; background-position: -67px 0px; } /* SLIDE ARROWS */ /* SLIDESHOW CONTROLS */ .light-square .slideshow-controls { background:url(https://tohkai4u.com/images/playpause.png) no-repeat; width:67px; height:67px; top:50%; left:50%; margin-top:-33px; margin-left:-33px; } .light-square .slideshow-controls.pause { background-position: 0px 0px; } .light-square .slideshow-controls.play { background-position: -67px 0px; } /* END OF SLIDESHOW CONTROLS */ /* SHADOW */ .light-square .shadow { height:94px; margin-top:-50px; } .light-square .shadow .shadow-left, .light-square .shadow .shadow-right { width:200px; height:94px; } .light-square .shadow .shadow-left { background:url(https://tohkai4u.com/images/shadow_left.png); } .light-square .shadow .shadow-right { background:url(https://tohkai4u.com/images/shadow_right.png) } .light-square .shadow .shadow-middle { background:url(https://tohkai4u.com/images/shadow_middle.png) repeat-x; height:94px; } /* END OF SHADOW */ /* TIMER ANIMATION */ .light-square .timer-animation { top:20px; right:20px; } /* END OF TIMER ANIMATION */ /* SLIDE CAPTION */ .light-square .caption .background { background-color:#000; width:100%; height:100%; } .light-square .caption .content { color:#FFF; margin:0px; padding:8px; font-size:16px; line-height:18px; } /* END OF SLIDE CAPTION */ /* NAVIGATION BUTTONS/BULLETS */ /* main container of the navigation buttons */ .light-square .navigation-buttons { bottom:-50px; } /* left, right and middle of the main container for this skin, these elements are not styled by default feel free to add your own styling */ .light-square .navigation-buttons .left, .light-square .navigation-buttons .right {} .light-square .navigation-buttons .left {} .light-square .navigation-buttons .middle {} .light-square .navigation-buttons .right {} /* this contains the buttons */ .light-square .navigation-buttons .buttons {} /* this is a button */ .light-square .navigation-buttons .buttons a { background:url(https://tohkai4u.com/images/buttons.png) no-repeat; background-position:0px 0px; cursor:pointer; width:14px; height:14px; margin:0px 2px; text-align:center; } .light-square .navigation-buttons .buttons a.over { background-position:-14px 0px; } .light-square .navigation-buttons .buttons a.select { background-position:-28px 0px; } /* this is used to style the numbers from within the buttons, when they are used */ .light-square .navigation-buttons .buttons a .number { margin-top: 1px; font-size:10px; line-height:12px; font-weight:bold; color:#888; } .light-square .navigation-buttons .buttons a.over .number { color:#666; } .light-square .navigation-buttons .buttons a.select .number { color:#666; } /* applied to the thumbnail when the thumbnail is used only as a tooltip sets the distance between the button and the thumbnail */ .light-square .navigation-buttons .buttons .thumbnail { margin-bottom:10px; } /* END OF NAVIGATION BUTTONS/BULLETS */ /* THUMBNAIL IMAGE */ .light-square .thumbnail { background-image:url(https://tohkai4u.com/images/preloader.gif); background-color:#FFF; background-position:center; background-repeat:no-repeat; border:solid 3px #FFF; -moz-box-shadow: 0px 0px 10px #AAA; -webkit-box-shadow: 0px 0px 10px #AAA; box-shadow: 0px 0px 10px #AAA; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#AAAAAA')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#AAAAAA'); } /* END OF THUMBNAIL IMAGE */ /* NAVIGATION THUMBNAILS / THUMBNAIL SCROLLER */ .light-square .navigation-thumbnails.horizontal { margin-top:50px; padding:0px 20px; } .light-square .navigation-thumbnails.vertical { margin-left:50px; padding:20px 0px; } .light-square .navigation-thumbnails .thumbnail { cursor:pointer; margin:10px 5px; } .light-square .navigation-thumbnails .thumbnail.over { border:solid 3px #FFF; -moz-box-shadow: 0px 0px 10px #555; -webkit-box-shadow: 0px 0px 10px #555; box-shadow: 0px 0px 10px #555; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555'); } .light-square .navigation-thumbnails .thumbnail.select { border:solid 3px #FFF; -moz-box-shadow: 0px 0px 10px #555; -webkit-box-shadow: 0px 0px 10px #555; box-shadow: 0px 0px 10px #555; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#555555'); } /* THUMBNAIL CAPTION */ .light-square .thumbnail .caption .background { background-color:#000; opacity:0.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .light-square .thumbnail .caption .content { color:#FFF; font-size:12px; line-height:14px; text-align:center; padding:2px 0px; margin:0px; } /* END OF THUMBNAIL CAPTION */ /* NAVIGATION THUMBNAILS ARROWS */ .light-square .navigation-thumbnails .arrows a { background:url(https://tohkai4u.com/images/arrows_small.png) no-repeat; width:44px; height:44px; } .light-square .navigation-thumbnails.vertical .arrows a { background:url(https://tohkai4u.com/images/arrows_v_small.png) no-repeat; } .light-square .navigation-thumbnails .arrows a.next { background-position:-44px 0px; } .light-square .navigation-thumbnails.horizontal .arrows a.previous { left:0px; } .light-square .navigation-thumbnails.horizontal .arrows a.next { right:0px; } .light-square .navigation-thumbnails.vertical .arrows a.previous { top:0px; } .light-square .navigation-thumbnails.vertical .arrows a.next { bottom:0px; } /* END OF NAVIGATION THUMBNAILS ARROWS */ /* NAVIGATION THUMBNAILS BUTTONS */ .light-square .navigation-thumbnails .buttons a { background:url(https://tohkai4u.com/images/buttons_small.png) no-repeat; background-position:0px 0px; width:10px; height:10px; margin: 2px; } .light-square .navigation-thumbnails .buttons a.over { background-position:-10px 0px; } .light-square .navigation-thumbnails .buttons a.select { background-position:-20px 0px; } /* END OF NAVIGATION THUMBNAILS BUTTONS */ /* NAVIGATION THUMBNAILS SCROLLBAR */ .light-square .navigation-thumbnails.horizontal .scrollbar { margin-top:30px; } .light-square .navigation-thumbnails.vertical .scrollbar { margin-left:30px; } /* END OF NAVIGATION THUMBNAILS SCROLLBAR */ /* END OF NAVIGATION THUMBNAILS / THUMBNAIL SCROLLER */ /* TOOLTIP */ .light-square .tooltip { background-color:#DDD; margin-bottom:20px; border:#EEE solid 4px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } .light-square .tooltip .content { color:#999; padding:10px; margin:0px; } .slider { margin:50px auto; height:400px; } .slider .caption ul { padding-left:20px; } /* END OF TOOLTIP */