File: /var/www/virtual/mariaellingsen.com/htdocs/wp-content/plugins/soliloquy/assets/scss/soliloquy.scss
.soliloquy-container,
.soliloquy-container * {
background: 0 0;
border: 0 none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
float: none;
font-size: 100%;
height: auto;
letter-spacing: normal;
list-style: none;
outline: 0;
position: static;
text-decoration: none;
text-indent: 0;
text-shadow: none;
text-transform: none;
width: auto;
visibility: visible;
overflow: visible;
margin: 0;
padding: 0;
line-height: 1;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
}
.soliloquy-container {
position: relative;
background: transparent url(images/preloader.gif) no-repeat scroll 50% 50%;
z-index: 0;
width: 100%;
max-width: 100%;
opacity: 0;
-ms-filter: 'alpha(Opacity=0)';
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
}
.soliloquy-container:after {
display: none;
height: 0;
line-height: 0;
visibility: hidden;
}
.soliloquy-container .soliloquy-wrap {
width: 100%;
position: relative;
margin: 0;
padding: 0;
list-style: none !important;
height: 100%;
zoom: 1;
*zoom: 1;
}
.soliloquy-container .soliloquy-viewport {
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.soliloquy-clear {
clear: both;
}
.soliloquy-clear:after {
clear: both;
content: '.';
display: block;
height: 0;
line-height: 0;
overflow: auto;
visibility: hidden;
zoom: 1;
}
.soliloquy-hide {
display: none;
}
.soliloquy-container a {
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.soliloquy-container .soliloquy-item,
.soliloquy-container .soliloquy-wrapper {
width: 100%;
position: relative;
margin: 0;
padding: 0;
list-style: none !important;
zoom: 1;
*zoom: 1;
}
.soliloquy-container .soliloquy-item {
min-height: 1px;
min-width: 1px;
float: left;
}
.no-js .soliloquy-container .soliloquy-slides > li:first-child,
.soliloquy-container .soliloquy-item.soliloquy-active-slide {
display: block;
}
.soliloquy-container .soliloquy-item:after {
content: '.';
position: absolute;
bottom: 0;
left: 0;
z-index: -1000;
visibility: hidden;
opacity: 0;
-ms-filter: 'alpha(Opacity=0)';
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
height: 0;
line-height: 0;
}
.soliloquy-container .soliloquy-item > a {
display: block;
outline: 0;
width: 100%;
position: relative;
}
.soliloquy-container .soliloquy-clone {
display: block;
}
.soliloquy-carousel .soliloquy-container .soliloquy-clone {
display: block;
}
.soliloquy-container .soliloquy-image {
max-width: 100%;
display: block;
height: auto;
margin: 0 auto;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
}
.soliloquy-container .soliloquy-prev {
display: block;
width: 32px;
height: 32px;
position: absolute;
top: 50%;
margin-top: -16px;
left: 10px;
z-index: 1320;
background: rgba(0, 0, 0, 0.7) url(images/left.png) no-repeat scroll 50%
50%;
}
.soliloquy-container .soliloquy-next {
display: block;
width: 32px;
height: 32px;
position: absolute;
top: 50%;
margin-top: -16px;
right: 10px;
z-index: 1320;
background: rgba(0, 0, 0, 0.7) url(images/right.png) no-repeat scroll 50%
50%;
}
.soliloquy-container .soliloquy-next.disabled,
.soliloquy-container .soliloquy-prev.disabled {
cursor: default;
pointer-events: none;
opacity: 0.3;
-ms-filter: 'alpha(Opacity=30)';
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
}
.soliloquy-container a.soliloquy-next:focus,
.site a.soliloquy-next:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: rgba(0, 0, 0, 0.7) url(images/right.png) no-repeat scroll 50% 50%;
}
.soliloquy-container a.soliloquy-prev:focus,
.site a.soliloquy-prev:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: rgba(0, 0, 0, 0.7) url(images/left.png) no-repeat scroll 50% 50%;
}
.soliloquy-container .soliloquy-pager {
width: 100%;
margin: 0 auto;
text-align: center;
position: absolute;
bottom: 10px;
height: 14px;
}
.soliloquy-container .soliloquy-pager-item {
display: inline-block;
margin: 0 0 0 7px;
position: relative;
z-index: 1320;
a {
border: none;
}
}
.soliloquy-container .soliloquy-pager-item:first-child {
margin-left: 0;
}
.soliloquy-container .soliloquy-pager-link {
background: url(images/circle.png) no-repeat scroll 0 0;
width: 14px;
height: 14px;
display: block;
outline: 0;
text-indent: -9999px;
}
.soliloquy-container .soliloquy-pager-link.active,
.soliloquy-container .soliloquy-pager-link:hover {
background-image: url(images/circle-hover.png);
}
.soliloquy-container .soliloquy-controls-auto-item {
display: block;
width: 32px;
height: 32px;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1220;
}
.soliloquy-container .soliloquy-stop {
display: block;
width: 32px;
height: 32px;
background: rgba(0, 0, 0, 0.7) url(images/pause.png) no-repeat scroll 50%
50%;
}
.soliloquy-container .soliloquy-start {
display: block;
width: 32px;
height: 32px;
background: rgba(0, 0, 0, 0.7) url(images/play.png) no-repeat scroll 50%
50%;
}
/**
* Captions
*/
.soliloquy-container .soliloquy-caption {
position: absolute;
z-index: 1120;
/**
* Caption Position
*/
&.soliloquy-caption-top {
width: 100%;
top: 0;
}
&.soliloquy-caption-bottom {
width: 100%;
bottom: 0;
}
&.soliloquy-caption-left {
width: 30%;
height: 100%;
left: 0;
top: 0;
.soliloquy-caption-inside {
height: 100%;
}
}
&.soliloquy-caption-right {
width: 30%;
height: 100%;
right: 0;
top: 0;
.soliloquy-caption-inside {
height: 100%;
}
}
/**
* Inner Caption
*/
.soliloquy-caption-inside {
background: rgba(0, 0, 0, 0.5);
font-size: 1em;
line-height: 1.25;
display: block;
color: #fff;
text-shadow: 0 1px 1px #000;
text-align: center;
padding: 10px;
}
}
.soliloquy-container .soliloquy-controls {
opacity: 0;
-ms-filter: 'alpha(Opacity=0)';
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
}
.soliloquy-container .soliloquy-video-icon {
margin: 0;
padding: 0;
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1200;
background: transparent url(images/video.png) no-repeat scroll 50% 50%;
width: 100%;
height: 100%;
}
.soliloquy-container .soliloquy-video-holder {
margin: 0;
padding: 0;
position: absolute;
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1200;
background: 0 0;
width: 100%;
height: 100%;
background: black;
}
/**
* Removed From No-Scripts
*/
.soliloquy-container.no-js {
li > .solilioquy-caption {
display: none;
}
li:first-child > .soliloquy-caption {
display: block;
}
}
/**
* Local Video
*/
.soliloquy-container video {
position: relative;
width: 100%;
}
.soliloquy-container div.mejs-container div.mejs-controls {
z-index: 1211; /* Ensures controls display above video itself, which has z-index = 1210 when initialised */
}
.soliloquy-container .soliloquy-html-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1000;
}
.soliloquy-container .soliloquy-html-content iframe,
.soliloquy-container .soliloquy-html-content object,
.soliloquy-container .soliloquy-html-content video {
width: 100%;
height: 100%;
}
.soliloquy-fc-slider .soliloquy-caption-inside {
text-align: left;
}
.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title,
.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title-link {
font-size: 1.2em;
font-weight: 700;
margin-bottom: 1em;
color: #fff;
}
.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-title-link {
font-size: 1em;
}
.soliloquy-fc-slider .soliloquy-caption-inside .soliloquy-fc-read-more {
font-weight: 700;
color: #fff;
}
/**
* RTL
*/
.soliloquy-rtl {
/**
* Pager
* - add margin to first child
* - remove margin from last child
*/
.soliloquy-pager-item:first-child {
margin-left: 7px;
}
.soliloquy-pager-item:last-child {
margin-left: 0;
}
/**
* Direction Controls
* - swap left + right controls over
*/
.soliloquy-next {
left: 10px;
right: auto;
background-image: url(images/left.png);
}
.soliloquy-prev {
right: 10px;
left: auto;
background-image: url(images/right.png);
}
a.soliloquy-next:focus,
a.soliloquy-prev:focus {
background-color: transparent;
}
/**
* Thumbnails
* - float right so they display
*/
.soliloquy-thumbnails-item {
float: right !important;
}
}
.rtl {
/**
* Pager
* - add margin to first child
* - remove margin from last child
*/
.soliloquy-pager-item:first-child {
margin-left: 7px;
}
.soliloquy-pager-item:last-child {
margin-left: 0;
}
/**
* Direction Controls
* - swap left + right controls over
*/
.soliloquy-next {
left: 10px;
right: auto;
background-image: url(images/left.png);
}
.soliloquy-prev {
right: 10px;
left: auto;
background-image: url(images/right.png);
}
/**
* Thumbnails
* - float right so they display
*/
.soliloquy-thumbnails-item {
float: right !important;
}
}
/**
* Thumbnails
*/
.soliloquy-thumbnails-outer-container {
position: relative;
z-index: 1;
max-width: 100%;
max-height: none;
height: auto;
&:after {
visibility: hidden;
display: block;
font-size: 0;
content: ' ';
clear: both;
height: 0;
}
/**
* Thumbnail Image Opacity
*/
.soliloquy-thumbnails-container {
box-sizing: border-box;
.soliloquy-item {
opacity: 0.5;
}
.soliloquy-active-slide,
.soliloquy-item:hover {
opacity: 1;
}
}
/**
* Thumbnails: Left + Right
*/
&.soliloquy-thumbnails-position-left,
&.soliloquy-thumbnails-position-right {
/**
* Slider Container
*/
.soliloquy-container {
position: absolute;
z-index: 1;
&.soliloquy-fullscreen {
position: relative;
}
}
/**
* Thumbnails Container
*/
.soliloquy-thumbnails-container {
position: relative;
z-index: 3;
margin: 0 !important;
padding: 32px 0 !important;
/**
* Thumbnails
*/
.soliloquy-viewport {
z-index: 2;
}
/**
* Navigation Arrows
*/
.soliloquy-controls {
position: absolute;
z-index: 1;
top: 0;
width: 100%;
height: 100%;
.soliloquy-prev {
position: absolute;
top: -32px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(images/up.png);
}
.soliloquy-next {
position: absolute;
top: auto;
bottom: -32px;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(images/down.png);
}
}
}
}
/**
* Thumbnails: Left
*/
&.soliloquy-thumbnails-position-left {
/**
* Thumbnails Container
*/
.soliloquy-thumbnails-container {
float: left;
}
}
/**
* Thumbnails: Right
*/
&.soliloquy-thumbnails-position-right {
/**
* Thumbnails Container
*/
.soliloquy-thumbnails-container {
float: right;
}
}
}
.soliloquy-fullscreen-outer-container.soliloquy-thumbnails-position-bottom {
.soliloquy-thumbnails-container {
z-index: 3;
position: absolute;
bottom: 70px;
max-width: 100% !important;
}
}
.soliloquy-fullscreen-outer-container.soliloquy-thumbnails-position-top {
.soliloquy-thumbnails-container {
z-index: 3;
position: absolute;
top: 70px;
max-width: 100% !important;
}
}
.soliloquy-fullscreen-outer-container.soliloquy-thumbnails-position-left {
.soliloquy-thumbnails-container {
z-index: 3;
position: absolute;
left: 70px;
float: none;
top: 25%;
transform: translateY(-50%);
}
}
.soliloquy-fullscreen-outer-container.soliloquy-thumbnails-position-right {
.soliloquy-thumbnails-container {
z-index: 3;
position: absolute;
right: 70px;
float: none;
left: auto;
text-align: right;
top: 25%;
transform: translateY(-50%);
}
}
.soliloquy-theme-base {
.soliloquy-caption-bottom {
.soliloquy-caption-inside {
padding-bottom: 28px;
}
}
}
/**
* Retina
*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
.soliloquy-container {
background-image: url(images/preloader@2x.gif);
background-size: 16px 16px;
}
.soliloquy-container .soliloquy-prev {
background-image: url(images/left@2x.png);
background-size: 10px 14px;
}
.soliloquy-container .soliloquy-next {
background-image: url(images/right@2x.png);
background-size: 10px 14px;
}
.soliloquy-container .soliloquy-pager-link {
background-image: url(images/circle@2x.png);
background-size: 14px 14px;
}
.soliloquy-container .soliloquy-pager-link.active,
.soliloquy-container .soliloquy-pager-link:hover {
background-image: url(images/circle-hover@2x.png);
background-size: 14px 14px;
}
.soliloquy-container .soliloquy-stop {
background-image: url(images/pause@2x.png);
background-size: 9px 14px;
}
.soliloquy-container .soliloquy-start {
background-image: url(images/play@2x.png);
background-size: 14px 14px;
}
.soliloquy-container .soliloquy-video-icon {
background-image: url(images/video@2x.png);
background-size: 50px 50px;
}
.soliloquy-thumbnails-position-right,
.soliloquy-thumbnails-position-left {
.soliloquy-prev {
background-size: 50% !important;
}
.soliloquy-next {
background-size: 50% !important;
}
}
}
/**
* Mobile
*/
@media (max-width: 600px) {
/**
* Hide Elements
*/
.soliloquy-container .soliloquy-caption,
.soliloquy-container .soliloquy-controls-auto,
.soliloquy-container .soliloquy-pager {
display: none;
}
.soliloquy-fullscreen-outer-container.soliloquy-thumbnails-position-left {
.soliloquy-thumbnails-container {
left: 0px;
top: 25%;
transform: translateY(-50%);
.soliloquy-wrapper {
max-width: 25% !important;
}
}
}
.soliloquy-fullscreen-outer-container.soliloquy-thumbnails-position-right {
.soliloquy-thumbnails-container {
z-index: 3;
right: 20px;
text-align: right;
top: 25%;
transform: translateY(-50%);
.soliloquy-wrapper {
max-width: 25% !important;
}
}
}
/**
* Force caption to display if enabled
*/
.soliloquy-caption.soliloquy-caption-mobile {
display: block;
}
/**
* RTL
*/
.soliloquy-rtl {
/**
* Pager
* - add margin to first child
* - remove margin from last child
*/
.soliloquy-pager-item:first-child {
margin-left: 7px;
}
.soliloquy-pager-item:last-child {
margin-left: 0;
}
/**
* Direction Controls
* - swap left + right controls over
*/
.soliloquy-next {
left: 10px;
right: auto;
background-image: url(images/left.png);
}
.soliloquy-prev {
right: 10px;
left: auto;
background-image: url(images/right.png);
}
/**
* Thumbnails
* - float right so they display
*/
.soliloquy-thumbnails-item {
float: right !important;
}
}
.rtl {
/**
* Pager
* - add margin to first child
* - remove margin from last child
*/
.soliloquy-pager-item:first-child {
margin-left: 7px;
}
.soliloquy-pager-item:last-child {
margin-left: 0;
}
/**
* Direction Controls
* - swap left + right controls over
*/
.soliloquy-next {
left: 10px;
right: auto;
background-image: url(images/left.png);
}
.soliloquy-prev {
right: 10px;
left: auto;
background-image: url(images/right.png);
}
/**
* Thumbnails
* - float right so they display
*/
.soliloquy-thumbnails-item {
float: right !important;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
.soliloquy-container .soliloquy-video-icon {
background-image: url(images/video.png);
background-size: 25px 25px;
}
}
}