WordPress.org
Get WordPress

Plugin Directory

Changeset 2014374


Ignore:
Timestamp:
01/17/2019 07:29:45 PM (7 years ago)
Author:
raihancse
Message:

update

Location:
awesome-slider/trunk
Files:
133 added
17 deleted
4 edited

Legend:

Unmodified
Added
Removed

  • awesome-slider/trunk/assets/css/style.css

    r1967289 r2014374  
    1 /* jQuery Nivo Slider v3.2 http://nivo.dev7studios.com  Copyright 2012, Dev7studios Free to use and abuse under the MIT license. http://www.opensource.org/licenses/mit-license.php */
    2 /* The Nivo Slider styles */
    3 .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; /* If an image is wrapped in a link */ }
    4 .nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
    5 .nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; background-color: transparent; }
    6 
    7 .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
    8 
    9 /* The slices and boxes in the Slider */
    10 .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
    11 
    12 .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
    13 .nivo-box img { display: block; }
    14 
    15 /* Caption styles */
    16 .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; overflow: hidden; display: none; -moz-opacity: 0.8; opacity: 0.8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    17 .nivo-caption p { padding: 5px; margin: 0; }
    18 .nivo-caption a { display: inline !important; }
    19 
    20 .nivo-html-caption { display: none; }
    21 
    22 /* Direction nav styles (e.g. Next & Prev) */
    23 .nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
    24 
    25 .nivo-prevNav { left: 0px; }
    26 
    27 .nivo-nextNav { right: 0px; }
    28 
    29 /* Control nav styles (e.g. 1,2,3...) */
    30 .nivo-controlNav { text-align: center; padding: 15px 0; }
    31 .nivo-controlNav a { cursor: pointer; }
    32 .nivo-controlNav a.active { font-weight: bold; }
    33 
    34 .theme-default .nivoSlider { position: relative; background: #fff url("../img/loading.gif") no-repeat 50% 50%; margin-bottom: 10px; }
    35 .theme-default .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
    36 .theme-default .nivoSlider a { border: 0; display: block; }
    37 .theme-default .nivo-controlNav { text-align: center; padding: 10px 0; }
    38 .theme-default .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("../img/default-bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 2px; }
    39 .theme-default .nivo-controlNav a.active { background-position: 0 -22px; }
    40 .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }
    41 .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
    42 .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }
    43 .theme-default .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("../img/default-arrows.png") no-repeat; text-indent: -9999px; border: 0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
    44 .theme-default .nivo-directionNav a.nivo-nextNav { background-position: -30px 0; right: 15px; }
    45 .theme-default .nivo-directionNav a.nivo-prevNav { left: 15px; }
    46 .theme-default .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; }
    47 .theme-default .nivo-caption a:hover { color: #fff; }
    48 .theme-default:hover .nivo-directionNav a { opacity: 1; }
    49 
    50 .theme-bar.slider-wrapper { position: relative; overflow: hidden; }
    51 .theme-bar .nivoSlider { position: relative; background: #fff url("../img/loading.gif") no-repeat 50% 50%; }
    52 .theme-bar .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
    53 .theme-bar .nivoSlider a { border: 0; display: block; }
    54 .theme-bar .nivo-controlNav { position: absolute; left: 0; bottom: -41px; z-index: 10; width: 100%; height: 30px; text-align: center; padding: 5px 0; border-top: 1px solid #333; background: #333; opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
    55 .theme-bar .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url("../img/default-bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 2px; }
    56 .theme-bar .nivo-controlNav a.active { background-position: 0 -22px; }
    57 .theme-bar .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }
    58 .theme-bar .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
    59 .theme-bar .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }
    60 .theme-bar .nivo-directionNav a { display: block; border: 0; color: #fff; text-transform: uppercase; top: auto; bottom: 5px; z-index: 11; font-size: 13px; line-height: 20px; opacity: 0.5; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
    61 .theme-bar .nivo-directionNav a:hover { color: #ddd; }
    62 .theme-bar .nivo-directionNav a.nivo-nextNav { right: -50px; }
    63 .theme-bar .nivo-directionNav a.nivo-prevNav { left: -50px; }
    64 .theme-bar .nivo-caption { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
    65 .theme-bar .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; }
    66 .theme-bar .nivo-caption a:hover { color: #fff; }
    67 .theme-bar:hover .nivo-controlNav { bottom: 0; opacity: 1; }
    68 .theme-bar:hover .nivo-directionNav a.nivo-nextNav { right: 15px; opacity: 1; }
    69 .theme-bar:hover .nivo-directionNav a.nivo-prevNav { left: 15px; opacity: 1; }
    70 .theme-bar:hover .nivo-caption { bottom: 41px; }
    71 
    72 .theme-light.slider-wrapper { background: #fff; padding: 10px; }
    73 .theme-light .nivoSlider { position: relative; background: #fff url("../img/loading.gif") no-repeat 50% 50%; margin-bottom: 10px; overflow: visible; }
    74 .theme-light .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
    75 .theme-light .nivoSlider a { border: 0; display: block; }
    76 .theme-light .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; }
    77 .theme-light .nivo-controlNav a { display: inline-block; width: 10px; height: 10px; background: url("../img/light-bullets.png") no-repeat; text-indent: -9999px; border: 0; margin: 0 2px; }
    78 .theme-light .nivo-controlNav a.active { background-position: 0 100%; }
    79 .theme-light .nivo-controlNav.nivo-thumbs-enabled { width: 80%; }
    80 .theme-light .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
    81 .theme-light .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }
    82 .theme-light .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("../img/light-arrows.png") no-repeat; text-indent: -9999px; border: 0; top: auto; bottom: -36px; z-index: 11; }
    83 .theme-light .nivo-directionNav a:hover { background-color: #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
    84 .theme-light .nivo-directionNav a.nivo-nextNav { background-position: 160% 50%; right: 0px; }
    85 .theme-light .nivo-directionNav a.nivo-prevNav { background-position: -60% 50%; left: auto; right: 35px; }
    86 .theme-light .nivo-caption { font-family: inherit; }
    87 .theme-light .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; }
    88 .theme-light .nivo-caption a:hover { color: #fff; }
    89 
    90 .theme-dark.slider-wrapper { background: #222; padding: 10px; }
    91 .theme-dark .nivoSlider { position: relative; background: #fff url("../img/loading.gif") no-repeat 50% 50%; margin-bottom: 10px; overflow: visible; }
    92 .theme-dark .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
    93 .theme-dark .nivoSlider a { border: 0; display: block; }
    94 .theme-dark .nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; }
    95 .theme-dark .nivo-controlNav a { display: inline-block; width: 10px; height: 10px; background: url("../img/dark-bullets.png") no-repeat 0 2px; text-indent: -9999px; border: 0; margin: 0 2px; }
    96 .theme-dark .nivo-controlNav a.active { background-position: 0 100%; }
    97 .theme-dark .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url("../img/dark-arrows.png") no-repeat; text-indent: -9999px; border: 0; top: auto; bottom: -36px; z-index: 11; }
    98 .theme-dark .nivo-directionNav a:hover { background-color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
    99 .theme-dark a.nivo-nextNav { background-position: -16px 50%; right: 0px; }
    100 .theme-dark a.nivo-prevNav { background-position: 11px 50%; left: auto; right: 35px; }
    101 .theme-dark .nivo-caption { font-family: Helvetica, Arial, sans-serif; }
    102 .theme-dark .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; }
    103 .theme-dark .nivo-caption a:hover { color: #fff; }
    104 .theme-dark .nivo-controlNav.nivo-thumbs-enabled { width: 80%; }
    105 .theme-dark .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
    106 .theme-dark .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }
    107 
    108 .theme-smooth { position: relative; }
    109 .theme-smooth .nivoSlider { background: #fff url("../img/loading.gif") no-repeat 50% 50%; }
    110 .theme-smooth .nivoSlider img { position: absolute; top: 0px; left: 0px; display: none; }
    111 .theme-smooth .nivoSlider a { border: 0; display: block; }
    112 .theme-smooth .nivo-controlNav { bottom: 0; left: 50%; padding: 5px 0; position: absolute; transform: translate(-50%); z-index: 9; }
    113 .theme-smooth .nivo-controlNav a { background: transparent url("../img/light-bullets.png") no-repeat scroll 0 0; border: 0 none; display: inline-block; height: 10px; margin: 0 2px; text-indent: -9999px; width: 10px; }
    114 .theme-smooth .nivo-controlNav a.active { background-position: 0 100%; }
    115 .theme-smooth .nivo-controlNav.nivo-thumbs-enabled a { display: inline; float: left; margin-right: 5px; margin-bottom: 5px; height: 50px; width: auto; }
    116 .theme-smooth .nivo-controlNav.nivo-thumbs-enabled a > img { width: 50px; height: auto; display: block; }
    117 .theme-smooth .nivo-directionNav a { display: block; width: 25px; height: 25px; border-radius: 25px; background: url("../img/smooth-arrows.png") no-repeat; text-indent: -9999px; border: 0; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
    118 .theme-smooth:hover .nivo-directionNav a { opacity: 1; }
    119 .theme-smooth a.nivo-prevNav { left: 15px; background-color: #ddd; background-position: 2px -42px; }
    120 .theme-smooth a.nivo-prevNav:hover { left: 15px; background-color: #0681D3; background-position: 2px -64px; }
    121 .theme-smooth a.nivo-nextNav { right: 15px; background-color: #ddd; background-position: 2px 2px; }
    122 .theme-smooth a.nivo-nextNav:hover { right: 15px; background-color: #0681D3; background-position: 2px -20px; }
    123 .theme-smooth .nivo-caption { font-family: inherit; }
    124 .theme-smooth .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; }
    125 .theme-smooth .nivo-caption a:hover { color: #fff; }
    126 
    127 /*# sourceMappingURL=style.css.map */
     1.carousel-slider{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.carousel-slider .owl-stage{position:relative;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden}.carousel-slider .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.carousel-slider .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px)}.carousel-slider .owl-carousel .owl-wrapper,.carousel-slider .owl-carousel .owl-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.carousel-slider .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.carousel-slider .owl-item img{display:block;width:100%}.carousel-slider .owl-nav.disabled,.carousel-slider .owl-dots.disabled{display:none}.carousel-slider .owl-nav .owl-prev,.carousel-slider .owl-nav .owl-next,.carousel-slider .owl-dot{cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.carousel-slider .owl-nav button.owl-prev,.carousel-slider .owl-nav button.owl-next,.carousel-slider button.owl-dot{background:none;color:inherit;border:none;padding:0 !important;font:inherit}.carousel-slider.owl-loaded{display:block}.carousel-slider.owl-loading{opacity:0;display:block}.carousel-slider.owl-hidden{opacity:0}.carousel-slider.owl-refresh .owl-item{visibility:hidden}.carousel-slider.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.carousel-slider.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.carousel-slider.owl-rtl{direction:rtl}.carousel-slider.owl-rtl .owl-item{float:right}.no-js .carousel-slider{display:block}.carousel-slider .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.carousel-slider .owl-animated-in{z-index:0}.carousel-slider .owl-animated-out{z-index:1}.carousel-slider .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.carousel-slider .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.carousel-slider .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.carousel-slider .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.carousel-slider .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.carousel-slider .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.owl-height{-webkit-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.carousel-slider .owl-item img.owl-lazy{background:url("../img/ajax-loader.gif") no-repeat center;min-width:32px;min-height:32px}.carousel-slider .carousel-slider-video-wrapper{position:relative;height:100%;background:#000}.carousel-slider .carousel-slider-video-play-icon{position:absolute;height:40px;width:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;background:url("../img/play.svg") no-repeat;cursor:pointer;z-index:2;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 100ms ease;transition:-webkit-transform 100ms ease;-o-transition:transform 100ms ease;transition:transform 100ms ease;transition:transform 100ms ease, -webkit-transform 100ms ease}.carousel-slider .carousel-slider-video-overlay{position:absolute;height:100%;width:100%;left:0;top:0;background-color:rgba(0,0,0,0.5);z-index:1}.carousel-slider .carousel-slider-video-play-icon:hover{-webkit-transform:scale(1.3, 1.3);-ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}.carousel-slider .owl-nav .owl-prev,.carousel-slider .owl-nav .owl-next{height:48px;width:48px;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0;margin:0;padding:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.carousel-slider .owl-nav .owl-prev{left:0}.carousel-slider .owl-nav .owl-next{right:0}.carousel-slider:hover .owl-nav .owl-prev,.carousel-slider:hover .owl-nav .owl-next{opacity:1}.carousel-slider.arrows-visible-always .owl-prev,.carousel-slider.arrows-visible-always .owl-next{opacity:1}.carousel-slider.arrows-outside .owl-nav .owl-prev{left:-48px}.carousel-slider.arrows-outside .owl-nav .owl-next{right:-48px}.carousel-slider .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;margin-top:10px}.carousel-slider .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.carousel-slider .owl-dots .owl-dot span{width:10px;height:10px;margin:4px 8px;background-color:#9e9e9e;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease}.carousel-slider .owl-dots .owl-dot.active span,.carousel-slider .owl-dots .owl-dot:hover span{background-color:#4caf50}.carousel-slider.dots-center .owl-dots{text-align:center}.carousel-slider.dots-left .owl-dots{text-align:left}.carousel-slider.dots-left .owl-dots:first-child span{margin-left:0}.carousel-slider.dots-right .owl-dots{text-align:right}.carousel-slider.dots-right .owl-dots:last-child span{margin-right:0}.carousel-slider.dots-visible-hover .owl-dots{opacity:0}.carousel-slider.dots-visible-hover:hover .owl-dots{opacity:1}.carousel-slider.dots-circle .owl-dots .owl-dot span{border-radius:9999px}.carousel-slider__post{border:1px solid #f1f1f1;float:left;height:450px;width:100%;position:relative;display:block;overflow:hidden}.carousel-slider__post-content{bottom:0;position:absolute;top:0;-webkit-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;width:100%;display:block}.carousel-slider__post-image{border-bottom:1px solid #f1f1f1;display:block;height:207px;line-height:0;margin:0 auto;overflow:hidden;text-align:center;width:100%;background-color:#f1f1f1;background-size:cover;background-position:center center}.carousel-slider__post-title{display:block;margin:10px 15px 0;max-height:70px}.carousel-slider__post-title h1{color:#4a4a4a;font:bold 18px/1.4em Arial,sans-serif;margin-bottom:0;margin-top:0}.carousel-slider__post-excerpt{color:#7d7d7d;font-size:14px;line-height:1.5em;padding:10px 15px 5px;text-align:left;width:100%;position:absolute;top:285px}.carousel-slider__post-excerpt-overlay{background:transparent none repeat scroll 0 0;display:block;height:20px;width:100%}.carousel-slider__post-meta{bottom:10px;color:#8e8e8e;font-size:12px;left:0;padding:0 15px;position:absolute;width:100%;display:block}.carousel-slider__post-publication-meta{background-color:white;display:block;padding-top:15px;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.carousel-slider__post-details-info{display:inline-block}.carousel-slider__post-author{display:block;font-style:normal;line-height:1em;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}.carousel-slider__post-author-link{color:#8e8e8e;display:inline-block;max-width:175px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.carousel-slider__post-category{color:#4cc1be;text-transform:uppercase;position:absolute;right:15px;top:50px;z-index:1}.carousel-slider__product{position:relative;text-align:center;border:1px solid #f1f1f1}.carousel-slider__product .woocommerce-LoopProduct-link{display:block;overflow:hidden;margin:0 0 .5em}.carousel-slider__product .onsale{border:0 none;line-height:1;margin:0;padding:15px 5px;color:#f1f1f1;background-color:#96588a;position:absolute;left:8px;top:8px;border-radius:50%}.carousel-slider__product h3{padding:.5em 1em;text-align:left;margin:0;font-size:1em;color:#333}.carousel-slider__product a{text-decoration:none;-webkit-box-shadow:none;box-shadow:none}.carousel-slider__product a img{width:100%;height:auto;display:block;-webkit-box-shadow:none;box-shadow:none}.carousel-slider__product strong{display:block}.carousel-slider__product .price{color:#333;display:inline-block;font-weight:normal;margin:.5em 1em;font-size:.857em;float:left}.carousel-slider__product .price del{color:inherit;background-color:transparent;opacity:0.5;display:inline-block}.carousel-slider__product .price ins{color:inherit;background-color:transparent;font-weight:bold}.carousel-slider__product .star-rating{color:#96588a;display:inline-block;margin:.5em 1em;float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:'star'}.carousel-slider__product .star-rating:before{content:"\73\73\73\73\73";float:left;top:0;left:0;position:absolute}.carousel-slider__product .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.carousel-slider__product .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.carousel-slider__product a.add_to_cart_button,.carousel-slider__product a.added_to_cart,.carousel-slider__product a.quick_view{color:#f1f1f1;background-color:#96588a;margin:1em;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.5em 1em;font-weight:normal;border-radius:3px;left:auto;border:0;white-space:nowrap;display:block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}.carousel-slider__product a.add_to_cart_button:hover,.carousel-slider__product a.added_to_cart:hover,.carousel-slider__product a.quick_view:hover{color:#f1f1f1;background-color:#96588a;text-decoration:none;background-image:none}.carousel-slider__product a.add_to_cart_button.loading{opacity:0.25;padding-right:2.618em}.carousel-slider__product a.add_to_cart_button.loading:after{font-family:"WooCommerce";content:"\e01c";vertical-align:top;-webkit-font-smoothing:antialiased;font-weight:normal;position:absolute;top:.618em;right:1em;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.carousel-slider__product a.add_to_cart_button.added:after{font-family:'WooCommerce';content:"\e017";margin-left:.53em;vertical-align:bottom}.carousel-slider-hero__cell__background{background-size:cover;background-position:center;background-repeat:no-repeat;min-width:100%;min-height:100%;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:10s;-o-transition-duration:10s;transition-duration:10s}.carousel-slider-hero__cell__background.carousel-slider-hero-ken-out{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}.carousel-slider .active .carousel-slider-hero__cell__background{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:20s;animation-duration:20s}.carousel-slider .active .carousel-slider-hero__cell__background.carousel-slider-hero-ken-in{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);-webkit-animation-name:ken-burns-in;animation-name:ken-burns-in}.carousel-slider .active .carousel-slider-hero__cell__background.carousel-slider-hero-ken-out{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-animation-name:ken-burns-out;animation-name:ken-burns-out}.carousel-slider-hero__cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;height:400px}.carousel-slider-hero__cell:focus{outline:0}.carousel-slider-hero__cell__inner{background-repeat:no-repeat;background-position:center;position:absolute;top:0;left:0;bottom:0;right:0;padding:50px}.carousel-slider-hero__cell__inner,.carousel-slider-hero__cell__inner:hover{color:white;display:-webkit-box;display:-ms-flexbox;display:flex}.carousel-slider-hero__cell__background_overlay{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0}.carousel-slider-hero__cell__content{position:relative;z-index:1;width:100%;max-width:1140px}.carousel-slider-hero__cell__heading{font-size:40px;font-weight:bold;line-height:1}.carousel-slider-hero__cell__description{font-size:20px;line-height:1.4}.carousel-slider-hero__cell__heading:not(:last-child),.carousel-slider-hero__cell__description:not(:last-child){margin-bottom:30px}.carousel-slider-hero__cell__button__one{margin-right:5px}.carousel-slider-hero__cell__button__two{margin-left:5px}.carousel-slider-hero__cell__button__one,.carousel-slider-hero__cell__button__two{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.carousel-slider-hero__cell__inner.carousel-slider--v-position-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.carousel-slider-hero__cell__inner.carousel-slider--v-position-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.carousel-slider-hero__cell__inner.carousel-slider--v-position-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.carousel-slider-hero__cell__inner.carousel-slider--h-position-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.carousel-slider-hero__cell__inner.carousel-slider--h-position-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.carousel-slider-hero__cell__inner.carousel-slider--h-position-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.carousel-slider-hero__cell__inner.carousel-slider--text-left{text-align:left}.carousel-slider-hero__cell__inner.carousel-slider--text-right{text-align:right}.carousel-slider-hero__cell__inner.carousel-slider--text-center{text-align:center}@media (max-width: 767px){.carousel-slider-hero__cell__inner{padding:30px}.carousel-slider-hero__cell__heading{font-size:24px;line-height:1;margin-bottom:15px}.carousel-slider-hero__cell__description{font-size:14px;line-height:1.4;margin-bottom:15px}}.carousel-slider .carousel-slider__item{position:relative}.carousel-slider .carousel-slider__item img{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}.carousel-slider .carousel-slider__caption{position:relative}.carousel-slider .carousel-slider__caption .title{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#474747;font-size:16px;font-weight:500;margin:10px 0 0;text-align:center}.carousel-slider .carousel-slider__caption .caption{font-size:14px;font-weight:300;margin:10px 0 0;text-align:center}.cs-hero-button{-webkit-appearance:none;-webkit-font-smoothing:inherit;display:inline-block;font-size:1rem;line-height:1;padding:0.75em 1em;border-radius:0;text-decoration:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.cs-hero-button:hover{text-decoration:none}.cs-hero-button--normal{opacity:0.9;filter:alpha(opacity=90)}.cs-hero-button--stroke{background:transparent;border-width:1px;border-style:solid;border-color:transparent}.cs-hero-button--medium{font-size:1.2rem;padding:0.9em 1.2em}.cs-hero-button--large{font-size:1.5rem;padding:0.9em 1.6em}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;-ms-touch-action:manipulation;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;top:50%;margin:-55px 0 0;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;-ms-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:0.8}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}.mfp-content .product{background-color:#ffffff;display:table;margin:0 auto;padding:15px}.mfp-content .product .images{display:inline-block;float:left;max-width:600px}.mfp-content .product .images img{display:block}.mfp-content .product .onsale{left:24px;top:24px;position:absolute}.mfp-content .product .summary{display:inline-block;margin-left:15px;width:300px}.mfp-content .product .product_title,.mfp-content .product .description{margin:1em 0}.mfp-content .product .price{display:inline-block;font-weight:normal;margin:.5em 1em;font-size:.857em;float:left}.mfp-content .product .price del{color:inherit;background-color:transparent;opacity:0.5;display:inline-block}.mfp-content .product .price ins{color:inherit;background-color:transparent;font-weight:bold}.mfp-content .product .star-rating{display:inline-block;margin:.5em 1em;float:right;overflow:hidden;position:relative;height:1em;line-height:1;font-size:1em;width:5.4em;font-family:'star'}.mfp-content .product .star-rating:before{content:"\73\73\73\73\73";float:left;top:0;left:0;position:absolute}.mfp-content .product .star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.mfp-content .product .star-rating span:before{content:"\53\53\53\53\53";top:0;position:absolute;left:0}.mfp-content .product a.add_to_cart_button,.mfp-content .product a.added_to_cart{margin:0;line-height:1;cursor:pointer;position:relative;text-decoration:none;overflow:visible;padding:.5em 1em;font-weight:normal;border-radius:3px;left:auto;border:0;white-space:nowrap;display:inline-block;background-image:none;box-shadow:none;-webkit-box-shadow:none;text-shadow:none}.mfp-content .product a.add_to_cart_button:hover,.mfp-content .product a.added_to_cart:hover{text-decoration:none;background-image:none}.mfp-content .product a.add_to_cart_button.loading{opacity:0.25;padding-right:2.618em}.mfp-content .product a.add_to_cart_button.loading:after{font-family:"WooCommerce";content:"\e01c";vertical-align:top;-webkit-font-smoothing:antialiased;font-weight:normal;position:absolute;top:.618em;right:1em;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.mfp-content .product a.add_to_cart_button.added:after{font-family:'WooCommerce';content:"\e017";margin-left:.53em;vertical-align:bottom}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{max-width:945px;margin-top:40px;margin-bottom:40px}@media (max-width: 600px){.mfp-content .product .images{margin-bottom:30px}.mfp-content .product .summary{display:block;margin:0;width:100%}}@media (min-width: 601px){.mfp-content .product .images{display:inline-block;width:49%}.mfp-content .product .summary{display:inline-block;margin:0 0 0 1%;width:49%}}

  • awesome-slider/trunk/assets/js/admin.js

    r1967289 r2014374  
    1 (function($){
    2     "use strict";
     1(function ($) {
     2    'use strict';
     3    $(document).on("click", ".accordion-header", function () {
     4        $(this).toggleClass('active');
     5        var panel = $(this).next();
     6
     7        if (parseInt(panel.css('max-height')) > 0) {
     8            panel.css('max-height', '0');
     9            panel.css('overflow', 'hidden');
     10        } else {
     11            panel.css('max-height', panel.prop('scrollHeight') + "px");
     12            panel.css('overflow', 'visible');
     13        }
     14    });
     15})(jQuery);
     16(function ($) {
     17    "use strict";
     18
     19    var body = $('body'),
     20        contentButtonModal = $('#contentButtonModal'),
     21        frame,
     22        section,
     23        imgIdInput,
     24        slideCanvas,
     25        delImgLink,
     26        buttonConfig;
     27
     28    // Add new content slide
     29    body.on('click', '.carousel-slider__add-slide', function (e) {
     30        e.preventDefault();
     31
     32        $.ajax({
     33            url: ajaxurl,
     34            method: 'POST',
     35            data: {
     36                action: 'add_content_slide',
     37                task: 'add-slide',
     38                post_id: $(this).data('post-id')
     39            },
     40            success: function () {
     41                window.location.reload(true);
     42            }
     43        });
     44    });
     45
     46    // Delete a slide
     47    body.on('click', '.carousel_slider__delete_slide', function (e) {
     48        e.preventDefault();
     49
     50        $.ajax({
     51            url: ajaxurl,
     52            method: 'POST',
     53            data: {
     54                action: 'add_content_slide',
     55                task: 'delete-slide',
     56                post_id: $(this).data('post-id'),
     57                slide_pos: $(this).data('slide-pos')
     58            },
     59            success: function () {
     60                window.location.reload(true);
     61            }
     62        });
     63    });
     64
     65    // Move slide to top
     66    body.on('click', '.carousel_slider__move_top', function (e) {
     67        e.preventDefault();
     68
     69        $.ajax({
     70            url: ajaxurl,
     71            method: 'POST',
     72            data: {
     73                action: 'add_content_slide',
     74                task: 'move-slide-top',
     75                post_id: $(this).data('post-id'),
     76                slide_pos: $(this).data('slide-pos')
     77            },
     78            success: function () {
     79                window.location.reload(true);
     80            }
     81        });
     82    });
     83
     84    // Move slide up
     85    body.on('click', '.carousel_slider__move_up', function (e) {
     86        e.preventDefault();
     87
     88        $.ajax({
     89            url: ajaxurl,
     90            method: 'POST',
     91            data: {
     92                action: 'add_content_slide',
     93                task: 'move-slide-up',
     94                post_id: $(this).data('post-id'),
     95                slide_pos: $(this).data('slide-pos')
     96            },
     97            success: function () {
     98                window.location.reload(true);
     99            }
     100        });
     101    });
     102
     103    // Move slide down
     104    body.on('click', '.carousel_slider__move_down', function (e) {
     105        e.preventDefault();
     106
     107        $.ajax({
     108            url: ajaxurl,
     109            method: 'POST',
     110            data: {
     111                action: 'add_content_slide',
     112                task: 'move-slide-down',
     113                post_id: $(this).data('post-id'),
     114                slide_pos: $(this).data('slide-pos')
     115            },
     116            success: function () {
     117                window.location.reload(true);
     118            }
     119        });
     120    });
     121
     122    // Move slide to bottom
     123    body.on('click', '.carousel_slider__move_bottom', function (e) {
     124        e.preventDefault();
     125
     126        $.ajax({
     127            url: ajaxurl,
     128            method: 'POST',
     129            data: {
     130                action: 'add_content_slide',
     131                task: 'move-slide-bottom',
     132                post_id: $(this).data('post-id'),
     133                slide_pos: $(this).data('slide-pos')
     134            },
     135            success: function () {
     136                window.location.reload(true);
     137            }
     138        });
     139    });
     140
     141    // Add slide image
     142    body.on('click', '.slide_image_add', function (e) {
     143        e.preventDefault();
     144
     145        var _this = $(this);
     146        section = _this.closest('.slide_bg_wrapper');
     147        slideCanvas = section.find('.content_slide_canvas');
     148        imgIdInput = section.find('.background_image_id');
     149        delImgLink = section.find('.delete-bg-img');
     150
     151        // If the media frame already exists, reopen it.
     152        if (frame) {
     153            frame.open();
     154            return;
     155        }
     156
     157        // Create a new media frame
     158        frame = wp.media({
     159            title: _this.data('title'),
     160            button: {
     161                text: _this.data('button-text')
     162            },
     163            multiple: false  // Set to true to allow multiple files to be selected
     164        });
     165
     166        // When an image is selected in the media frame...
     167        frame.on('select', function () {
     168
     169            // Get media attachment details from the frame state
     170            var attachment = frame.state().get('selection').first().toJSON();
     171
     172            // Send the attachment URL to our custom image input field.
     173            slideCanvas.css('background-image', 'url(' + attachment.url + ')');
     174
     175            // Send the attachment id to our hidden input
     176            imgIdInput.val(attachment.id);
     177
     178            // Show the remove image link
     179            delImgLink.removeClass('hidden');
     180        });
     181
     182        // Finally, open the modal on click
     183        frame.open();
     184    });
     185
     186    // Remove slide image
     187    body.on('click', '.delete-bg-img', function (e) {
     188        e.preventDefault();
     189
     190        section = $(this).closest('.slide_bg_wrapper');
     191        slideCanvas = section.find('.content_slide_canvas');
     192        imgIdInput = section.find('.background_image_id');
     193        delImgLink = section.find('.delete-bg-img');
     194
     195        // Clear out the preview image
     196        slideCanvas.css('background-image', '');
     197
     198        // Delete the image id from the hidden input
     199        imgIdInput.val('0');
     200
     201        // Hide the delete image link
     202        delImgLink.addClass('hidden');
     203    });
     204
     205    // Background Position
     206    body.on('change', '.background_image_position', function () {
     207        var _val = $(this).val();
     208        section = $(this).closest('.slide_bg_wrapper');
     209        slideCanvas = section.find('.content_slide_canvas');
     210        slideCanvas.css('background-position', _val);
     211    });
     212
     213    // Background Size
     214    body.on('change', '.background_image_size', function () {
     215        var _val = $(this).val();
     216        section = $(this).closest('.slide_bg_wrapper');
     217        slideCanvas = section.find('.content_slide_canvas');
     218        slideCanvas.css('background-size', _val);
     219    });
     220
     221    // Add Button Style to Modal for Edit
     222    $('.addContentButton').on('click', function (e) {
     223        e.preventDefault();
     224
     225        buttonConfig = $(this).closest('.button_config');
     226        var button_text = buttonConfig.find('.button_text').val();
     227        var button_url = buttonConfig.find('.button_url').val();
     228        var button_target = buttonConfig.find('.button_target').val();
     229        var button_type = buttonConfig.find('.button_type').val();
     230        var button_size = buttonConfig.find('.button_size').val();
     231        var button_color = buttonConfig.find('.button_color').val();
     232
     233        contentButtonModal.find('#_button_text').val(button_text);
     234        contentButtonModal.find('#_button_url').val(button_url);
     235        contentButtonModal.find('#_button_target').val(button_target);
     236        contentButtonModal.find('#_button_type').val(button_type);
     237        contentButtonModal.find('#_button_size').val(button_size);
     238        contentButtonModal.find('#_button_color').val(button_color);
     239
     240        contentButtonModal.addClass('is-active');
     241    });
     242
     243    // Save Button style from modal form
     244    $('#saveContentButton').on('click', function (e) {
     245        e.preventDefault();
     246
     247        if (!buttonConfig) {
     248            contentButtonModal.removeClass('is-active');
     249            return false;
     250        }
     251
     252        var button_text = contentButtonModal.find('#_button_text').val();
     253        var button_url = contentButtonModal.find('#_button_url').val();
     254        var button_target = contentButtonModal.find('#_button_target').val();
     255        var button_type = contentButtonModal.find('#_button_type').val();
     256        var button_size = contentButtonModal.find('#_button_size').val();
     257        var button_color = contentButtonModal.find('#_button_color').val();
     258
     259        buttonConfig.find('.button_text').val(button_text);
     260        buttonConfig.find('.button_url').val(button_url);
     261        buttonConfig.find('.button_target').val(button_target);
     262        buttonConfig.find('.button_type').val(button_type);
     263        buttonConfig.find('.button_size').val(button_size);
     264        buttonConfig.find('.button_color').val(button_color);
     265
     266        contentButtonModal.removeClass('is-active');
     267
     268    });
     269
     270    // Background Color
     271    $('.slide-color-picker').each(function () {
     272        section = $(this).closest('.slide_bg_wrapper');
     273        slideCanvas = section.find('.content_slide_canvas');
     274        $(this).wpColorPicker({
     275            palettes: [
     276                '#2196F3', // Blue
     277                '#009688', // Teal
     278                '#4CAF50', // Green
     279                '#F44336', // Red
     280                '#FFEB3B', // Yellow
     281                '#00D1B2', // Firoza
     282                '#000000', // Blank
     283                '#ffffff' // White
     284            ],
     285            change: function (event, ui) {
     286                slideCanvas.css('background-color', ui.color.toString());
     287            }
     288        });
     289    });
     290
     291    // Slide Link
     292    $(document).on('change', '.link_type', function (e) {
     293        var _this = $(this);
     294        var _val = _this.val();
     295        var _tab = _this.closest('.tab-content-link');
     296        var _linkFull = _tab.find('.ContentCarouselLinkFull');
     297        var _linkBtn = _tab.find('.ContentCarouselLinkButtons');
     298        if (_val === 'full') {
     299            _linkBtn.hide();
     300            _linkFull.show();
     301        } else if (_val === 'button') {
     302            _linkFull.hide();
     303            _linkBtn.show();
     304        } else {
     305            _linkFull.hide();
     306            _linkBtn.hide();
     307        }
     308    })
     309
     310})(jQuery);
     311(function ($) {
     312    "use strict";
     313
    3314    var frame,
    4         images = NivoImageSlider.image_ids,
     315        _this = $('#carousel_slider_gallery_btn'),
     316        images = _this.data('ids'),
    5317        selection = loadImages(images);
    6318
    7     $('#nivo_image_slider_btn').on('click', function(e) {
     319    _this.on('click', function (e) {
    8320        e.preventDefault();
    9321        var options = {
    10             title: NivoImageSlider.create_btn_text,
     322            title: _this.data('create'),
    11323            state: 'gallery-edit',
    12324            frame: 'post',
    … …  
    14326        };
    15327
    16         if( frame || selection ) {
    17             options['title'] = NivoImageSlider.edit_btn_text;
     328        if (frame || selection) {
     329            options['title'] = _this.data('edit');
    18330        }
    19331
    … …  
    23335        frame.menu.get('view').unset('cancel');
    24336        frame.menu.get('view').unset('separateCancel');
    25         frame.menu.get('view').get('gallery-edit').el.innerHTML = NivoImageSlider.edit_btn_text;
     337        frame.menu.get('view').get('gallery-edit').el.innerHTML = _this.data('edit');
    26338        frame.content.get('view').sidebar.unset('gallery'); // Hide Gallery Settings in sidebar
    27339
    28340        // when editing a gallery
    29341        overrideGalleryInsert();
    30         frame.on( 'toolbar:render:gallery-edit', function() {
     342        frame.on('toolbar:render:gallery-edit', function () {
    31343            overrideGalleryInsert();
    32344        });
    33345
    34         frame.on( 'content:render:browse', function( browser ) {
    35             if ( !browser ) return;
     346        frame.on('content:render:browse', function (browser) {
     347            if (!browser) return;
    36348            // Hide Gallery Settings in sidebar
    37             browser.sidebar.on('ready', function(){
     349            browser.sidebar.on('ready', function () {
    38350                browser.sidebar.unset('gallery');
    39351            });
    40352            // Hide filter/search as they don't work
    41             browser.toolbar.on('ready', function(){
    42                 if(browser.toolbar.controller._state == 'gallery-library'){
     353            browser.toolbar.on('ready', function () {
     354                if (browser.toolbar.controller._state === 'gallery-library') {
    43355                    browser.toolbar.$el.hide();
    44356                }
    … …  
    47359
    48360        // All images removed
    49         frame.state().get('library').on( 'remove', function() {
     361        frame.state().get('library').on('remove', function () {
    50362            var models = frame.state().get('library');
    51             if(models.length == 0){
     363            if (models.length === 0) {
    52364                selection = false;
    53                 $.post( NivoImageSlider.ajaxurl, {
     365                $.post(ajaxurl, {
    54366                    ids: '',
    55                     action: 'nivo_image_slider_save_images',
    56                     post_id: NivoImageSlider.post_id,
    57                     nonce: NivoImageSlider.nonce
     367                    action: 'carousel_slider_save_images',
     368                    post_id: _this.data('id')
    58369                });
    59370            }
    60371        });
    61372
    62         function overrideGalleryInsert(){
     373        function overrideGalleryInsert() {
    63374            frame.toolbar.get('view').set({
    64375                insert: {
    65376                    style: 'primary',
    66                     text: NivoImageSlider.save_btn_text,
    67                     click: function(){
     377                    text: _this.data('save'),
     378                    click: function () {
    68379                        var models = frame.state().get('library'),
    69380                            ids = '';
    70381
    71                         models.each( function( attachment ) {
    72                             ids += attachment.id + ',';
     382                        models.each(function (attachment) {
     383                            ids += attachment.id + ','
    73384                        });
    74385
    75                         this.el.innerHTML = NivoImageSlider.progress_btn_text;
     386                        this.el.innerHTML = _this.data('progress');
    76387
    77388                        $.ajax({
    78389                            type: 'POST',
    79                             url: NivoImageSlider.ajaxurl,
     390                            url: ajaxurl,
    80391                            data: {
    81392                                ids: ids,
    82                                 action: 'nivo_image_slider_save_images',
    83                                 post_id: NivoImageSlider.post_id,
    84                                 nonce: NivoImageSlider.nonce
     393                                action: 'carousel_slider_save_images',
     394                                post_id: _this.data('id')
    85395                            },
    86                             success: function(){
     396                            success: function () {
    87397                                selection = loadImages(ids);
    88                                 $('#nivo_image_slider_images_ids').val( ids );
     398                                $('#_carousel_slider_images_ids').val(ids);
    89399                                frame.close();
    90400                            },
    91401                            dataType: 'html'
    92                         }).done( function( data ) {
    93                             $('.nivo_image_slider_list').html( data );
     402                        }).done(function (data) {
     403                            $('.carousel_slider_gallery_list').html(data);
    94404                        });
    95405                    }
    … …  
    100410    });
    101411
    102     function loadImages(images){
    103         if (images){
     412    function loadImages(images) {
     413        if (images) {
    104414            var shortcode = new wp.shortcode({
    105                 tag:      'gallery',
    106                 attrs:    { ids: images },
    107                 type:     'single'
     415                tag: 'gallery',
     416                attrs: {ids: images},
     417                type: 'single'
    108418            });
    109419
    110             var attachments = wp.media.gallery.attachments( shortcode );
    111 
    112             var selection = new wp.media.model.Selection( attachments.models, {
    113                 props:    attachments.props.toJSON(),
     420            var attachments = wp.media.gallery.attachments(shortcode);
     421
     422            var selection = new wp.media.model.Selection(attachments.models, {
     423                props: attachments.props.toJSON(),
    114424                multiple: true
    115425            });
    … …  
    117427            selection.gallery = attachments.gallery;
    118428
    119             selection.more().done( function() {
     429            selection.more().done(function () {
    120430                // Break ties with the query.
    121                 selection.props.set({ query: false });
     431                selection.props.set({query: false});
    122432                selection.unmirror();
    123433                selection.props.unset('orderby');
    … …  
    128438        return false;
    129439    }
     440
    130441})(jQuery);
     442/**
     443 * Carousel Slider Gallery from URL
     444 */
     445(function ($) {
     446    'use strict';
     447
     448    var body = $('body'),
     449        modal = $('#CarouselSliderModal'),
     450        modalOpenBtn = $('#_images_urls_btn'),
     451        template = $('#carouselSliderGalleryUrlTemplate').html();
     452
     453    // URL Images Model
     454    modalOpenBtn.on('click', function (e) {
     455        e.preventDefault();
     456        modal.css("display", "block");
     457        $("body").addClass("overflowHidden");
     458    });
     459    modal.on('click', '.carousel_slider-close', function (e) {
     460        e.preventDefault();
     461        modal.css("display", "none");
     462        $("body").removeClass("overflowHidden");
     463    });
     464
     465    var carouselSliderBodyHeight = $(window).height() - (38 + 48 + 32 + 30);
     466    $('.carousel_slider-modal-body').css('height', carouselSliderBodyHeight + 'px');
     467
     468    // Append new row
     469    body.on('click', '.add_row', function () {
     470        $(this).closest('.carousel_slider-fields').after(template);
     471    });
     472
     473    // Delete current row
     474    body.on('click', '.delete_row', function () {
     475        $(this).closest('.carousel_slider-fields').remove();
     476    });
     477
     478    // Make fields sortable
     479    $('#carousel_slider_form').sortable();
     480
     481})(jQuery);
     482(function ($) {
     483    'use strict';
     484
     485    // Open modal
     486    $(document).on('click', '[data-toggle="modal"]', function (e) {
     487        e.preventDefault();
     488        $($(this).data('target')).addClass('is-active');
     489    });
     490
     491    // Close modal
     492    $(document).on('click', '[data-dismiss="modal"]', function (e) {
     493        e.preventDefault();
     494        $(this).closest('.modal').removeClass('is-active');
     495    });
     496
     497})(jQuery);
     498(function ($) {
     499    "use strict";
     500
     501    var slide_type = $('#_carousel_slider_slide_type'),
     502        section_images_settings = $('#section_images_settings'),
     503        section_url_images_settings = $('#section_url_images_settings'),
     504        section_images_general_settings = $('#section_images_general_settings'),
     505        section_post_query = $('#section_post_query'),
     506        section_video_settings = $('#section_video_settings'),
     507        section_product_query = $('#section_product_query'),
     508        section_content_carousel = $('#section_content_carousel'),
     509        // Slide Type -- Post
     510        _post_query_type = $('#_post_query_type'),
     511        _post_date_after = $('#field-_post_date_after'),
     512        _post_date_before = $('#field-_post_date_before'),
     513        _post_categories = $('#field-_post_categories'),
     514        _post_tags = $('#field-_post_tags'),
     515        _post_in = $('#field-_post_in'),
     516        _posts_per_page = $('#field-_posts_per_page'),
     517        // Slide Type -- Product
     518        _product_query_type = $('#_product_query_type'),
     519        _product_query = $('#field-_product_query'),
     520        _product_categories = $('#field-_product_categories'),
     521        _product_tags = $('#field-_product_tags'),
     522        _product_in = $('#field-_product_in'),
     523        _products_per_page = $('#field-_products_per_page');
     524
     525    // Slide Type
     526    slide_type.on('change', function () {
     527        section_images_settings.hide('fast');
     528        section_url_images_settings.hide('fast');
     529        section_images_general_settings.hide('fast');
     530        section_post_query.hide('fast');
     531        section_video_settings.hide('fast');
     532        section_product_query.hide('fast');
     533        section_content_carousel.hide('fast');
     534
     535        if (this.value === 'image-carousel') {
     536            section_images_settings.slideDown();
     537            section_images_general_settings.slideDown();
     538        }
     539        if (this.value === 'image-carousel-url') {
     540            section_url_images_settings.slideDown();
     541            section_images_general_settings.slideDown();
     542        }
     543        if (this.value === 'post-carousel') {
     544            section_post_query.slideDown();
     545        }
     546        if (this.value === 'video-carousel') {
     547            section_video_settings.slideDown();
     548        }
     549        if (this.value === 'product-carousel') {
     550            section_product_query.slideDown();
     551            _product_query.show();
     552        }
     553        if (this.value === 'hero-banner-slider') {
     554            section_content_carousel.slideDown();
     555        }
     556    });
     557
     558    // Slide Type -- Post Carousel
     559    if (slide_type.val() === 'post-carousel') {
     560        var _postQueryType = _post_query_type.val();
     561        if (_postQueryType === 'date_range') {
     562            _post_date_after.show();
     563            _post_date_before.show();
     564        }
     565        if (_postQueryType === 'post_categories') {
     566            _post_categories.show();
     567        }
     568        if (_postQueryType === 'post_tags') {
     569            _post_tags.show();
     570        }
     571        if (_postQueryType === 'specific_posts') {
     572            _post_in.show();
     573            _posts_per_page.hide();
     574        }
     575    }
     576
     577    _post_query_type.on('change', function () {
     578
     579        _post_date_after.hide('fast');
     580        _post_date_before.hide('fast');
     581        _post_categories.hide('fast');
     582        _post_tags.hide('fast');
     583        _post_in.hide('fast');
     584        _posts_per_page.show('fast');
     585
     586        if (this.value === 'date_range') {
     587            _post_date_after.slideDown();
     588            _post_date_before.slideDown();
     589        }
     590        if (this.value === 'post_categories') {
     591            _post_categories.slideDown();
     592        }
     593        if (this.value === 'post_tags') {
     594            _post_tags.slideDown();
     595        }
     596        if (this.value === 'specific_posts') {
     597            _post_in.slideDown();
     598            _posts_per_page.hide('fast');
     599        }
     600    });
     601
     602    // Slide Type -- Product Carousel
     603    if (slide_type.val() === 'product-carousel') {
     604        var _productQueryType = _product_query_type.val();
     605        if (_productQueryType === 'query_porduct') {
     606            _product_query.show();
     607        }
     608        if (_productQueryType === 'product_categories') {
     609            _product_categories.show();
     610        }
     611        if (_productQueryType === 'product_tags') {
     612            _product_tags.show();
     613        }
     614        if (_productQueryType === 'specific_products') {
     615            _product_in.show();
     616        }
     617    }
     618
     619    _product_query_type.on('change', function () {
     620
     621        _product_query.hide('fast');
     622        _product_categories.hide('fast');
     623        _product_tags.hide('fast');
     624        _product_in.hide('fast');
     625        _products_per_page.show('fast');
     626
     627        if (this.value === 'query_porduct') {
     628            _product_query.slideDown();
     629        }
     630        if (this.value === 'product_categories') {
     631            _product_categories.slideDown();
     632        }
     633        if (this.value === 'product_tags') {
     634            _product_tags.slideDown();
     635        }
     636        if (this.value === 'specific_products') {
     637            _product_in.slideDown();
     638            _products_per_page.hide('fast');
     639        }
     640    });
     641})(jQuery);
     642
     643(function ($) {
     644    "use strict";
     645
     646    // Initializing TipTip
     647    $(".cs-tooltip").each(function () {
     648        $(this).tipTip();
     649    });
     650
     651    // Initializing Select2
     652    $("select.select2").each(function () {
     653        $(this).select2();
     654    });
     655
     656    // Initializing jQuery UI Accordion
     657    $(".shapla-toggle").each(function () {
     658        if ($(this).attr('data-id') === 'closed') {
     659            $(this).accordion({
     660                collapsible: true,
     661                heightStyle: "content",
     662                active: false
     663            });
     664        } else {
     665            $(this).accordion({
     666                collapsible: true,
     667                heightStyle: "content"
     668            });
     669        }
     670    });
     671
     672    // Initializing jQuery UI Tab
     673    $(".shapla-tabs").tabs({
     674        hide: {
     675            effect: "fadeOut",
     676            duration: 200
     677        },
     678        show: {
     679            effect: "fadeIn",
     680            duration: 200
     681        }
     682    });
     683
     684    //Initializing jQuery UI Date picker
     685    $('.datepicker').each(function () {
     686        $(this).datepicker({
     687            dateFormat: 'MM dd, yy',
     688            changeMonth: true,
     689            changeYear: true,
     690            onClose: function (selectedDate) {
     691                $(this).datepicker('option', 'minDate', selectedDate);
     692            }
     693        });
     694    });
     695
     696    // Initializing WP Color Picker
     697    $('.color-picker').each(function () {
     698        $(this).wpColorPicker({
     699            palettes: [
     700                '#2196F3', // Blue
     701                '#009688', // Teal
     702                '#4CAF50', // Green
     703                '#F44336', // Red
     704                '#FFEB3B', // Yellow
     705                '#00D1B2', // Firoza
     706                '#000000', // Blank
     707                '#ffffff' // White
     708            ]
     709        });
     710    });
     711})(jQuery);

  • awesome-slider/trunk/includes/index.php

    r1967289 r2014374  
    11<?php
    2 // Silence is golden
     2// Code is Poetry

  • awesome-slider/trunk/index.php

    r1967289 r2014374  
    11<?php
    2 // Silence is golden
     2// Code is Poetry
Note: See TracChangeset for help on using the changeset viewer.