Файловый менеджер - Редактировать - /home/digitalm/www/zetaworks/wp-content/themes/uncode/library/css/style-mediaelement.css
Назад
/* ---------------------------------------------------------- #Media-Elements ---------------------------------------------------------- */ .mejs-container { clear: both; outline: 0; } .mejs-container * { font-family: Monospace, Helvetica, Arial; } .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: #222; } .mejs-controls a.mejs-horizontal-volume-slider { display: table; table-layout: fixed; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #2271B1; } .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, 0.33); } .mejs-controls .mejs-offscreen { clip: rect(1px, 1px, 1px, 1px); position: absolute; } span.mejs-offscreen { display: none; } .mejs-controls a:focus > .mejs-offscreen { background-color: #f1f1f1; clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 0; top: 15px; text-decoration: none; text-transform: none; width: auto; } .mejs-overlay-loading { background: transparent; } /* Override theme styles that may conflict with controls. */ .mejs-controls button:hover { border: none; -webkit-box-shadow: none; box-shadow: none; } .me-cannotplay { width: auto !important; } .media-embed-details .wp-audio-shortcode { display: inline-block; max-width: 400px; } .audio-details .embed-media-settings { overflow: visible; } .media-embed-details .embed-media-settings .setting span { max-width: 400px; width: auto; } .media-embed-details .embed-media-settings .checkbox-setting span { display: inline-block; } .media-embed-details .embed-media-settings { padding-top: 0; top: 28px; } .media-embed-details .instructions { padding: 16px 0; max-width: 600px; } .media-embed-details .setting p, .media-embed-details .setting a { color: #a00; font-size: 10px; text-transform: uppercase; } .media-embed-details .setting a:hover { color: #f00; } .media-embed-details .embed-media-settings .checkbox-setting { float: none; margin: 0 0 10px; } .wp-video { width: 100% !important; height: auto; } .wp-video > .mejs-offscreen { display: none; } .wp_attachment_holder .wp-video, .wp_attachment_holder .wp-audio-shortcode { margin-top: 18px; } video.wp-video-shortcode, .wp-video-shortcode video { max-width: 100%; display: inline-block; } .mejs-container:not(.mejs-container-fullscreen) video { object-fit: cover; } .video-details .wp-video-holder { width: 100%; max-width: 640px; } .wp-playlist { border: 1px solid #ccc; padding: 10px; margin: 12px 0 18px; font-size: 14px; line-height: 1.5; } .wp-admin .wp-playlist { margin: 0 0 18px; } .wp-playlist video { display: inline-block; max-width: 100%; } .wp-playlist audio { display: none; max-width: 100%; width: 400px; } .wp-playlist .mejs-container { margin: 0; width: 100%; } .wp-playlist .mejs-controls .mejs-button button { outline: 0; } .wp-playlist-light { background: #fff; color: #000; } .wp-playlist-dark { color: #fff; background: #000; } .wp-playlist-caption { display: block; max-width: 88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 1.5; } .wp-playlist-item .wp-playlist-caption { text-decoration: none; color: #000; max-width: -webkit-calc(60%); max-width: calc(60%); } .wp-playlist-item-meta { display: block; font-size: 14px; line-height: 1.5; } .wp-playlist-item-title { font-size: 14px; line-height: 1.5; } .wp-playlist-item-album { font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wp-playlist-item-artist { font-size: 12px; text-transform: uppercase; } .wp-playlist-item-length { position: absolute; right: 3px; top: 0; font-size: 14px; line-height: 1.5; } .rtl .wp-playlist-item-length { left: 3px; right: auto; } .wp-playlist-tracks { margin-top: 10px; } .wp-playlist-item { position: relative; cursor: pointer; padding: 0 3px; border-bottom: 1px solid #ccc; } .wp-playlist-item:last-child { border-bottom: 0; } .wp-playlist-light .wp-playlist-caption { color: #333; } .wp-playlist-dark .wp-playlist-caption { color: #dedede; } .wp-playlist-playing { font-weight: bold; background: #f7f7f7; } .wp-playlist-light .wp-playlist-playing { background: #fff; color: #000; } .wp-playlist-dark .wp-playlist-playing { background: #000; color: #fff; } .wp-playlist-current-item { overflow: hidden; margin-bottom: 10px; height: 60px; } .wp-playlist .wp-playlist-current-item img { float: left; max-width: 60px; height: auto; margin-right: 10px; padding: 0; border: 0; } .rtl .wp-playlist .wp-playlist-current-item img { float: right; margin-left: 10px; margin-right: 0; } .wp-playlist-current-item .wp-playlist-item-title, .wp-playlist-current-item .wp-playlist-item-artist { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wp-audio-playlist .me-cannotplay span { padding: 5px 15px; } .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { overflow: hidden!important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: 0; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; height: 100% !important; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px !important; font-size: 35px; border: 3px solid white; color: white !important; border-radius: 50%; background-clip: padding-box; line-height: 53px; text-indent: 17px; opacity: .8; transition: opacity 0.4s; } .mejs-overlay-button:before { content: "\f04b"; font-family: 'uncodeicon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mejs-overlay:hover .mejs-overlay-button { opacity: 1; } .mejs-overlay-loading:before { background-image: url(../img/oval-anim-dark.svg); background-repeat: no-repeat; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 50%; left: 50%; width: 38px; height: 38px; margin-top: -19px; margin-left: -19px; content: ""; filter: brightness(2); } .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background-color: #1b1d1f; height: 30px; width: 100%; transition: opacity 0.4s; } .mejs-container.wp-video-shortcode .mejs-controls { opacity: 0; } .mejs-container:hover .mejs-controls { opacity: 1; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; text-decoration: none; margin: 7px 5px !important; padding: 0 !important; position: absolute !important; height: 16px !important; width: 16px !important; border: 0 !important; line-height: 16px; text-indent: 2px; background: transparent !important; } .mejs-controls .mejs-button button:before { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: white; z-index: 6; font-family: 'uncodeicon'; font-size: 14px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } .mejs-controls .mejs-play button:before { content: "\e098"; text-indent: 4px; } .mejs-controls .mejs-pause button:before { content: "\e099"; } .mejs-controls .mejs-stop button:before { content: "\e09a"; } .mejs-controls div.mejs-time-rail { direction: ltr; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: calc(100% - 166px); padding-top: 9px; position: relative; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 100%; height: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px 0 0; background: #222324; outline: 0; } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 15px 15px; animation: buffering-stripes 2s linear infinite; } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { width: 0; } .mejs-time-current, .mejs-time-buffering, .mejs-time-loaded, .mejs-time-hovered { left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0.15s ease-in all; transition: 0.15s ease-in all; width: 100%; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; width: 36px; height: 17px; top: -13px; margin-left: -18px; text-align: center; color: white; outline: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: none; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } .mejs-controls .mejs-fullscreen-button button:before { content: "\e110"; } .mejs-controls .mejs-unfullscreen button:before { content: "\e111"; } .mejs-controls .mejs-mute button:before { content: "\e0c6"; } .mejs-controls .mejs-unmute button:before { content: "\e0c7"; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: rgba(50, 50, 50, 0.7); top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #777; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 0; width: 2px; height: 100px; background: #ddd; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 1px; width: 16px; height: 6px; background: #ddd; cursor: N-resize; margin: -3px 0 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; display: block; float: left; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 14px; width: 50px; height: 2px; margin: 0; padding: 0; font-size: 1px; background: #222324; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 14px; width: 50px; height: 2px; margin: 0; padding: 0; font-size: 1px; background: #fff; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none!important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none!important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(background.png); background: rgba(20, 20, 20, 0.8); } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none!important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none!important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } video.background-video-shortcode::-webkit-media-controls { display: none !important; } video.background-video-shortcode { margin-left: 0 !important; width: 100%; height: 100%; object-fit: cover; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.04 |
proxy
|
phpinfo
|
Настройка