Edit File by line

/*! This file is auto-generated */

[0] Fix | Delete

/**

[1] Fix | Delete

* Base Styles

[2] Fix | Delete

[3] Fix | Delete

.media-modal * {

[4] Fix | Delete

box-sizing: content-box;

[5] Fix | Delete

}

[6] Fix | Delete

[7] Fix | Delete

.media-modal input,

[8] Fix | Delete

.media-modal select,

[9] Fix | Delete

.media-modal textarea {

[10] Fix | Delete

box-sizing: border-box;

[11] Fix | Delete

}

[12] Fix | Delete

[13] Fix | Delete

.media-modal,

[14] Fix | Delete

.media-frame {

[15] Fix | Delete

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

[16] Fix | Delete

font-size: 12px;

[17] Fix | Delete

-webkit-overflow-scrolling: touch;

[18] Fix | Delete

}

[19] Fix | Delete

[20] Fix | Delete

.media-modal legend {

[21] Fix | Delete

padding: 0;

[22] Fix | Delete

font-size: 13px;

[23] Fix | Delete

}

[24] Fix | Delete

[25] Fix | Delete

.media-modal label {

[26] Fix | Delete

font-size: 13px;

[27] Fix | Delete

}

[28] Fix | Delete

[29] Fix | Delete

.media-modal .legend-inline {

[30] Fix | Delete

position: absolute;

[31] Fix | Delete

transform: translate(100%, 50%);

[32] Fix | Delete

margin-right: -1%;

[33] Fix | Delete

line-height: 1.2;

[34] Fix | Delete

}

[35] Fix | Delete

[36] Fix | Delete

.media-frame a {

[37] Fix | Delete

border-bottom: none;

[38] Fix | Delete

color: #2271b1;

[39] Fix | Delete

}

[40] Fix | Delete

[41] Fix | Delete

.media-frame a:hover,

[42] Fix | Delete

.media-frame a:active {

[43] Fix | Delete

color: #135e96;

[44] Fix | Delete

}

[45] Fix | Delete

[46] Fix | Delete

.media-frame a:focus {

[47] Fix | Delete

box-shadow: 0 0 0 2px #2271b1;

[48] Fix | Delete

color: #043959;

[49] Fix | Delete

/* Only visible in Windows High Contrast mode */

[50] Fix | Delete

outline: 2px solid transparent;

[51] Fix | Delete

}

[52] Fix | Delete

[53] Fix | Delete

.media-frame a.button {

[54] Fix | Delete

color: #2c3338;

[55] Fix | Delete

}

[56] Fix | Delete

[57] Fix | Delete

.media-frame a.button:hover {

[58] Fix | Delete

color: #1d2327;

[59] Fix | Delete

}

[60] Fix | Delete

[61] Fix | Delete

.media-frame a.button-primary,

[62] Fix | Delete

.media-frame a.button-primary:hover {

[63] Fix | Delete

color: #fff;

[64] Fix | Delete

}

[65] Fix | Delete

[66] Fix | Delete

.media-frame input,

[67] Fix | Delete

.media-frame textarea {

[68] Fix | Delete

padding: 6px 8px;

[69] Fix | Delete

}

[70] Fix | Delete

[71] Fix | Delete

.media-frame select,

[72] Fix | Delete

.wp-admin .media-frame select {

[73] Fix | Delete

min-height: 30px;

[74] Fix | Delete

vertical-align: middle;

[75] Fix | Delete

}

[76] Fix | Delete

[77] Fix | Delete

.media-frame input[type="text"],

[78] Fix | Delete

.media-frame input[type="password"],

[79] Fix | Delete

.media-frame input[type="color"],

[80] Fix | Delete

.media-frame input[type="date"],

[81] Fix | Delete

.media-frame input[type="datetime"],

[82] Fix | Delete

.media-frame input[type="datetime-local"],

[83] Fix | Delete

.media-frame input[type="email"],

[84] Fix | Delete

.media-frame input[type="month"],

[85] Fix | Delete

.media-frame input[type="number"],

[86] Fix | Delete

.media-frame input[type="search"],

[87] Fix | Delete

.media-frame input[type="tel"],

[88] Fix | Delete

