diff options
| author | Charles Cabergs <me@cacharle.xyz> | 2020-07-27 10:05:23 +0200 |
|---|---|---|
| committer | Charles Cabergs <me@cacharle.xyz> | 2020-07-27 10:05:23 +0200 |
| commit | 5bf66662a9bdd62c5bccab15e607cd95cfb8fcab (patch) | |
| tree | 39a1a4629749056191c05dfd899f931701b7acf3 /srcs/wordpress/wp-includes/css/media-views.css | |
| parent | 5afd237bbd22028b85532b8c0b3fcead49a00764 (diff) | |
| download | ft_server-5bf66662a9bdd62c5bccab15e607cd95cfb8fcab.tar.gz ft_server-5bf66662a9bdd62c5bccab15e607cd95cfb8fcab.tar.bz2 ft_server-5bf66662a9bdd62c5bccab15e607cd95cfb8fcab.zip | |
Removed wordpress and phpmyadmin, my server doesn't handle it well and it brings shame on my famillyHEADmaster
Diffstat (limited to 'srcs/wordpress/wp-includes/css/media-views.css')
| -rw-r--r-- | srcs/wordpress/wp-includes/css/media-views.css | 2816 |
1 files changed, 0 insertions, 2816 deletions
diff --git a/srcs/wordpress/wp-includes/css/media-views.css b/srcs/wordpress/wp-includes/css/media-views.css deleted file mode 100644 index fbacc62..0000000 --- a/srcs/wordpress/wp-includes/css/media-views.css +++ /dev/null @@ -1,2816 +0,0 @@ -/** - * Base Styles - */ -.media-modal * { - box-sizing: content-box; -} - -.media-modal input, -.media-modal select, -.media-modal textarea { - box-sizing: border-box; -} - -.media-modal, -.media-frame { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 12px; - -webkit-overflow-scrolling: touch; -} - -.media-modal legend { - padding: 0; - font-size: 13px; -} - -.media-modal label { - font-size: 13px; -} - -.media-modal .legend-inline { - position: absolute; - transform: translate(-100%, 50%); - margin-left: -1%; - line-height: 1.2; -} - -.media-frame a { - border-bottom: none; - color: #0073aa; -} - -.media-frame a:hover, -.media-frame a:active { - color: #00a0d2; -} - -.media-frame a:focus { - box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); - color: #124964; - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -.media-frame a.button { - color: #32373c; -} - -.media-frame a.button:hover { - color: #23282d; -} - -.media-frame a.button-primary, -.media-frame a.button-primary:hover { - color: #fff; -} - -.media-frame input, -.media-frame textarea { - padding: 6px 8px; -} - -.media-frame select, -.wp-admin .media-frame select { - min-height: 30px; - vertical-align: middle; -} - -.media-frame input[type="text"], -.media-frame input[type="password"], -.media-frame input[type="color"], -.media-frame input[type="date"], -.media-frame input[type="datetime"], -.media-frame input[type="datetime-local"], -.media-frame input[type="email"], -.media-frame input[type="month"], -.media-frame input[type="number"], -.media-frame input[type="search"], -.media-frame input[type="tel"], -.media-frame input[type="time"], -.media-frame input[type="url"], -.media-frame input[type="week"], -.media-frame textarea, -.media-frame select { - box-shadow: 0 0 0 transparent; - border-radius: 4px; - border: 1px solid #7e8993; - background-color: #fff; - color: #32373c; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; -} - -.media-frame input[type="text"], -.media-frame input[type="password"], -.media-frame input[type="date"], -.media-frame input[type="datetime"], -.media-frame input[type="datetime-local"], -.media-frame input[type="email"], -.media-frame input[type="month"], -.media-frame input[type="number"], -.media-frame input[type="search"], -.media-frame input[type="tel"], -.media-frame input[type="time"], -.media-frame input[type="url"], -.media-frame input[type="week"] { - padding: 0 8px; - /* inherits font size 13px */ - line-height: 2.15384615; /* 28px */ -} - -/* Search field in the Media Library toolbar */ -.media-frame.mode-grid .wp-filter input[type="search"] { - font-size: 14px; - line-height: 2; -} - -.media-frame input[type="text"]:focus, -.media-frame input[type="password"]:focus, -.media-frame input[type="number"]:focus, -.media-frame input[type="search"]:focus, -.media-frame input[type="email"]:focus, -.media-frame input[type="url"]:focus, -.media-frame textarea:focus, -.media-frame select:focus { - border-color: #007cba; - box-shadow: 0 0 0 1px #007cba; - outline: 2px solid transparent; -} - -.media-frame input:disabled, -.media-frame textarea:disabled, -.media-frame input[readonly], -.media-frame textarea[readonly] { - background-color: #eee; -} - -.media-frame input[type="search"] { - -webkit-appearance: textfield; -} - -.media-frame ::-webkit-input-placeholder { - color: #72777c; -} - -.media-frame ::-moz-placeholder { - color: #72777c; - opacity: 1; -} - -.media-frame :-ms-input-placeholder { - color: #72777c; -} - -/* - * In some cases there's the need of higher specificity, - * for example higher than `.media-embed .setting`. - */ -.media-frame .hidden, -.media-frame .setting.hidden { - display: none; -} - -/*! - * jQuery UI Draggable/Sortable 1.11.4 - * http://jqueryui.com - * - * Copyright jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - */ -.ui-draggable-handle, -.ui-sortable-handle { - touch-action: none; -} - -/** - * Modal - */ -.media-modal { - position: fixed; - top: 30px; - left: 30px; - right: 30px; - bottom: 30px; - z-index: 160000; -} - -.wp-customizer .media-modal { - z-index: 560000; -} - -.media-modal-backdrop { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - min-height: 360px; - background: #000; - opacity: 0.7; - z-index: 159900; -} - -.wp-customizer .media-modal-backdrop { - z-index: 559900; -} - -.media-modal-close { - position: absolute; - top: 0; - right: 0; - width: 50px; - height: 50px; - margin: 0; - padding: 0; - border: 1px solid transparent; - background: none; - color: #666; - z-index: 1000; - cursor: pointer; - outline: none; - transition: color .1s ease-in-out, background .1s ease-in-out; -} - -.media-modal-close:hover, -.media-modal-close:active { - color: #00a0d2; -} - -.media-modal-close:focus { - color: #00a0d2; - border-color: #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.media-modal-close span.media-modal-icon { - background-image: none; -} - -.media-modal-close .media-modal-icon:before { - content: "\f158"; - font: normal 20px/1 dashicons; - speak: none; - vertical-align: middle; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.media-modal-content { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: auto; - min-height: 300px; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7); - background: #fcfcfc; - -webkit-font-smoothing: subpixel-antialiased; -} - -.media-modal-content .media-frame select.attachment-filters { - margin-top: 32px; - margin-right: 2%; - width: 42%; - width: calc(48% - 12px); -} - -.media-modal-content .attachments-browser .search { - width: 100%; -} - -/* higher specificity */ -.wp-core-ui .media-modal-icon { - background-image: url(../images/uploader-icons.png); - background-repeat: no-repeat; -} - -/** - * Toolbar - */ -.media-toolbar { - position: absolute; - top: 0; - left: 0; - right: 0; - z-index: 100; - height: 60px; - padding: 0 16px; - border: 0 solid #ddd; - overflow: hidden; -} - -.media-frame-toolbar .media-toolbar { - top: auto; - bottom: -45px; - height: auto; - overflow: visible; - border-top: 1px solid #ddd; -} - -.media-toolbar-primary { - float: right; - height: 100%; - position: relative; -} - -.media-toolbar-secondary { - float: left; - height: 100%; -} - -.media-toolbar-primary > .media-button, -.media-toolbar-primary > .media-button-group { - margin-left: 10px; - float: left; - margin-top: 15px; -} - -.media-toolbar-secondary > .media-button, -.media-toolbar-secondary > .media-button-group { - margin-right: 10px; - margin-top: 15px; -} - -/** - * Sidebar - */ -.media-sidebar { - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 267px; - padding: 0 16px 24px; - z-index: 75; - background: #f3f3f3; - border-left: 1px solid #ddd; - overflow: auto; - -webkit-overflow-scrolling: touch; -} - -.hide-toolbar .media-sidebar { - bottom: 0; -} - -.media-sidebar h2, -.image-details h2 { - position: relative; - font-weight: 600; - text-transform: uppercase; - font-size: 12px; - color: #666; - margin: 24px 0 8px; -} - -.media-sidebar .setting, -.attachment-details .setting { - display: block; - float: left; - width: 100%; - margin: 0 0 10px; -} - -.media-sidebar .collection-settings .setting { - margin: 1px 0; -} - -.media-sidebar .setting.has-description, -.attachment-details .setting.has-description { - margin-bottom: 5px; -} - -.media-sidebar .setting .link-to-custom { - margin: 3px 2px 0; -} - -.media-sidebar .setting span, /* Back-compat for pre-5.3 */ -.attachment-details .setting span, /* Back-compat for pre-5.3 */ -.media-sidebar .setting .name, -.media-sidebar .setting .value, -.attachment-details .setting .name { - min-width: 30%; - margin-right: 4%; - font-size: 12px; - text-align: right; - word-wrap: break-word; -} - -.media-sidebar .setting .name { - max-width: 80px; -} - -.media-sidebar .setting .value { - text-align: left; -} - -.media-sidebar .setting select { - max-width: 65%; -} - -.media-sidebar .setting input[type="checkbox"], -.media-sidebar .field input[type="checkbox"], -.media-sidebar .setting input[type="radio"], -.media-sidebar .field input[type="radio"], -.attachment-details .setting input[type="checkbox"], -.attachment-details .field input[type="checkbox"], -.attachment-details .setting input[type="radio"], -.attachment-details .field input[type="radio"] { - float: none; - margin: 8px 3px 0; - padding: 0; -} - -.media-sidebar .setting span, /* Back-compat for pre-5.3 */ -.attachment-details .setting span, /* Back-compat for pre-5.3 */ -.media-sidebar .setting .name, -.media-sidebar .setting .value, -.media-sidebar .checkbox-label-inline, -.attachment-details .setting .name, -.attachment-details .setting .value, -.compat-item label span { - float: left; - min-height: 22px; - padding-top: 8px; - line-height: 1.33333333; - font-weight: 400; - color: #666; -} - -.media-sidebar .checkbox-label-inline { - font-size: 12px; -} - -.compat-item label span { - text-align: right; -} - -.media-sidebar .setting input[type="text"], -.media-sidebar .setting input[type="password"], -.media-sidebar .setting input[type="email"], -.media-sidebar .setting input[type="number"], -.media-sidebar .setting input[type="search"], -.media-sidebar .setting input[type="tel"], -.media-sidebar .setting input[type="url"], -.media-sidebar .setting textarea, -.media-sidebar .setting .value, -.attachment-details .setting input[type="text"], -.attachment-details .setting input[type="password"], -.attachment-details .setting input[type="email"], -.attachment-details .setting input[type="number"], -.attachment-details .setting input[type="search"], -.attachment-details .setting input[type="tel"], -.attachment-details .setting input[type="url"], -.attachment-details .setting textarea, -.attachment-details .setting .value, -.attachment-details .setting + .description { - box-sizing: border-box; - margin: 1px; - width: 65%; - float: right; -} - -.media-sidebar .setting .value, -.attachment-details .setting .value, -.attachment-details .setting + .description { - margin: 0 1px; - text-align: left; -} - -.attachment-details .setting + .description { - clear: both; - font-size: 12px; - font-style: normal; - margin-bottom: 10px; -} - -.media-sidebar .setting textarea, -.attachment-details .setting textarea, -.compat-item .field textarea { - height: 62px; - resize: vertical; -} - -.compat-item { - float: left; - width: 100%; - overflow: hidden; -} - -.compat-item table { - width: 100%; - table-layout: fixed; - border-spacing: 0; - border: 0; -} - -.compat-item tr { - padding: 2px 0; - display: block; - overflow: hidden; -} - -.compat-item .label, -.compat-item .field { - display: block; - margin: 0; - padding: 0; -} - -.compat-item .label { - min-width: 30%; - margin-right: 4%; - float: left; - text-align: right; -} - -.compat-item .label span { - display: block; - width: 100%; -} - -.compat-item .field { - float: right; - width: 65%; - margin: 1px; -} - -.compat-item .field input[type="text"], -.compat-item .field input[type="password"], -.compat-item .field input[type="email"], -.compat-item .field input[type="number"], -.compat-item .field input[type="search"], -.compat-item .field input[type="tel"], -.compat-item .field input[type="url"], -.compat-item .field textarea { - width: 100%; - margin: 0; - box-sizing: border-box; -} - -.sidebar-for-errors .attachment-details, -.sidebar-for-errors .compat-item, -.sidebar-for-errors .media-sidebar .media-progress-bar, -.sidebar-for-errors .upload-details { - display: none !important; -} - -/** - * Menu - */ -.media-menu { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: 0; - padding: 50px 0 10px; - background: #f3f3f3; - border-right-width: 1px; - border-right-style: solid; - border-right-color: #ccc; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.media-menu .media-menu-item { - display: block; - box-sizing: border-box; - width: 100%; - position: relative; - border: 0; - margin: 0; - padding: 8px 20px; - font-size: 14px; - line-height: 1.28571428; - background: transparent; - color: #0073aa; - text-align: left; - text-decoration: none; - cursor: pointer; -} - -.media-menu .media-menu-item:hover { - background: rgba(0, 0, 0, 0.04); -} - -.media-menu .media-menu-item:active { - color: #0073aa; - outline: none; -} - -.media-menu .active, -.media-menu .active:hover { - color: #23282d; - font-weight: 600; -} - -.media-menu .media-menu-item:focus { - box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); - color: #124964; - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -.media-menu .separator { - height: 0; - margin: 12px 20px; - padding: 0; - border-top: 1px solid #ddd; -} - -/** - * Menu - */ -.media-router { - position: relative; - padding: 0 6px; - margin: 0; - clear: both; -} - -.media-router .media-menu-item { - position: relative; - float: left; - border: 0; - margin: 0; - padding: 8px 10px 9px; - height: 18px; - line-height: 1.28571428; - font-size: 14px; - text-decoration: none; - background: transparent; - cursor: pointer; - transition: none; -} - -.media-router .media-menu-item:last-child { - border-right: 0; -} - -.media-router .media-menu-item:hover, -.media-router .media-menu-item:active { - color: #0073aa; -} - -.media-router .active, -.media-router .active:hover { - color: #23282d; -} - -.media-router .media-menu-item:focus { - box-shadow: - 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, 0.8); - color: #124964; - /* Only visible in Windows High Contrast mode */ - outline: 1px solid transparent; -} - -.media-router .active, -.media-router .media-menu-item.active:last-child { - margin: -1px -1px 0; - background: #fff; - border: 1px solid #ddd; - border-bottom: none; -} - -.media-router .active:after { - display: none; -} - -/** - * Frame - */ -.media-frame { - overflow: hidden; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} - -.media-frame-menu { - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: 200px; - z-index: 150; -} - -.media-frame-title { - position: absolute; - top: 0; - left: 200px; - right: 0; - height: 50px; - z-index: 200; -} - -.media-frame-router { - position: absolute; - top: 50px; - left: 200px; - right: 0; - height: 36px; - z-index: 200; -} - -.media-frame-content { - position: absolute; - top: 84px; - left: 200px; - right: 0; - bottom: 61px; - height: auto; - width: auto; - margin: 0; - overflow: auto; - background: #fff; - border-top: 1px solid #ddd; -} - -.media-frame-toolbar { - position: absolute; - left: 200px; - right: 0; - bottom: 0; - height: 60px; - z-index: 100; - bottom: 60px; - height: auto; -} - -.media-frame.hide-menu .media-frame-title, -.media-frame.hide-menu .media-frame-router, -.media-frame.hide-menu .media-frame-toolbar, -.media-frame.hide-menu .media-frame-content { - left: 0; -} - -.media-frame.hide-toolbar .media-frame-content { - bottom: 0; -} - -.media-frame.hide-router .media-frame-content { - top: 50px; -} - -.media-frame.hide-menu .media-frame-menu, -.media-frame.hide-menu .media-frame-menu-heading, -.media-frame.hide-router .media-frame-router, -.media-frame.hide-toolbar .media-frame-toolbar { - display: none; -} - -.media-frame-title h1 { - padding: 0 16px; - font-size: 22px; - line-height: 2.27272727; - margin: 0; -} - -.media-frame-menu-heading, -.media-attachments-filter-heading { - position: absolute; - left: 20px; - top: 22px; - margin: 0; - font-size: 13px; - line-height: 1; - /* Above the media-frame-menu. */ - z-index: 151; -} - -.media-attachments-filter-heading { - top: 10px; - left: 16px; -} - -.mode-grid .media-attachments-filter-heading { - top: 0; - left: -9999px; -} - -.mode-grid .media-frame-actions-heading { - display: none; -} - -.wp-core-ui .button.media-frame-menu-toggle { - display: none; -} - -.media-frame-title .suggested-dimensions { - font-size: 14px; - float: right; - margin-right: 20px; -} - -.media-frame-content .crop-content { - height: 100%; -} - -.wp-customizer:not(.mobile) .media-frame-content .crop-content.site-icon { - margin-right: 300px; -} - -.media-frame-content .crop-content .crop-image { - display: block; - margin: auto; - max-width: 100%; - max-height: 100%; -} - -.media-frame-content .crop-content .upload-errors { - position: absolute; - width: 300px; - top: 50%; - left: 50%; - margin-left: -150px; - margin-right: -150px; - z-index: 600000; -} - -/** - * Iframes - */ -.media-frame .media-iframe { - overflow: hidden; -} - -.media-frame .media-iframe, -.media-frame .media-iframe iframe { - height: 100%; - width: 100%; - border: 0; -} - -/** - * Attachment Browser Filters - */ -.media-frame select.attachment-filters { - margin-top: 11px; - margin-right: 2%; - max-width: 42%; - max-width: calc(48% - 12px); -} - -.media-frame select.attachment-filters:last-of-type { - margin-right: 0; - width: auto; - max-width: 100%; -} - -/** - * Search - */ -.media-frame .search { - margin: 32px 0 0; - padding: 4px; - font-size: 13px; - color: #444; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - -webkit-appearance: none; -} - -.media-toolbar-primary .search { - max-width: 100%; -} - -.media-frame .media-search-input-label { - position: absolute; - left: 0; - top: 10px; - margin: 0; - line-height: 1; -} - -/** - * Attachments - */ -.wp-core-ui .attachments { - margin: 0; - -webkit-overflow-scrolling: touch; -} - -/** - * Attachment - */ -.wp-core-ui .attachment { - position: relative; - float: left; - padding: 8px; - margin: 0; - color: #444; - cursor: pointer; - list-style: none; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 25%; - box-sizing: border-box; -} - -.wp-core-ui .attachment:focus, -.wp-core-ui .selected.attachment:focus, -.wp-core-ui .attachment.details:focus { - box-shadow: - inset 0 0 2px 3px #fff, - inset 0 0 0 7px #5b9dd9; - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; - outline-offset: -6px; -} - -.wp-core-ui .selected.attachment { - box-shadow: - inset 0 0 0 5px #fff, - inset 0 0 0 7px #ccc; -} - -.wp-core-ui .attachment.details { - box-shadow: - inset 0 0 0 3px #fff, - inset 0 0 0 7px #0073aa; -} - -.wp-core-ui .attachment-preview { - position: relative; - box-shadow: - inset 0 0 15px rgba(0, 0, 0, 0.1), - inset 0 0 0 1px rgba(0, 0, 0, 0.05); - background: #eee; - cursor: pointer; -} - -.wp-core-ui .attachment-preview:before { - content: ""; - display: block; - padding-top: 100%; -} - -.wp-core-ui .attachment .icon { - margin: 0 auto; - overflow: hidden; -} - -.wp-core-ui .attachment .thumbnail { - overflow: hidden; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 1; - transition: opacity .1s; -} - -.wp-core-ui .attachment .portrait img { - max-width: 100%; -} - -.wp-core-ui .attachment .landscape img { - max-height: 100%; -} - -.wp-core-ui .attachment .thumbnail:after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); - overflow: hidden; -} - -.wp-core-ui .attachment .thumbnail img { - top: 0; - left: 0; -} - -.wp-core-ui .attachment .thumbnail .centered { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - transform: translate( 50%, 50% ); -} - -.wp-core-ui .attachment .thumbnail .centered img { - transform: translate( -50%, -50% ); -} - -.wp-core-ui .attachments-browser .attachment .thumbnail .centered img.icon { - transform: translate( -50%, -70% ); -} - -.wp-core-ui .attachment .filename { - position: absolute; - left: 0; - right: 0; - bottom: 0; - overflow: hidden; - max-height: 100%; - word-wrap: break-word; - text-align: center; - font-weight: 600; - background: rgba(255, 255, 255, 0.8); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -} - -.wp-core-ui .attachment .filename div { - padding: 5px 10px; -} - -.wp-core-ui .attachment .thumbnail img { - position: absolute; -} - -.wp-core-ui .attachment-close { - display: block; - position: absolute; - top: 5px; - right: 5px; - height: 22px; - width: 22px; - padding: 0; - background-color: #fff; - background-position: -96px 4px; - border-radius: 3px; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); - transition: none; -} - -.wp-core-ui .attachment-close:hover, -.wp-core-ui .attachment-close:focus { - background-position: -36px 4px; -} - -.wp-core-ui .attachment .check { - display: none; - height: 24px; - width: 24px; - padding: 0; - border: 0; - position: absolute; - z-index: 10; - top: 0; - right: 0; - outline: none; - background: #eee; - cursor: pointer; - box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 0, 0, 0.15); -} - -.wp-core-ui .attachment .check .media-modal-icon { - display: block; - background-position: -1px 0; - height: 15px; - width: 15px; - margin: 5px; -} - -.wp-core-ui .attachment .check:hover .media-modal-icon { - background-position: -40px 0; -} - -.wp-core-ui .attachment.selected .check { - display: block; -} - -.wp-core-ui .attachment.details .check, -.wp-core-ui .attachment.selected .check:focus, -.wp-core-ui .media-frame.mode-grid .attachment.selected .check { - background-color: #0073aa; - box-shadow: - 0 0 0 1px #fff, - 0 0 0 2px #0073aa; -} - -.wp-core-ui .attachment.selected .check:focus { - /* Only visible in Windows High Contrast mode */ - outline: 2px solid transparent; -} - -.wp-core-ui .attachment.details .check .media-modal-icon, -.wp-core-ui .media-frame.mode-grid .attachment.selected .check .media-modal-icon { - background-position: -21px 0; -} - -.wp-core-ui .attachment.details .check:hover .media-modal-icon, -.wp-core-ui .attachment.selected .check:focus .media-modal-icon, -.wp-core-ui .media-frame.mode-grid .attachment.selected .check:hover .media-modal-icon { - background-position: -60px 0; -} - -.wp-core-ui .media-frame .attachment .describe { - position: relative; - display: block; - width: 100%; - margin: 0; - padding: 0 8px; - font-size: 12px; - border-radius: 0; -} - -/** - * Attachments Browser - */ -.media-frame .attachments-browser { - position: relative; - width: 100%; - height: 100%; - overflow: hidden; -} - -.attachments-browser .media-toolbar { - right: 300px; - height: 72px; - background: #fff; -} - -.attachments-browser.hide-sidebar .media-toolbar { - right: 0; -} - -.attachments-browser .media-toolbar-primary > .media-button, -.attachments-browser .media-toolbar-primary > .media-button-group, -.attachments-browser .media-toolbar-secondary > .media-button, -.attachments-browser .media-toolbar-secondary > .media-button-group { - margin: 10px 0; -} - -.attachments-browser .attachments { - padding: 2px 8px 8px; -} - -.attachments-browser .attachments, -.attachments-browser .uploader-inline { - position: absolute; - top: 72px; - left: 0; - right: 300px; - bottom: 0; - overflow: auto; - outline: none; -} - -.attachments-browser .uploader-inline.hidden { - display: none; -} - -.attachments-browser .media-toolbar-primary { - max-width: 33%; -} - -.mode-grid .attachments-browser .media-toolbar-primary { - display: flex; - align-items: center; -} - -.mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary { - display: none; -} - -.attachments-browser .media-toolbar-secondary { - max-width: 66%; -} - -.uploader-inline .close { - background-color: transparent; - border: 0; - cursor: pointer; - height: 48px; - outline: none; - padding: 0; - position: absolute; - right: 2px; - text-align: center; - top: 2px; - width: 48px; - z-index: 1; -} - -.uploader-inline .close:before { - font: normal 30px/1 dashicons !important; - color: #555d66; - display: inline-block; - content: "\f335"; - font-weight: 300; - margin-top: 1px; -} - -.uploader-inline .close:focus { - outline: 1px solid #5b9dd9; - box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); -} - -.attachments-browser.hide-sidebar .attachments, -.attachments-browser.hide-sidebar .uploader-inline { - right: 0; - margin-right: 0; -} - -.attachments-browser .instructions { - display: inline-block; - margin-top: 16px; - line-height: 1.38461538; - font-size: 13px; - color: #666; -} - -.attachments-browser .no-media { - padding: 2em 0 0 2em; -} - -/** - * Progress Bar - */ -.media-progress-bar { - position: relative; - height: 10px; - width: 70%; - margin: 10px auto; - border-radius: 10px; - background: #ddd; - background: rgba(0, 0, 0, 0.1); -} - -.media-progress-bar div { - height: 10px; - min-width: 20px; - width: 0; - background: #0073aa; - border-radius: 10px; - transition: width 300ms; -} - -.media-uploader-status .media-progress-bar { - display: none; - width: 100%; -} - -.uploading.media-uploader-status .media-progress-bar { - display: block; -} - -.attachment-preview .media-progress-bar { - position: absolute; - top: 50%; - left: 15%; - width: 70%; - margin: -5px 0 0 0; -} - -.media-uploader-status { - position: relative; - margin: 0 auto; - padding-bottom: 10px; - max-width: 400px; -} - -.uploader-inline .media-uploader-status h2 { - display: none; -} - -.media-uploader-status .upload-details { - display: none; - font-size: 12px; - color: #666; -} - -.uploading.media-uploader-status .upload-details { - display: block; -} - -.media-uploader-status .upload-detail-separator { - padding: 0 4px; -} - -.media-uploader-status .upload-count { - color: #444; -} - -.media-uploader-status .upload-dismiss-errors, -.media-uploader-status .upload-errors { - display: none; -} - -.errors.media-uploader-status .upload-dismiss-errors, -.errors.media-uploader-status .upload-errors { - display: block; -} - -.media-uploader-status .upload-dismiss-errors { - position: absolute; - top: -3px; - right: -5px; - padding: 5px; - border-radius: 50%; - transition: none; - text-decoration: none; -} - -.uploader-inline .media-uploader-status .upload-dismiss-errors { - top: 2px; - right: 2px; -} - -.media-uploader-status .upload-dismiss-errors::before { - content: "\f153"; - display: block; - font: normal 16px/1 dashicons; - color: #72777c; -} - -.uploader-inline .errors.media-uploader-status .upload-dismiss-errors::before { - color: #606a73; -} - -.errors.media-uploader-status .upload-dismiss-errors:hover::before, -.errors.media-uploader-status .upload-dismiss-errors:focus::before { - color: #c00; -} - -.upload-errors .upload-error { - padding: 12px; - margin-bottom: 12px; - background: #fff; - border-left: 4px solid #dc3232; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); -} - -.uploader-inline .upload-errors .upload-error { - padding: 12px 30px; - background-color: #fbeaea; - box-shadow: none; -} - |
