1 line
18 KiB
CSS
1 line
18 KiB
CSS
|
:root{--jp-carousel-primary-color:#fff;--jp-carousel-primary-subtle-color:#999;--jp-carousel-bg-color:#000;--jp-carousel-bg-faded-color:#222;--jp-carousel-border-color:#3a3a3a}:root .jp-carousel-light{--jp-carousel-primary-color:#000;--jp-carousel-primary-subtle-color:#646970;--jp-carousel-bg-color:#fff;--jp-carousel-bg-faded-color:#fbfbfb;--jp-carousel-border-color:#dcdcde}.jp-carousel-overlay .swiper-button-next,.jp-carousel-overlay .swiper-button-prev,.jp-carousel-overlay .swiper-container-rtl .swiper-button-next,.jp-carousel-overlay .swiper-container-rtl .swiper-button-prev{background-image:none}[data-carousel-extra]:not(.jp-carousel-wrap) img,[data-carousel-extra]:not(.jp-carousel-wrap) img+figcaption{cursor:pointer}.jp-carousel-wrap *{line-height:inherit}.jp-carousel-wrap.swiper-container{height:auto;width:100vw}.jp-carousel-overlay .swiper-zoom-container{background-position:50%;background-repeat:no-repeat;background-size:200%}.jp-carousel-overlay .swiper-slide.swiper-slide-next .swiper-zoom-container img,.jp-carousel-overlay .swiper-slide.swiper-slide-prev .swiper-zoom-container img{transition:none!important}.jp-carousel-overlay .swiper-button-next,.jp-carousel-overlay .swiper-button-prev{background-image:none;height:auto;opacity:.5;padding:20px 40px;transition:opacity .5s ease-out;width:auto}.jp-carousel-overlay .swiper-button-next:hover,.jp-carousel-overlay .swiper-button-prev:hover{opacity:1}.jp-carousel-overlay .swiper-button-next:after,.jp-carousel-overlay .swiper-button-prev:after,.jp-carousel-overlay .swiper-container-rtl .swiper-button-next:after,.jp-carousel-overlay .swiper-container-rtl .swiper-button-prev:after{content:none}.jp-carousel-overlay .swiper-button-next svg,.jp-carousel-overlay .swiper-button-prev svg{background:var(--jp-carousel-bg-color);border-radius:4px;height:30px;width:28px}.jp-carousel-overlay .swiper-button-next svg:hover,.jp-carousel-overlay .swiper-button-prev svg:hover{background:var(--jp-carousel-primary-subtle-color)}.jp-carousel-overlay{background:var(--jp-carousel-bg-color);bottom:0;direction:rtl;font-family:Helvetica Neue,sans-serif!important;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;z-index:2147483647}.jp-carousel-overlay *{box-sizing:border-box}.jp-carousel-overlay h1:before,.jp-carousel-overlay h2:before,.jp-carousel-overlay h3:before{content:none;display:none}.jp-carousel-overlay .swiper-container .swiper-button-prev{left:auto;right:0}.jp-carousel-overlay .swiper-container .swiper-button-next{left:0;right:auto}.jp-carousel-overlay .swiper-container.swiper-container-rtl .swiper-button-next,.jp-carousel-overlay .swiper-container.swiper-container-rtl .swiper-button-prev{transform:scaleX(-1)}.jp-carousel-container{display:grid;grid-template-rows:1fr 64px;height:100%}.jp-carousel-hide-controls .jp-carousel-container{grid-template-rows:1fr}.jp-carousel-hide-controls .swiper-wrapper{margin-top:-32px}.jp-carousel-hide-controls .jp-swiper-button-next,.jp-carousel-hide-controls .jp-swiper-button-prev{margin-top:-54px}.jp-carousel-msg{background-color:var(--jp-carousel-primary-color);border-right:4px solid #ffba00;box-shadow:0 1px 1px 0 #0000001a;display:inline-block;font-family:Open Sans,sans-serif;font-size:14px;font-style:normal;line-height:19px;margin:25px 2px 0 20px;padding:11px 15px;text-align:center}.jp-carousel-info{display:flex;flex-direction:column;text-align:right!important;-webkit-font-smoothing:subpixel-antialiased!important;background-color:var(--jp-carousel-bg-color);opacity:1;transition:opacity .2s ease-out;z-index:100}.jp-carousel-hide-controls .jp-carousel-info{height:0;overflow:hidden;visibility:hidden}.jp-carousel-info-footer{align-items:center;display:flex;height:64px;justify-content:space-between;position:relative}.jp-carousel-info-extra,.jp-carousel-info-footer{background-color:var(--jp-carousel-bg-color);width:100vw}.jp-carousel-info-extra{border-top:1px solid var(--jp-carousel-bg-faded-color);display:none;padding:35px}.jp-carousel-title-and-caption{margin-bottom:15px}.jp-carousel-info-extra.jp-carousel-show{display:block}.jp-carou
|