.media-frame input[type="time"],

[89] Fix | Delete

.media-frame input[type="url"],

[90] Fix | Delete

.media-frame input[type="week"],

[91] Fix | Delete

.media-frame textarea,

[92] Fix | Delete

.media-frame select {

[93] Fix | Delete

box-shadow: 0 0 0 transparent;

[94] Fix | Delete

border-radius: 4px;

[95] Fix | Delete

border: 1px solid #8c8f94;

[96] Fix | Delete

background-color: #fff;

[97] Fix | Delete

color: #2c3338;

[98] Fix | Delete

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

[99] Fix | Delete

font-size: 13px;

[100] Fix | Delete

line-height: 1.38461538;

[101] Fix | Delete

}

[102] Fix | Delete

[103] Fix | Delete

.media-frame input[type="text"],

[104] Fix | Delete

.media-frame input[type="password"],

[105] Fix | Delete

.media-frame input[type="date"],

[106] Fix | Delete

.media-frame input[type="datetime"],

[107] Fix | Delete

.media-frame input[type="datetime-local"],

[108] Fix | Delete

.media-frame input[type="email"],

[109] Fix | Delete

.media-frame input[type="month"],

[110] Fix | Delete

.media-frame input[type="number"],

[111] Fix | Delete

.media-frame input[type="search"],

[112] Fix | Delete

.media-frame input[type="tel"],

[113] Fix | Delete

.media-frame input[type="time"],

[114] Fix | Delete

.media-frame input[type="url"],

[115] Fix | Delete

.media-frame input[type="week"] {

[116] Fix | Delete

padding: 0 8px;

[117] Fix | Delete

/* inherits font size 13px */

[118] Fix | Delete

line-height: 2.15384615; /* 28px */

[119] Fix | Delete

}

[120] Fix | Delete

[121] Fix | Delete

/* Search field in the Media Library toolbar */

[122] Fix | Delete

.media-frame.mode-grid .wp-filter input[type="search"] {

[123] Fix | Delete

font-size: 14px;

[124] Fix | Delete

line-height: 2;

[125] Fix | Delete

}

[126] Fix | Delete

[127] Fix | Delete

.media-frame input[type="text"]:focus,

[128] Fix | Delete

.media-frame input[type="password"]:focus,

[129] Fix | Delete

.media-frame input[type="number"]:focus,

[130] Fix | Delete

.media-frame input[type="search"]:focus,

[131] Fix | Delete

.media-frame input[type="email"]:focus,

[132] Fix | Delete

.media-frame input[type="url"]:focus,

[133] Fix | Delete

.media-frame textarea:focus,

[134] Fix | Delete

.media-frame select:focus {

[135] Fix | Delete

border-color: #3582c4;

[136] Fix | Delete

box-shadow: 0 0 0 1px #3582c4;

[137] Fix | Delete

outline: 2px solid transparent;

[138] Fix | Delete

}

[139] Fix | Delete

[140] Fix | Delete

.media-frame input:disabled,

[141] Fix | Delete

.media-frame textarea:disabled,

[142] Fix | Delete

.media-frame input[readonly],

[143] Fix | Delete

.media-frame textarea[readonly] {

[144] Fix | Delete

background-color: #f0f0f1;

[145] Fix | Delete

}

[146] Fix | Delete

[147] Fix | Delete

.media-frame input[type="search"] {

[148] Fix | Delete

-webkit-appearance: textfield;

[149] Fix | Delete

}

[150] Fix | Delete

[151] Fix | Delete

.media-frame ::-webkit-input-placeholder {

[152] Fix | Delete

color: #646970;

[153] Fix | Delete

}

[154] Fix | Delete

[155] Fix | Delete

.media-frame ::-moz-placeholder {

[156] Fix | Delete

color: #646970;

[157] Fix | Delete

opacity: 1;

[158] Fix | Delete

}

[159] Fix | Delete

[160] Fix | Delete

.media-frame :-ms-input-placeholder {

[161] Fix | Delete

color: #646970;

[162] Fix | Delete

}

[163] Fix | Delete

[164] Fix | Delete

[165] Fix | Delete

* In some cases there's the need of higher specificity,

