95 lines
1.7 KiB
SCSS
95 lines
1.7 KiB
SCSS
@import '../../../../node_modules/blueimp-gallery/css/blueimp-gallery';
|
|
|
|
.blueimp-gallery > .slides > .slide-loading {
|
|
background-image: url(img/loading.gif);
|
|
}
|
|
.blueimp-gallery > .slides > .slide-error {
|
|
background-image: url(img/error.png);
|
|
}
|
|
.blueimp-gallery > .play-pause {
|
|
background-image: url(img/play-pause.png);
|
|
}
|
|
body:last-child .blueimp-gallery > .slides > .slide-error {
|
|
background-image: url(img/error.svg);
|
|
}
|
|
body:last-child .blueimp-gallery > .play-pause {
|
|
background-image: url(img/play-pause.svg);
|
|
}
|
|
|
|
.blueimp-gallery {
|
|
a.close,
|
|
a.prev,
|
|
a.next {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.prev,
|
|
.next {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
.blueimp-gallery a.close {
|
|
&:hover,
|
|
&:focus {
|
|
opacity: .5 !important;
|
|
}
|
|
}
|
|
|
|
.blueimp-gallery-carousel {
|
|
box-shadow: none;
|
|
}
|
|
|
|
[dir=rtl] {
|
|
.blueimp-gallery {
|
|
direction: rtl;
|
|
}
|
|
.blueimp-gallery > .slides > .slide {
|
|
float: right;
|
|
}
|
|
.blueimp-gallery > .prev,
|
|
.blueimp-gallery > .next {
|
|
left: auto;
|
|
right: 15px;
|
|
}
|
|
.blueimp-gallery > .next {
|
|
right: auto;
|
|
left: 15px;
|
|
}
|
|
.blueimp-gallery > .play-pause {
|
|
transform: scaleX(-1);
|
|
}
|
|
.blueimp-gallery > .close,
|
|
.blueimp-gallery > .title {
|
|
left: auto;
|
|
right: 15px;
|
|
margin-right: 0;
|
|
margin-left: 40px;
|
|
}
|
|
.blueimp-gallery > .close {
|
|
left: 15px;
|
|
right: auto;
|
|
margin: -15px;
|
|
}
|
|
.blueimp-gallery > .play-pause {
|
|
right: auto;
|
|
left: 15px;
|
|
}
|
|
}
|
|
|
|
.default-style {
|
|
@import "../../css/_appwork/include";
|
|
|
|
.blueimp-gallery:not(.blueimp-gallery-carousel) {
|
|
z-index: $zindex-modal-top;
|
|
}
|
|
}
|
|
|
|
.material-style {
|
|
@import "../../css/_appwork/include-material";
|
|
|
|
.blueimp-gallery:not(.blueimp-gallery-carousel) {
|
|
z-index: $zindex-modal-top;
|
|
}
|
|
}
|