2019-10-26 02:17:07 +02:00
|
|
|
/*! This file is auto-generated */
|
2019-09-23 18:21:58 +02:00
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
|
14.0 - Media Screen
|
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
.media-item .describe {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-top: 1px solid #ddd;
|
|
|
|
|
clear: both;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item.media-blank .describe {
|
|
|
|
|
border: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe th {
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
text-align: right;
|
|
|
|
|
padding: 5px 10px 10px;
|
|
|
|
|
width: 140px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe .align th {
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .media-item-info tr {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe td {
|
|
|
|
|
padding: 0 0 8px 8px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item thead.media-item-info td {
|
|
|
|
|
padding: 4px 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .media-item-info .A1B1 {
|
|
|
|
|
padding: 0 10px 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item td.savesend {
|
|
|
|
|
padding-bottom: 15px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .thumbnail {
|
|
|
|
|
max-height: 128px;
|
|
|
|
|
max-width: 128px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#wpbody-content #async-upload-wrap a {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form td label {
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .align .field label {
|
|
|
|
|
display: inline;
|
|
|
|
|
padding: 0 23px 0 0;
|
|
|
|
|
margin: 0 3px 0 1em;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form tr.image-size label {
|
|
|
|
|
margin: 0 5px 0 0;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form th.label label {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
margin: 0.5em;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form th.label label span {
|
|
|
|
|
padding: 0 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe input[type="text"],
|
|
|
|
|
.media-item .describe textarea {
|
|
|
|
|
width: 460px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe p.help {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0 5px 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .edit-attachment,
|
|
|
|
|
.describe-toggle-on,
|
|
|
|
|
.describe-toggle-off {
|
|
|
|
|
display: block;
|
|
|
|
|
line-height: 2.76923076;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .describe-toggle-off,
|
|
|
|
|
.media-item.open .describe-toggle-on {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item.open .describe-toggle-off {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .media-item {
|
|
|
|
|
min-height: 36px;
|
|
|
|
|
margin-bottom: 1px;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
|
|
|
|
background: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .media-item,
|
|
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
box-shadow: 0 1px 0 #ddd;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#media-items:empty {
|
|
|
|
|
border: 0 none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .filename {
|
|
|
|
|
line-height: 2.76923076;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .pinkynail {
|
|
|
|
|
float: right;
|
|
|
|
|
margin: 2px 3px 0 10px;
|
|
|
|
|
max-width: 40px;
|
|
|
|
|
max-height: 32px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .startopen,
|
|
|
|
|
.media-item .startclosed {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .original {
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 34px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .progress {
|
|
|
|
|
float: left;
|
|
|
|
|
height: 22px;
|
|
|
|
|
margin: 7px 6px;
|
|
|
|
|
width: 200px;
|
|
|
|
|
line-height: 2em;
|
|
|
|
|
padding: 0;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
border-radius: 22px;
|
|
|
|
|
background: #ddd;
|
|
|
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .bar {
|
|
|
|
|
z-index: 9;
|
|
|
|
|
width: 0;
|
|
|
|
|
height: 100%;
|
|
|
|
|
margin-top: -22px;
|
|
|
|
|
border-radius: 22px;
|
|
|
|
|
background-color: #0073aa;
|
|
|
|
|
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .progress .percent {
|
|
|
|
|
z-index: 10;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 200px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .fixed .column-parent {
|
|
|
|
|
width: 15%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.js .html-uploader #plupload-upload-ui {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.js .html-uploader #html-upload-ui {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-10 00:34:09 +01:00
|
|
|
#html-upload-ui #async-upload {
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-23 18:21:58 +02:00
|
|
|
.media-upload-form .media-item.error,
|
|
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
width: auto;
|
|
|
|
|
margin: 0 0 1px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
padding: 10px 14px 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-item .error-div button.dismiss {
|
|
|
|
|
float: left;
|
|
|
|
|
margin: 0 15px 0 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
|
14.1 - Media Library
|
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
|
|
|
|
|
.find-box {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
|
|
|
|
|
width: 600px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
margin-right: -300px;
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 30px;
|
|
|
|
|
bottom: 30px;
|
|
|
|
|
right: 50%;
|
|
|
|
|
z-index: 100105;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-head {
|
|
|
|
|
background: #fcfcfc;
|
|
|
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
|
height: 36px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
padding: 0 16px 0 36px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-inside {
|
|
|
|
|
overflow: auto;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 37px;
|
|
|
|
|
bottom: 45px;
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
width: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-search {
|
|
|
|
|
padding-bottom: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-search .spinner {
|
|
|
|
|
float: none;
|
|
|
|
|
right: 105px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-search,
|
|
|
|
|
#find-posts-response {
|
|
|
|
|
position: relative; /* RTL fix, #WP28010 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#find-posts-input,
|
|
|
|
|
#find-posts-search {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#find-posts-input {
|
|
|
|
|
width: 140px;
|
|
|
|
|
height: 28px;
|
|
|
|
|
margin: 0 0 0 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.widefat .found-radio {
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
width: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#find-posts-close {
|
|
|
|
|
width: 36px;
|
|
|
|
|
height: 36px;
|
|
|
|
|
border: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background: none;
|
|
|
|
|
color: #666;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#find-posts-close:hover,
|
|
|
|
|
#find-posts-close:focus {
|
2020-07-07 12:11:05 +02:00
|
|
|
color: #006799;
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#find-posts-close:focus {
|
|
|
|
|
box-shadow:
|
|
|
|
|
0 0 0 1px #5b9dd9,
|
|
|
|
|
0 0 2px 1px rgba(30, 140, 190, 0.8);
|
|
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: -2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#find-posts-close:before {
|
|
|
|
|
font: normal 20px/36px dashicons;
|
|
|
|
|
vertical-align: top;
|
2020-10-26 03:25:09 +01:00
|
|
|
speak: never;
|
2019-09-23 18:21:58 +02:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
content: "\f158";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.find-box-buttons {
|
|
|
|
|
padding: 8px 16px;
|
|
|
|
|
background: #fcfcfc;
|
|
|
|
|
border-top: 1px solid #ddd;
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 782px) {
|
|
|
|
|
.find-box-inside {
|
|
|
|
|
bottom: 57px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 660px) {
|
|
|
|
|
|
|
|
|
|
.find-box {
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.ui-find-overlay {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
background: #000;
|
|
|
|
|
opacity: 0.7;
|
|
|
|
|
filter: alpha(opacity=70);
|
|
|
|
|
z-index: 100100;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop #drag-drop-area {
|
|
|
|
|
border: 4px dashed #b4b9be;
|
|
|
|
|
height: 200px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop .drag-drop-inside {
|
|
|
|
|
margin: 60px auto 0;
|
|
|
|
|
width: 250px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop-inside p {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin: 5px 0;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop .drag-drop-inside p {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop-inside p.drag-drop-info {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.drag-drop .drag-drop-inside p,
|
|
|
|
|
.drag-drop-inside p.drag-drop-buttons {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
#drag-drop-area:-moz-drag-over {
|
|
|
|
|
border-color: #83b4d8;
|
|
|
|
|
}
|
|
|
|
|
border color while dragging a file over the uploader drop area */
|
|
|
|
|
.drag-drop.drag-over #drag-drop-area {
|
|
|
|
|
border-color: #83b4d8;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#plupload-upload-ui {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Media Library grid view
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid,
|
|
|
|
|
.media-frame.mode-grid .media-frame-content,
|
|
|
|
|
.media-frame.mode-grid .attachments-browser .attachments,
|
|
|
|
|
.media-frame.mode-grid .uploader-inline-content {
|
|
|
|
|
position: static;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Regions we don't use at all */
|
|
|
|
|
.media-frame.mode-grid .media-frame-title,
|
|
|
|
|
.media-frame.mode-grid .media-frame-router,
|
|
|
|
|
.media-frame.mode-grid .media-frame-menu {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .media-frame-content {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
border: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: auto;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
border-right: 4px solid #dd3d36;
|
|
|
|
|
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .hide-sidebar .media-sidebar {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .media-uploader-status {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .upload-error {
|
|
|
|
|
margin: 12px 0;
|
|
|
|
|
padding: 4px 0 0;
|
|
|
|
|
border: none;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
background: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
|
|
|
|
|
top: -10px;
|
|
|
|
|
left: -14px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
|
|
|
|
|
content: "\f153";
|
|
|
|
|
display: block;
|
|
|
|
|
font: normal 16px/1 dashicons;
|
|
|
|
|
color: #72777c;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
|
|
|
|
|
color: #c00;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .uploader-inline {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: auto;
|
|
|
|
|
left: auto;
|
|
|
|
|
right: auto;
|
|
|
|
|
bottom: auto;
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
border: 4px dashed #b4b9be;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-select .attachments-browser.fixed .attachments {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 94px; /* prevent jumping up when the toolbar becomes fixed */
|
|
|
|
|
padding-bottom: 94px; /* offset for above so the bottom doesn't get cut off */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .attachment:focus,
|
|
|
|
|
.media-frame.mode-grid .selected.attachment:focus,
|
|
|
|
|
.media-frame.mode-grid .attachment.details:focus {
|
|
|
|
|
box-shadow:
|
|
|
|
|
inset 0 0 2px 3px #f1f1f1,
|
|
|
|
|
inset 0 0 0 7px #5b9dd9;
|
|
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: -6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .selected.attachment {
|
|
|
|
|
box-shadow:
|
|
|
|
|
inset 0 0 0 5px #f1f1f1,
|
|
|
|
|
inset 0 0 0 7px #ccc;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .attachment.details {
|
|
|
|
|
box-shadow:
|
|
|
|
|
inset 0 0 0 3px #f1f1f1,
|
|
|
|
|
inset 0 0 0 7px #1e8cbe;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid.mode-select .attachment .thumbnail {
|
|
|
|
|
opacity: 0.65;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-select .attachment.selected .thumbnail {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .media-toolbar {
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .media-toolbar select {
|
|
|
|
|
margin: 0 0 0 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button {
|
|
|
|
|
margin: 0 0 0 8px;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .attachments-browser .bulk-select {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin: 0 0 0 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .search {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2019-10-07 14:43:03 +02:00
|
|
|
.media-search-input-label {
|
|
|
|
|
margin: 0 0 0 .2em;
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .media-search-input-label {
|
|
|
|
|
position: static;
|
|
|
|
|
margin: 0 0 0 .5em;
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attachments-browser .media-toolbar-secondary > .media-button {
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 32px;
|
|
|
|
|
right: auto;
|
|
|
|
|
left: 20px;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .attachments-browser {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .attachments-browser .attachments {
|
|
|
|
|
padding: 2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-frame.mode-grid .attachments-browser .no-media {
|
|
|
|
|
color: #666; /* same as no plugins and no themes */
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 100px 0 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Attachment details modal
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame {
|
|
|
|
|
display: block;
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close .media-modal-icon:before {
|
|
|
|
|
content: "\f335";
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
color: #72777c;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
height: 50px;
|
|
|
|
|
width: 50px;
|
|
|
|
|
padding: 0;
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-right: 1px solid #ddd;
|
|
|
|
|
transition: color .1s ease-in-out, background .1s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close {
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left {
|
|
|
|
|
left: 102px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right {
|
|
|
|
|
left: 51px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .media-frame-title {
|
|
|
|
|
right: 0;
|
|
|
|
|
left: 150px; /* leave space for prev/next/close */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:before,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:before {
|
|
|
|
|
font: normal 20px/50px dashicons !important;
|
|
|
|
|
display: inline;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close:hover,
|
|
|
|
|
.upload-php .media-modal-close:focus,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:hover,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:hover,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:focus,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:focus {
|
|
|
|
|
background: #ddd;
|
|
|
|
|
border-color: #ccc;
|
|
|
|
|
color: #000;
|
|
|
|
|
outline: none;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close:focus,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:focus,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:focus {
|
|
|
|
|
/* Only visible in Windows High Contrast mode */
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: -2px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close:focus .media-modal-icon:before,
|
|
|
|
|
.upload-php .media-modal-close:hover .media-modal-icon:before {
|
|
|
|
|
color: #000;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:before {
|
|
|
|
|
content: "\f345";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:before {
|
|
|
|
|
content: "\f341";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header [disabled],
|
|
|
|
|
.edit-attachment-frame .edit-media-header [disabled]:hover {
|
|
|
|
|
color: #ccc;
|
|
|
|
|
background: inherit;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .media-frame-content,
|
|
|
|
|
.edit-attachment-frame .media-frame-router {
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .media-frame-content {
|
|
|
|
|
border-bottom: none;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
top: 50px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-details {
|
|
|
|
|
position: absolute;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view {
|
|
|
|
|
float: right;
|
|
|
|
|
width: 65%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view .thumbnail {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view .details-image {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 0 auto 16px;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
max-height: 90%;
|
|
|
|
|
max-height: calc( 100% - 42px ); /* leave space for actions underneath */
|
|
|
|
|
background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
|
|
|
|
|
background-position: 100% 0, 10px 10px;
|
|
|
|
|
background-size: 20px 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view .details-image.icon {
|
|
|
|
|
background: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view .attachment-actions {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .wp-media-wrapper {
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame input,
|
|
|
|
|
.edit-attachment-frame textarea {
|
|
|
|
|
padding: 6px 8px;
|
|
|
|
|
line-height: 1.14285714;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info {
|
|
|
|
|
overflow: auto;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
padding: 12px 16px 0;
|
|
|
|
|
width: 35%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.1);
|
|
|
|
|
border-bottom: 0;
|
|
|
|
|
border-right: 1px solid #ddd;
|
|
|
|
|
background: #f3f3f3;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info .details,
|
|
|
|
|
.edit-attachment-frame .attachment-info .settings {
|
|
|
|
|
position: relative; /* RTL fix, #WP29352 */
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
float: none;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
padding-bottom: 15px;
|
|
|
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info .filename {
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #666;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info .thumbnail {
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attachment-info .actions {
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.attachment-info .actions a {
|
|
|
|
|
display: inline;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
Accessibility: Media: Add a "Copy URL" button to the attachment File URL fields.
For a number of years, various screens in the WordPress admin provided users with a readonly input field to copy the attachment file URL. Manually copying from a readonly field is an annoying task at best even for mouser users. It's a usability and accessibility issue at the same time.
These fields now have a new "Copy URL" button that is easy to use and accessible to everyone.
Props theolg, markdubois, vabrashev, sajjad67, xkon, nrqsnchz, melchoyce, audrasjb, afercia.
See #41612, #50322, #50335.
Fixes #48463.
Built from https://develop.svn.wordpress.org/trunk@48232
git-svn-id: http://core.svn.wordpress.org/trunk@48001 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-06-30 15:16:04 +02:00
|
|
|
.copy-to-clipboard-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
|
2020-09-27 22:48:05 +02:00
|
|
|
.copy-to-clipboard-container .copy-attachment-url {
|
|
|
|
|
white-space: normal;
|
|
|
|
|
}
|
|
|
|
|
|
Accessibility: Media: Add a "Copy URL" button to the attachment File URL fields.
For a number of years, various screens in the WordPress admin provided users with a readonly input field to copy the attachment file URL. Manually copying from a readonly field is an annoying task at best even for mouser users. It's a usability and accessibility issue at the same time.
These fields now have a new "Copy URL" button that is easy to use and accessible to everyone.
Props theolg, markdubois, vabrashev, sajjad67, xkon, nrqsnchz, melchoyce, audrasjb, afercia.
See #41612, #50322, #50335.
Fixes #48463.
Built from https://develop.svn.wordpress.org/trunk@48232
git-svn-id: http://core.svn.wordpress.org/trunk@48001 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-06-30 15:16:04 +02:00
|
|
|
.copy-to-clipboard-container .success {
|
2020-09-27 22:48:05 +02:00
|
|
|
color: #40860a;
|
Accessibility: Media: Add a "Copy URL" button to the attachment File URL fields.
For a number of years, various screens in the WordPress admin provided users with a readonly input field to copy the attachment file URL. Manually copying from a readonly field is an annoying task at best even for mouser users. It's a usability and accessibility issue at the same time.
These fields now have a new "Copy URL" button that is easy to use and accessible to everyone.
Props theolg, markdubois, vabrashev, sajjad67, xkon, nrqsnchz, melchoyce, audrasjb, afercia.
See #41612, #50322, #50335.
Fixes #48463.
Built from https://develop.svn.wordpress.org/trunk@48232
git-svn-id: http://core.svn.wordpress.org/trunk@48001 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-06-30 15:16:04 +02:00
|
|
|
margin-right: 8px;
|
|
|
|
|
}
|
2019-09-23 18:21:58 +02:00
|
|
|
|
|
|
|
|
/*------------------------------------------------------------------------------
|
|
|
|
|
14.2 - Image Editor
|
|
|
|
|
------------------------------------------------------------------------------*/
|
|
|
|
|
.wp_attachment_details .attachment-alt-text {
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_details .attachment-alt-text-description {
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_details label[for="content"] {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
margin: 1em 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_details #attachment_caption {
|
|
|
|
|
height: 4em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.describe .image-editor {
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-wrap {
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-settings p,
|
|
|
|
|
.imgedit-settings fieldset {
|
|
|
|
|
margin: 8px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-settings legend {
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.describe .imgedit-wrap .imgedit-settings {
|
|
|
|
|
padding: 0 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_holder div.updated {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_holder .imgedit-wrap > div {
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_holder .imgedit-wrap .imgedit-panel-content {
|
|
|
|
|
float: right;
|
2019-09-26 19:16:57 +02:00
|
|
|
padding: 3px 0 0 16px;
|
2020-03-03 18:21:05 +01:00
|
|
|
min-width: 400px;
|
|
|
|
|
max-width: calc( 100% - 266px );
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_holder .imgedit-wrap .imgedit-settings {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 250px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-settings input {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-wait {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
background: #fff;
|
|
|
|
|
opacity: 0.7;
|
|
|
|
|
filter: alpha(opacity=70);
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-wait:before {
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
width: 20px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 50%;
|
|
|
|
|
top: 50%;
|
|
|
|
|
margin: -10px -10px 0 0;
|
|
|
|
|
background: transparent url(../images/spinner.gif) no-repeat center;
|
|
|
|
|
background-size: 20px 20px;
|
|
|
|
|
transform: translateZ(0);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.no-float {
|
|
|
|
|
float: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-disabled,
|
|
|
|
|
.imgedit-settings .disabled {
|
|
|
|
|
/* WCAG 1.4.3 Text or images of text that are part of an inactive user
|
|
|
|
|
interface component ... have no contrast requirement. */
|
|
|
|
|
color: #a0a5aa;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.A1B1 {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_image .button,
|
|
|
|
|
.A1B1 .button {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.no-js .wp_attachment_image .button {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.wp_attachment_image .spinner,
|
|
|
|
|
.A1B1 .spinner {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-menu {
|
|
|
|
|
margin: 0 0 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-menu .note-no-rotate {
|
|
|
|
|
clear: both;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 1em 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.image-editor .imgedit-menu .button {
|
2019-09-26 19:16:57 +02:00
|
|
|
display: inline-block;
|
|
|
|
|
width: auto;
|
|
|
|
|
min-height: 28px;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
margin: 0 0 8px 8px;
|
|
|
|
|
padding: 0 10px;
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-menu .button:before {
|
2019-09-26 19:16:57 +02:00
|
|
|
font: normal 16px/1 dashicons;
|
|
|
|
|
margin-left: 8px;
|
2020-10-26 03:25:09 +01:00
|
|
|
speak: never;
|
2019-09-23 18:21:58 +02:00
|
|
|
vertical-align: middle;
|
2019-09-26 19:16:57 +02:00
|
|
|
position: relative;
|
|
|
|
|
top: -2px;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-menu .button.disabled {
|
2019-09-26 19:16:57 +02:00
|
|
|
color: #a0a5aa;
|
|
|
|
|
border-color: #ddd;
|
|
|
|
|
background: #f7f7f7;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
text-shadow: 0 1px 0 #fff;
|
2019-09-23 18:21:58 +02:00
|
|
|
cursor: default;
|
2019-09-26 19:16:57 +02:00
|
|
|
transform: none;
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-crop:before {
|
|
|
|
|
content: "\f165";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-rleft:before {
|
|
|
|
|
content: "\f166";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-rright:before {
|
|
|
|
|
content: "\f167";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-flipv:before {
|
|
|
|
|
content: "\f168";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-fliph:before {
|
|
|
|
|
content: "\f169";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-undo:before {
|
|
|
|
|
content: "\f171";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-redo:before {
|
|
|
|
|
content: "\f172";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-crop-wrap {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-crop-wrap img {
|
|
|
|
|
background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
|
|
|
|
|
background-position: 100% 0, 10px 10px;
|
|
|
|
|
background-size: 20px 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-crop {
|
|
|
|
|
margin: 0 0 0 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-rleft {
|
|
|
|
|
margin: 0 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-rright {
|
|
|
|
|
margin: 0 3px 0 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-flipv {
|
|
|
|
|
margin: 0 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-fliph {
|
|
|
|
|
margin: 0 3px 0 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-undo {
|
|
|
|
|
margin: 0 3px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-redo {
|
|
|
|
|
margin: 0 3px 0 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-thumbnail-preview {
|
|
|
|
|
margin: 10px 0 0 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-thumbnail-preview-caption {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2020-03-03 01:37:06 +01:00
|
|
|
#poststuff .imgedit-group-top h2 {
|
2019-09-23 18:21:58 +02:00
|
|
|
display: inline-block;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
}
|
|
|
|
|
|
2020-03-03 01:37:06 +01:00
|
|
|
#poststuff .imgedit-group-top .button-link {
|
2019-09-23 18:21:58 +02:00
|
|
|
text-decoration: none;
|
|
|
|
|
color: #23282d;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-applyto .imgedit-label {
|
|
|
|
|
display: block;
|
|
|
|
|
padding: .5em 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-help {
|
|
|
|
|
display: none;
|
Accessibility: Improve readability by removing unnecessary italic font style.
Per Web Content Accessibility Guidelines 2.0, big chunks of italic text should be avoided.
Same applies to UI controls, since they're meant to be comfortably readable by the largest possible audience, e.g.: label elements.
Removes italic font style from:
- the Quick Edit / Bulk Edit forms
- the Recovery Mode plugin error details
- the Image Editor inline help
Props birgire, audrasjb, SergeyBiryukov, melchoyce, estelaris, sabernhardt, xkon, nrqsnchz, afercia.
See #47327.
Built from https://develop.svn.wordpress.org/trunk@47304
git-svn-id: http://core.svn.wordpress.org/trunk@47104 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-02-18 16:32:09 +01:00
|
|
|
padding-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-help.imgedit-restore {
|
|
|
|
|
padding-bottom: 0;
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* higher specificity than buttons */
|
|
|
|
|
.image-editor .imgedit-settings .imgedit-help-toggle,
|
|
|
|
|
.image-editor .imgedit-settings .imgedit-help-toggle:hover,
|
|
|
|
|
.image-editor .imgedit-settings .imgedit-help-toggle:active {
|
|
|
|
|
border: 1px solid transparent;
|
|
|
|
|
margin: -1px -1px 0 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background: transparent;
|
|
|
|
|
color: #0074a2;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.image-editor .imgedit-settings .imgedit-help-toggle:focus {
|
|
|
|
|
color: #0074a2;
|
|
|
|
|
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;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.form-table td.imgedit-response {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-submit {
|
|
|
|
|
margin: 8px 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-submit-btn {
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-wrap .nowrap {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
line-height: inherit;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span.imgedit-scale-warn {
|
|
|
|
|
color: #dc3232;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-save-target {
|
|
|
|
|
margin: 8px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-save-target legend {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-group {
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-30 19:56:57 +02:00
|
|
|
.imgedit-settings .imgedit-original-dimensions {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-23 18:21:58 +02:00
|
|
|
.imgedit-settings .imgedit-scale input[type="text"],
|
|
|
|
|
.imgedit-settings .imgedit-crop-ratio input[type="text"],
|
|
|
|
|
.imgedit-settings .imgedit-crop-sel input[type="text"] {
|
2019-09-30 19:56:57 +02:00
|
|
|
width: 80px;
|
2019-09-23 18:21:58 +02:00
|
|
|
font-size: 14px;
|
2019-10-07 15:20:03 +02:00
|
|
|
padding: 0 8px;
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-separator {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 7px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
color: #444;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-30 19:56:57 +02:00
|
|
|
.imgedit-settings .imgedit-scale-button-wrapper {
|
|
|
|
|
margin-top: 0.3077em;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-23 18:21:58 +02:00
|
|
|
.imgedit-settings .imgedit-scale .button {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
audio, video {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2020-10-27 20:40:04 +01:00
|
|
|
.wp-core-ui .mejs-container {
|
2019-09-23 18:21:58 +02:00
|
|
|
width: 100%;
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2020-10-27 20:40:04 +01:00
|
|
|
.wp-core-ui .mejs-container * {
|
2019-09-23 18:21:58 +02:00
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-09 20:34:08 +01:00
|
|
|
.wp-core-ui .mejs-time {
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-23 18:21:58 +02:00
|
|
|
/* =Media Queries
|
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* HiDPI Displays
|
|
|
|
|
*/
|
|
|
|
|
@media print,
|
|
|
|
|
(-webkit-min-device-pixel-ratio: 1.25),
|
|
|
|
|
(min-resolution: 120dpi) {
|
|
|
|
|
.imgedit-wait:before {
|
|
|
|
|
background-image: url(../images/spinner-2x.gif);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 782px) {
|
|
|
|
|
.wp_attachment_details label[for="content"] {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .media-item.error,
|
|
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .media-item.error {
|
|
|
|
|
padding: 1px 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.media-upload-form .media-item .error {
|
|
|
|
|
padding: 10px 12px 10px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.imgedit-settings .imgedit-scale input[type="text"],
|
|
|
|
|
.imgedit-settings .imgedit-crop-ratio input[type="text"],
|
|
|
|
|
.imgedit-settings .imgedit-crop-sel input[type="text"] {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
padding: 6px 10px;
|
|
|
|
|
}
|
2019-09-26 19:16:57 +02:00
|
|
|
|
|
|
|
|
.wp_attachment_holder .imgedit-wrap .imgedit-panel-content,
|
|
|
|
|
.wp_attachment_holder .imgedit-wrap .imgedit-settings {
|
|
|
|
|
float: none;
|
|
|
|
|
width: auto;
|
2020-03-03 18:21:05 +01:00
|
|
|
max-width: none;
|
2020-07-01 16:29:01 +02:00
|
|
|
padding-bottom: 16px;
|
2019-09-26 19:16:57 +02:00
|
|
|
}
|
Accessibility: Media: Add a "Copy URL" button to the attachment File URL fields.
For a number of years, various screens in the WordPress admin provided users with a readonly input field to copy the attachment file URL. Manually copying from a readonly field is an annoying task at best even for mouser users. It's a usability and accessibility issue at the same time.
These fields now have a new "Copy URL" button that is easy to use and accessible to everyone.
Props theolg, markdubois, vabrashev, sajjad67, xkon, nrqsnchz, melchoyce, audrasjb, afercia.
See #41612, #50322, #50335.
Fixes #48463.
Built from https://develop.svn.wordpress.org/trunk@48232
git-svn-id: http://core.svn.wordpress.org/trunk@48001 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-06-30 15:16:04 +02:00
|
|
|
|
|
|
|
|
.copy-to-clipboard-container .success {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
2019-09-23 18:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Media queries for media grid.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 1120px) {
|
|
|
|
|
/* override for media-views.css */
|
|
|
|
|
#wp-media-grid .wp-filter .attachment-filters {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 782px) {
|
|
|
|
|
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
|
|
|
|
|
top: 46px;
|
|
|
|
|
left: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
.media-frame.mode-select .attachments-browser.fixed .media-toolbar {
|
|
|
|
|
top: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
|
|
|
.edit-attachment-frame .media-frame-title {
|
|
|
|
|
left: 110px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-php .media-modal-close,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right {
|
|
|
|
|
width: 40px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right:before,
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left:before {
|
|
|
|
|
line-height: 40px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .left {
|
|
|
|
|
left: 82px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .edit-media-header .right {
|
|
|
|
|
left: 41px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .media-frame-content {
|
|
|
|
|
top: 40px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-media-view {
|
|
|
|
|
float: none;
|
|
|
|
|
height: auto;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.edit-attachment-frame .attachment-info {
|
|
|
|
|
height: auto;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 640px), screen and (max-height: 400px) {
|
|
|
|
|
.upload-php .mode-grid .media-sidebar{
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