[166] Fix | Delete

* for example higher than `.media-embed .setting`.

[167] Fix | Delete

[168] Fix | Delete

.media-frame .hidden,

[169] Fix | Delete

.media-frame .setting.hidden {

[170] Fix | Delete

display: none;

[171] Fix | Delete

}

[172] Fix | Delete

[173] Fix | Delete

/*!

[174] Fix | Delete

* jQuery UI Draggable/Sortable 1.11.4

[175] Fix | Delete

* http://jqueryui.com

[176] Fix | Delete

[177] Fix | Delete

* Copyright jQuery Foundation and other contributors

[178] Fix | Delete

* Released under the MIT license.

[179] Fix | Delete

* http://jquery.org/license

[180] Fix | Delete

[181] Fix | Delete

.ui-draggable-handle,

[182] Fix | Delete

.ui-sortable-handle {

[183] Fix | Delete

touch-action: none;

[184] Fix | Delete

}

[185] Fix | Delete

[186] Fix | Delete

/**

[187] Fix | Delete

* Modal

[188] Fix | Delete

[189] Fix | Delete

.media-modal {

[190] Fix | Delete

position: fixed;

[191] Fix | Delete

top: 30px;

[192] Fix | Delete

right: 30px;

[193] Fix | Delete

left: 30px;

[194] Fix | Delete

bottom: 30px;

[195] Fix | Delete

z-index: 160000;

[196] Fix | Delete

}

[197] Fix | Delete

[198] Fix | Delete

.wp-customizer .media-modal {

[199] Fix | Delete

z-index: 560000;

[200] Fix | Delete

}

[201] Fix | Delete

[202] Fix | Delete

.media-modal-backdrop {

[203] Fix | Delete

position: fixed;

[204] Fix | Delete

top: 0;

[205] Fix | Delete

right: 0;

[206] Fix | Delete

left: 0;

[207] Fix | Delete

bottom: 0;

[208] Fix | Delete

min-height: 360px;

[209] Fix | Delete

background: #000;

[210] Fix | Delete

opacity: 0.7;

[211] Fix | Delete

z-index: 159900;

[212] Fix | Delete

}

[213] Fix | Delete

[214] Fix | Delete

.wp-customizer .media-modal-backdrop {

[215] Fix | Delete

z-index: 559900;

[216] Fix | Delete

}

[217] Fix | Delete

[218] Fix | Delete

.media-modal-close {

[219] Fix | Delete

position: absolute;

[220] Fix | Delete

top: 0;

[221] Fix | Delete

left: 0;

[222] Fix | Delete

width: 50px;

[223] Fix | Delete

height: 50px;

[224] Fix | Delete

margin: 0;

[225] Fix | Delete

padding: 0;

[226] Fix | Delete

border: 1px solid transparent;

[227] Fix | Delete

background: none;

[228] Fix | Delete

color: #646970;

[229] Fix | Delete

z-index: 1000;

[230] Fix | Delete

cursor: pointer;

[231] Fix | Delete

outline: none;

[232] Fix | Delete

transition: color .1s ease-in-out, background .1s ease-in-out;

[233] Fix | Delete

}

[234] Fix | Delete

[235] Fix | Delete

.media-modal-close:hover,

[236] Fix | Delete

.media-modal-close:active {

[237] Fix | Delete

color: #135e96;

[238] Fix | Delete

}

[239] Fix | Delete

[240] Fix | Delete

.media-modal-close:focus {

[241] Fix | Delete

color: #135e96;

[242] Fix | Delete

border-color: #4f94d4;

[243] Fix | Delete

box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);

[244] Fix | Delete

/* Only visible in Windows High Contrast mode */

[245] Fix | Delete

outline: 2px solid transparent;

[246] Fix | Delete

}

[247] Fix | Delete

[248] Fix | Delete

.media-modal-close span.media-modal-icon {

[249] Fix | Delete

background-image: none;

[250] Fix | Delete

}

[251] Fix | Delete

[252] Fix | Delete

