| Current Path : /home/megadansyp/www/media/plg_system_jcemediabox/themes/shadow/css/ |
| Current File : /home/megadansyp/www/media/plg_system_jcemediabox/themes/shadow/css/styles.css |
/**
* @package JCE MediaBox
* @copyright Copyright (C) 2009 - 2023 Ryan Demmer. All rights reserved.
* @license GNU/GPL
* This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
*/
.wf-mediabox-theme-shadow .wf-mediabox-body {
box-shadow: none;
}
.wf-mediabox-theme-shadow .wf-mediabox-body:after {
background-color: #000;
}
.wf-mediabox-theme-shadow .wf-mediabox-container {
border: 1px solid #666666;
border-radius: 0;
padding: 0;
}
.wf-mediabox-theme-shadow .wf-mediabox-container.wf-mediabox-loading {
background-color: #000000;
}
.wf-mediabox-theme-shadow .wf-mediabox-loader {
text-align: center;
z-index: auto;
}
.wf-mediabox-theme-shadow .wf-mediabox-cancel {
cursor: pointer;
color: #ffffff;
z-index: 1;
top: calc(50% - 3rem);
}
.wf-mediabox-theme-shadow .wf-mediabox-cancel:hover {
color: #fff;
text-decoration: underline;
}
.wf-mediabox-theme-shadow .wf-mediabox-cancel:active,
.wf-mediabox-theme-shadow .wf-mediabox-cancel:visited {
text-decoration: none;
color: #ffffff;
}
.wf-mediabox-theme-shadow .wf-mediabox-info-bottom,
.wf-mediabox-theme-shadow .wf-mediabox-nav {
padding: 0;
background-color: transparent;
}
.wf-mediabox-theme-shadow .wf-mediabox-prev,
.wf-mediabox-theme-shadow .wf-mediabox-next,
.wf-mediabox-theme-shadow .wf-mediabox-close {
display: block;
z-index: 1;
float: right;
position: relative;
border: none;
border-radius: 0;
background-color: transparent;
left: auto;
top: 0;
color: #fff;
}
.wf-mediabox-theme-shadow .wf-mediabox-prev:hover,
.wf-mediabox-theme-shadow .wf-mediabox-next:hover,
.wf-mediabox-theme-shadow .wf-mediabox-close:hover,
.wf-mediabox-theme-shadow .wf-mediabox-prev:focus,
.wf-mediabox-theme-shadow .wf-mediabox-next:focus,
.wf-mediabox-theme-shadow .wf-mediabox-close:focus {
background-color: transparent;
color: #888;
}
.wf-mediabox-theme-shadow .wf-mediabox-prev:hover svg,
.wf-mediabox-theme-shadow .wf-mediabox-next:hover svg,
.wf-mediabox-theme-shadow .wf-mediabox-close:hover svg,
.wf-mediabox-theme-shadow .wf-mediabox-prev:focus svg,
.wf-mediabox-theme-shadow .wf-mediabox-next:focus svg,
.wf-mediabox-theme-shadow .wf-mediabox-close:focus svg {
fill: #888;
}
.wf-mediabox-theme-shadow .wf-mediabox-prev > svg,
.wf-mediabox-theme-shadow .wf-mediabox-next > svg,
.wf-mediabox-theme-shadow .wf-mediabox-close > svg {
width: 1em;
height: 1em;
line-height: 1;
margin-bottom: 2px;
fill: #fff;
}
.wf-mediabox-theme-shadow .wf-mediabox-prev::after,
.wf-mediabox-theme-shadow .wf-mediabox-next::after,
.wf-mediabox-theme-shadow .wf-mediabox-close::after {
color: #fff;
display: block;
font-family: Arial;
font-weight: bold;
line-height: 2;
text-align: center;
text-decoration: none;
}
.wf-mediabox-theme-shadow .wf-mediabox-prev:focus::after,
.wf-mediabox-theme-shadow .wf-mediabox-next:focus::after,
.wf-mediabox-theme-shadow .wf-mediabox-close:focus::after {
color: #888;
}
.wf-mediabox-theme-shadow .wf-mediabox-close:after {
content: "\00d7";
line-height: 1;
font-size: 1.75em;
}
.wf-mediabox-theme-shadow .wf-mediabox-numbers {
text-align: left;
display: block;
color: #ffffff;
margin-right: 6em;
float: left;
line-height: 2em;
top: 0;
margin-top: 0;
}
.wf-mediabox-theme-shadow .wf-mediabox-numbers button {
color: #fff;
}
.wf-mediabox-theme-shadow .wf-mediabox-numbers button.active {
border: 0 none;
background: transparent;
text-decoration: underline;
}
.wf-mediabox-theme-shadow .wf-mediabox-numbers button:focus {
color: #888;
text-decoration: underline;
border: 0 none;
background: transparent;
}
.wf-mediabox-theme-shadow .wf-mediabox-numbers a {
text-decoration: none;
color: #ffffff;
}
.wf-mediabox-theme-shadow .wf-mediabox-numbers a:active,
.wf-mediabox-theme-shadow .wf-mediabox-numbers a:visited,
.wf-mediabox-theme-shadow .wf-mediabox-numbers a:link,
.wf-mediabox-theme-shadow .wf-mediabox-numbers a:hover {
text-decoration: none;
color: #ffffff;
}
.wf-mediabox-theme-shadow .wf-mediabox-caption {
padding: 0px;
min-height: 2em;
background-color: transparent;
}
.wf-mediabox-theme-shadow .wf-mediabox-caption h4,
.wf-mediabox-theme-shadow .wf-mediabox-caption p {
color: #ffffff;
}
.wf-mediabox-theme-shadow .wf-mediabox-caption h4 a,
.wf-mediabox-theme-shadow .wf-mediabox-caption p a {
color: #ffffff;
text-decoration: underline;
}
.wf-mediabox-theme-shadow .wf-mediabox-caption h4 a:active,
.wf-mediabox-theme-shadow .wf-mediabox-caption p a:active,
.wf-mediabox-theme-shadow .wf-mediabox-caption h4 a:hover,
.wf-mediabox-theme-shadow .wf-mediabox-caption p a:hover,
.wf-mediabox-theme-shadow .wf-mediabox-caption h4 a:visited,
.wf-mediabox-theme-shadow .wf-mediabox-caption p a:visited {
color: #ffffff;
}
.wf-mediabox-theme-shadow .wf-mediabox-content-ajax {
margin: 0.5em;
}
.wf-mediabox-theme-shadow .wf-mediabox-content a[download] {
position: fixed;
top: 0;
right: 0;
color: #fff;
}
.wf-mediabox-theme-shadow .wf-mediabox-content img.wf-mediabox-focus {
border: 2px solid #fff;
}