.media-modal-close .media-modal-icon:before {

[253] Fix | Delete

content: "\f158";

[254] Fix | Delete

font: normal 20px/1 dashicons;

[255] Fix | Delete

speak: never;

[256] Fix | Delete

vertical-align: middle;

[257] Fix | Delete

-webkit-font-smoothing: antialiased;

[258] Fix | Delete

-moz-osx-font-smoothing: grayscale;

[259] Fix | Delete

}

[260] Fix | Delete

[261] Fix | Delete

.media-modal-content {

[262] Fix | Delete

position: absolute;

[263] Fix | Delete

top: 0;

[264] Fix | Delete

right: 0;

[265] Fix | Delete

left: 0;

[266] Fix | Delete

bottom: 0;

[267] Fix | Delete

overflow: auto;

[268] Fix | Delete

min-height: 300px;

[269] Fix | Delete

box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);

[270] Fix | Delete

background: #fff;

[271] Fix | Delete

-webkit-font-smoothing: subpixel-antialiased;

[272] Fix | Delete

}

[273] Fix | Delete

[274] Fix | Delete

.media-modal-content .media-frame select.attachment-filters {

[275] Fix | Delete

margin-top: 32px;

[276] Fix | Delete

margin-left: 2%;

[277] Fix | Delete

width: 42%;

[278] Fix | Delete

width: calc(48% - 12px);

[279] Fix | Delete

}

[280] Fix | Delete

[281] Fix | Delete

/* higher specificity */

[282] Fix | Delete

.wp-core-ui .media-modal-icon {

[283] Fix | Delete

background-image: url(../images/uploader-icons.png);

[284] Fix | Delete

background-repeat: no-repeat;

[285] Fix | Delete

}

[286] Fix | Delete

[287] Fix | Delete

/**

[288] Fix | Delete

* Toolbar

[289] Fix | Delete

[290] Fix | Delete

.media-toolbar {

[291] Fix | Delete

position: absolute;

[292] Fix | Delete

top: 0;

[293] Fix | Delete

right: 0;

[294] Fix | Delete

left: 0;

[295] Fix | Delete

z-index: 100;

[296] Fix | Delete

height: 60px;

[297] Fix | Delete

padding: 0 16px;

[298] Fix | Delete

border: 0 solid #dcdcde;

[299] Fix | Delete

overflow: hidden;

[300] Fix | Delete

}

[301] Fix | Delete

[302] Fix | Delete

.media-frame-toolbar .media-toolbar {

[303] Fix | Delete

top: auto;

[304] Fix | Delete

bottom: -47px;

[305] Fix | Delete

height: auto;

[306] Fix | Delete

overflow: visible;

[307] Fix | Delete

border-top: 1px solid #dcdcde;

[308] Fix | Delete

}

[309] Fix | Delete

[310] Fix | Delete

.media-toolbar-primary {

[311] Fix | Delete

float: left;

[312] Fix | Delete

height: 100%;

[313] Fix | Delete

position: relative;

[314] Fix | Delete

}

[315] Fix | Delete

[316] Fix | Delete

.media-toolbar-secondary {

[317] Fix | Delete

float: right;

[318] Fix | Delete

height: 100%;

[319] Fix | Delete

}

[320] Fix | Delete

[321] Fix | Delete

.media-toolbar-primary > .media-button,

[322] Fix | Delete

.media-toolbar-primary > .media-button-group {

[323] Fix | Delete

margin-right: 10px;

[324] Fix | Delete

float: right;

[325] Fix | Delete

margin-top: 15px;

[326] Fix | Delete

}

[327] Fix | Delete

[328] Fix | Delete

.media-toolbar-secondary > .media-button,

[329] Fix | Delete

.media-toolbar-secondary > .media-button-group {

[330] Fix | Delete

margin-left: 10px;

[331] Fix | Delete

margin-top: 15px;

[332] Fix | Delete

}

[333] Fix | Delete

[334] Fix | Delete

/**

[335] Fix | Delete

* Sidebar

[336] Fix | Delete

[337] Fix | Delete

.media-sidebar {

[338] Fix | Delete

position: absolute;

[339] Fix | Delete

top: 0;

[340] Fix | Delete

left: 0;

[341] Fix | Delete

bottom: 0;

[342] Fix | Delete

width: 267px;

[343] Fix | Delete

padding: 0 16px;

[344] Fix | Delete

z-index: 75;

[345] Fix | Delete

background: #f6f7f7;

[346] Fix | Delete

border-right: 1px solid #dcdcde;

[347] Fix | Delete

overflow: auto;

[348] Fix | Delete

-webkit-overflow-scrolling: touch;

[349] Fix | Delete

}

[350] Fix | Delete

[351] Fix | Delete

[352] Fix | Delete

* Implementation of bottom padding in overflow content differs across browsers.

[353] Fix | Delete

* We need a different method. See https://github.com/w3c/csswg-drafts/issues/129

[354] Fix | Delete

[355] Fix | Delete

.media-sidebar::after {

[356] Fix | Delete

content: "";

[357] Fix | Delete

display: flex;

[358] Fix | Delete

clear: both;

[359] Fix | Delete

height: 24px;

[360] Fix | Delete

}

[361] Fix | Delete

[362] Fix | Delete

.hide-toolbar .media-sidebar {

[363] Fix | Delete

bottom: 0;

[364] Fix | Delete

}

[365] Fix | Delete

[366] Fix | Delete

.media-sidebar h2,

[367] Fix | Delete

.image-details .media-embed h2 {

[368] Fix | Delete

position: relative;

[369] Fix | Delete

font-weight: 600;

[370] Fix | Delete

text-transform: uppercase;

[371] Fix | Delete

font-size: 12px;

[372] Fix | Delete

color: #646970;

[373] Fix | Delete

margin: 24px 0 8px;

[374] Fix | Delete

}

[375] Fix | Delete

[376] Fix | Delete

.media-sidebar .setting,

[377] Fix | Delete

.attachment-details .setting {

[378] Fix | Delete

display: block;

[379] Fix | Delete

float: right;

[380] Fix | Delete

width: 100%;

[381] Fix | Delete

margin: 0 0 10px;

[382] Fix | Delete

}

[383] Fix | Delete

[384] Fix | Delete

.attachment-details h2 {

[385] Fix | Delete

display: grid;

[386] Fix | Delete

grid-template-columns: auto 5em;

[387] Fix | Delete

}

[388] Fix | Delete

[389] Fix | Delete

.media-sidebar .collection-settings .setting {

[390] Fix | Delete

margin: 1px 0;

[391] Fix | Delete

}

[392] Fix | Delete

[393] Fix | Delete

.media-sidebar .setting.has-description,

[394] Fix | Delete

.attachment-details .setting.has-description {

[395] Fix | Delete

margin-bottom: 5px;

[396] Fix | Delete

}

[397] Fix | Delete

[398] Fix | Delete

.media-sidebar .setting .link-to-custom {

[399] Fix | Delete

margin: 3px 2px 0;

[400] Fix | Delete

}

[401] Fix | Delete

[402] Fix | Delete

.media-sidebar .setting span, /* Back-compat for pre-5.3 */

[403] Fix | Delete

.attachment-details .setting span, /* Back-compat for pre-5.3 */

[404] Fix | Delete

.media-sidebar .setting .name,

[405] Fix | Delete

.media-sidebar .setting .value,

[406] Fix | Delete

.attachment-details .setting .name {

[407] Fix | Delete

min-width: 30%;

[408] Fix | Delete

margin-left: 4%;

[409] Fix | Delete

font-size: 12px;

[410] Fix | Delete

text-align: left;

[411] Fix | Delete

word-wrap: break-word;

[412] Fix | Delete

}

[413] Fix | Delete

[414] Fix | Delete

.media-sidebar .setting .name {

[415] Fix | Delete

max-width: 80px;

[416] Fix | Delete

}

[417] Fix | Delete

[418] Fix | Delete

.media-sidebar .setting .value {

[419] Fix | Delete

text-align: right;

[420] Fix | Delete

}

[421] Fix | Delete

[422] Fix | Delete

.media-sidebar .setting select {

[423] Fix | Delete

max-width: 65%;

[424] Fix | Delete

}

[425] Fix | Delete

[426] Fix | Delete

.media-sidebar .setting input[type="checkbox"],

[427] Fix | Delete

.media-sidebar .field input[type="checkbox"],

[428] Fix | Delete

.media-sidebar .setting input[type="radio"],

[429] Fix | Delete

.media-sidebar .field input[type="radio"],

[430] Fix | Delete

.attachment-details .setting input[type="checkbox"],

[431] Fix | Delete

.attachment-details .field input[type="checkbox"],

[432] Fix | Delete

.attachment-details .setting input[type="radio"],

[433] Fix | Delete

.attachment-details .field input[type="radio"] {

[434] Fix | Delete

float: none;

[435] Fix | Delete

margin: 8px 3px 0;

[436] Fix | Delete

padding: 0;

[437] Fix | Delete

}

[438] Fix | Delete

[439] Fix | Delete

.media-sidebar .setting span, /* Back-compat for pre-5.3 */

[440] Fix | Delete

.attachment-details .setting span, /* Back-compat for pre-5.3 */

[441] Fix | Delete

.media-sidebar .setting .name,

[442] Fix | Delete

.media-sidebar .setting .value,

[443] Fix | Delete

.media-sidebar .checkbox-label-inline,

[444] Fix | Delete

.attachment-details .setting .name,

[445] Fix | Delete

.attachment-details .setting .value,

[446] Fix | Delete

.compat-item label span {

[447] Fix | Delete

float: right;

[448] Fix | Delete

min-height: 22px;

[449] Fix | Delete

padding-top: 8px;

[450] Fix | Delete

line-height: 1.33333333;

[451] Fix | Delete

font-weight: 400;

[452] Fix | Delete

color: #646970;

[453] Fix | Delete

}

[454] Fix | Delete

[455] Fix | Delete

.media-sidebar .checkbox-label-inline {

[456] Fix | Delete

font-size: 12px;

[457] Fix | Delete

}

[458] Fix | Delete

[459] Fix | Delete

.media-sidebar .copy-to-clipboard-container,

[460] Fix | Delete

.attachment-details .copy-to-clipboard-container {

[461] Fix | Delete

flex-wrap: wrap;

[462] Fix | Delete

margin-top: 10px;

[463] Fix | Delete

margin-right: calc( 35% - 1px );

[464] Fix | Delete

padding-top: 10px;

[465] Fix | Delete

}

[466] Fix | Delete

[467] Fix | Delete

/* Needs high specificity. */

[468] Fix | Delete

.attachment-details .attachment-info .copy-to-clipboard-container {

[469] Fix | Delete

float: none;

[470] Fix | Delete

}

[471] Fix | Delete

[472] Fix | Delete

.media-sidebar .copy-to-clipboard-container .success,

[473] Fix | Delete

.attachment-details .copy-to-clipboard-container .success {

[474] Fix | Delete

padding: 0;

[475] Fix | Delete

min-height: 0;

[476] Fix | Delete

line-height: 2.18181818;

[477] Fix | Delete

text-align: right;

[478] Fix | Delete

color: #007017;

[479] Fix | Delete

}

[480] Fix | Delete

[481] Fix | Delete

.compat-item label span {

[482] Fix | Delete

text-align: left;

[483] Fix | Delete

}

[484] Fix | Delete

[485] Fix | Delete

.media-sidebar .setting input[type="text"],

[486] Fix | Delete

.media-sidebar .setting input[type="password"],

[487] Fix | Delete

.media-sidebar .setting input[type="email"],

[488] Fix | Delete

.media-sidebar .setting input[type="number"],

[489] Fix | Delete

.media-sidebar .setting input[type="search"],

[490] Fix | Delete

.media-sidebar .setting input[type="tel"],

[491] Fix | Delete

.media-sidebar .setting input[type="url"],

[492] Fix | Delete

.media-sidebar .setting textarea,

[493] Fix | Delete

.media-sidebar .setting .value,

[494] Fix | Delete

.attachment-details .setting input[type="text"],

[495] Fix | Delete

.attachment-details .setting input[type="password"],

[496] Fix | Delete

.attachment-details .setting input[type="email"],

[497] Fix | Delete

.attachment-details .setting input[type="number"],

[498] Fix | Delete

.attachment-details .setting input[type="search"],

[499] Fix | Delete

12 3 4 5 6