Edit File by line

/**

[0] Fix | Delete

* Common styles that are used on all the WP pages in the backend

[1] Fix | Delete

[2] Fix | Delete

@import "modules/media";

[3] Fix | Delete

[4] Fix | Delete

.sui-wrap .smush-upsell-link,

[5] Fix | Delete

.sui-wrap a.smush-upsell-link {

[6] Fix | Delete

color: $purple;

[7] Fix | Delete

> span:before {

[8] Fix | Delete

color: $purple;

[9] Fix | Delete

}

[10] Fix | Delete

&:hover:not(.sui-button),

[11] Fix | Delete

&:focus:not(.sui-button),

[12] Fix | Delete

&:active:not(.sui-button) {

[13] Fix | Delete

color: #64007e;

[14] Fix | Delete

> span:before {

[15] Fix | Delete

color: #64007e;

[16] Fix | Delete

}

[17] Fix | Delete

}

[18] Fix | Delete

}

[19] Fix | Delete

[20] Fix | Delete

/**

[21] Fix | Delete

* Media details (grid layout)

[22] Fix | Delete

* @since 3.4.0

[23] Fix | Delete

[24] Fix | Delete

.attachment-info .smush-stats .value {

[25] Fix | Delete

display: flex;

[26] Fix | Delete

flex-wrap: wrap;

[27] Fix | Delete

[28] Fix | Delete

.smush-status {

[29] Fix | Delete

margin: 0 0 10px;

[30] Fix | Delete

flex-basis: 100%;

[31] Fix | Delete

font-size: 12px;

[32] Fix | Delete

line-height: 1.33333;

[33] Fix | Delete

}

[34] Fix | Delete

[35] Fix | Delete

.smush-status-links {

[36] Fix | Delete

width: 100%;

[37] Fix | Delete

}

[38] Fix | Delete

[39] Fix | Delete

span.sui-tooltip {

[40] Fix | Delete

float: none;

[41] Fix | Delete

}

[42] Fix | Delete

[43] Fix | Delete

a {

[44] Fix | Delete

margin-left: 5px;

[45] Fix | Delete

}

[46] Fix | Delete

[47] Fix | Delete

a:first-of-type {

[48] Fix | Delete

margin-left: 0;

[49] Fix | Delete

margin-right: 5px;

[50] Fix | Delete

}

[51] Fix | Delete

}

[52] Fix | Delete

[53] Fix | Delete

.attachment-info .smush-status-links,

[54] Fix | Delete

.column-smushit .smush-status-links {

[55] Fix | Delete

color: #ddd;

[56] Fix | Delete

}

[57] Fix | Delete

[58] Fix | Delete

.column-smushit .smush-status-links > a {

[59] Fix | Delete

box-shadow: none;

[60] Fix | Delete

outline: none;

[61] Fix | Delete

}

[62] Fix | Delete

[63] Fix | Delete

.wp-smush-progress {

[64] Fix | Delete

padding-left: 25px;

[65] Fix | Delete

margin: 0;

[66] Fix | Delete

background-size: 17px 17px;

[67] Fix | Delete

visibility: visible;

[68] Fix | Delete

vertical-align: initial !important; /* prevent from jumping on a line */

[69] Fix | Delete

display: inline;

[70] Fix | Delete

color: #32373c;

[71] Fix | Delete

cursor: default;

[72] Fix | Delete

}

[73] Fix | Delete

[74] Fix | Delete

// Fix grid view links.

[75] Fix | Delete

.attachment-details .setting span.wp-smush-progress {

[76] Fix | Delete

width: auto;

[77] Fix | Delete

line-height: 0;

[78] Fix | Delete

margin-right: 5px;

[79] Fix | Delete

}

[80] Fix | Delete

[81] Fix | Delete

/** Settings Page **/

[82] Fix | Delete

.smush-status.fail {

[83] Fix | Delete

color: #dd3d36;

[84] Fix | Delete

}

[85] Fix | Delete

[86] Fix | Delete

.smush-status.success {

[87] Fix | Delete

color: #0074a2;

[88] Fix | Delete

}

[89] Fix | Delete

[90] Fix | Delete

.smush-status.error {

[91] Fix | Delete

color: red;

[92] Fix | Delete

}

[93] Fix | Delete

[94] Fix | Delete

#wpbody-content .wp-smush-error {

[95] Fix | Delete

color: red;

[96] Fix | Delete

}

[97] Fix | Delete

[98] Fix | Delete

.wp-smush-action[disabled] {

[99] Fix | Delete

opacity: 0.6;

[100] Fix | Delete

}

[101] Fix | Delete

[102] Fix | Delete

#post-body-content .smush-status {

[103] Fix | Delete

margin: 4px 0;

[104] Fix | Delete

}

[105] Fix | Delete

[106] Fix | Delete

.attachment-info .wp-smush-error-message {

[107] Fix | Delete

margin: 0 0 1em;

[108] Fix | Delete

}

[109] Fix | Delete

[110] Fix | Delete

.smush-stats-wrapper .row {

[111] Fix | Delete

padding: 8px 0;

[112] Fix | Delete

}

[113] Fix | Delete

[114] Fix | Delete

.smush-stats-wrapper .row:first-child {

[115] Fix | Delete

padding-top: 0;

[116] Fix | Delete

}

[117] Fix | Delete

[118] Fix | Delete

.smush-stats-wrapper td, .smush-stats-wrapper th {

[119] Fix | Delete

font-size: 11px;

[120] Fix | Delete

}

[121] Fix | Delete

[122] Fix | Delete

.smush-skipped .dashicons-editor-help {

[123] Fix | Delete

margin-top: -2px;

[124] Fix | Delete

margin-left: 5px;

[125] Fix | Delete

}

[126] Fix | Delete

[127] Fix | Delete

.smush-skipped {

[128] Fix | Delete

a:focus { box-shadow: 0 0 black; }

[129] Fix | Delete

.sui-tag.sui-tag-purple {

[130] Fix | Delete

min-height: 18px;

[131] Fix | Delete

padding: 2px 10px;

[132] Fix | Delete

font-size: 10px;

[133] Fix | Delete

line-height: 12px;

[134] Fix | Delete

font-weight: 700;

[135] Fix | Delete

background-color: #8d00b1;

[136] Fix | Delete

color: #fff;

[137] Fix | Delete

border: 2px solid transparent;

[138] Fix | Delete

border-radius: 13px;

[139] Fix | Delete

}

[140] Fix | Delete

}

[141] Fix | Delete

[142] Fix | Delete

/** Help Tip **/

[143] Fix | Delete

.ui-tooltip-content {

[144] Fix | Delete

font-size: 12px;

[145] Fix | Delete

}

[146] Fix | Delete

[147] Fix | Delete

/** All Smushed **/

[148] Fix | Delete

.wp-smush-notice {

[149] Fix | Delete

background-color: #D1F1EA;

[150] Fix | Delete

border-radius: 5px;

[151] Fix | Delete

color: #333333;

[152] Fix | Delete

font-family: 'Roboto', sans-serif;

[153] Fix | Delete

font-size: 15px;

[154] Fix | Delete

line-height: 30px;

[155] Fix | Delete

margin-bottom: 30px;

[156] Fix | Delete

padding: 15px 30px;

[157] Fix | Delete

letter-spacing: -0.015em;

[158] Fix | Delete

}

[159] Fix | Delete

[160] Fix | Delete

div.smush-notice-cta a.smush-notice-act.button-primary {

[161] Fix | Delete

padding: 3px 23px;

[162] Fix | Delete

background-color: #00B0DB;

[163] Fix | Delete

box-shadow: none;

[164] Fix | Delete

border-radius: 4px;

[165] Fix | Delete

border: none;

[166] Fix | Delete

text-shadow: none;

[167] Fix | Delete

font-weight: normal;

[168] Fix | Delete

-webkit-font-smoothing: antialiased;

[169] Fix | Delete

[170] Fix | Delete

&:hover {

[171] Fix | Delete

border: none;

[172] Fix | Delete

}

[173] Fix | Delete

}

[174] Fix | Delete

[175] Fix | Delete

a.wp-smush-resize-enable:hover,

[176] Fix | Delete

a.wp-smush-lossy-enable:hover {

[177] Fix | Delete

color: #0A9BD6;

[178] Fix | Delete

}

[179] Fix | Delete

[180] Fix | Delete

.wp-smush-bulk-wrapper {

[181] Fix | Delete

#wp-smush-bulk-image-count {

[182] Fix | Delete

color: #333333;

[183] Fix | Delete

font-size: 28px;

[184] Fix | Delete

line-height: 40px;

[185] Fix | Delete

letter-spacing: -0.5px;

[186] Fix | Delete

font-weight: 600;

[187] Fix | Delete

}

[188] Fix | Delete

[189] Fix | Delete

#wp-smush-bulk-image-count-description {

[190] Fix | Delete

color: #333333;

[191] Fix | Delete

font-size: 13px;

[192] Fix | Delete

margin-top: 0;

[193] Fix | Delete

margin-bottom: 10px;

[194] Fix | Delete

}

[195] Fix | Delete

[196] Fix | Delete

.sui-tooltip,

[197] Fix | Delete

.sui-tooltip > .sui-icon-info {

[198] Fix | Delete

vertical-align: top;

[199] Fix | Delete

}

[200] Fix | Delete

}

[201] Fix | Delete

[202] Fix | Delete

/** Image Remaining **/

[203] Fix | Delete

div.wp-smush-dir-limit,

[204] Fix | Delete

div.smush-s3-setup-message {

[205] Fix | Delete

background-color: #FFF5D5;

[206] Fix | Delete

border: none;

[207] Fix | Delete

color: #333333;

[208] Fix | Delete

line-height: 30px;

[209] Fix | Delete

font-size: 15px;

[210] Fix | Delete

letter-spacing: -0.015em;

[211] Fix | Delete

}

[212] Fix | Delete

[213] Fix | Delete

div.smush-s3-setup-message {

[214] Fix | Delete

background-color: #DFF6FA;

[215] Fix | Delete

}

[216] Fix | Delete

[217] Fix | Delete

div.wp-smush-dir-limit {

[218] Fix | Delete

background-color: #dff6fa;

[219] Fix | Delete

}

[220] Fix | Delete

[221] Fix | Delete

.wp-smush-count {

[222] Fix | Delete

color: #888888;

[223] Fix | Delete

font-size: 13px;

[224] Fix | Delete

line-height: 1.5;

[225] Fix | Delete

margin-top: 15px;

[226] Fix | Delete

}

[227] Fix | Delete

[228] Fix | Delete

/** Stats Container **/

[229] Fix | Delete

[230] Fix | Delete

a.wp-smush-lossy-enable {

[231] Fix | Delete

cursor: pointer;

[232] Fix | Delete

}

[233] Fix | Delete

[234] Fix | Delete

/** Re Smush **/

[235] Fix | Delete

.wp-smush-settings-changed {

[236] Fix | Delete

background: #dff6fa;

[237] Fix | Delete

border-radius: 5px;

[238] Fix | Delete

font-size: 13px;

[239] Fix | Delete

line-height: 1.7;

[240] Fix | Delete

padding: 20px;

[241] Fix | Delete

}

[242] Fix | Delete

[243] Fix | Delete

.compat-item .compat-field-wp_smush {

[244] Fix | Delete

display: table-row;

[245] Fix | Delete

}

[246] Fix | Delete

[247] Fix | Delete

.manage-column.column-smushit {

[248] Fix | Delete

width: 260px;

[249] Fix | Delete

}

[250] Fix | Delete

[251] Fix | Delete

.smushit [tooltip],

[252] Fix | Delete

label.setting.smush-stats [tooltip],

[253] Fix | Delete

.compat-field-wp_smush [tooltip] {

[254] Fix | Delete

position: relative;

[255] Fix | Delete

overflow: visible;

[256] Fix | Delete

}

[257] Fix | Delete

[258] Fix | Delete

.smushit [tooltip]:before,

[259] Fix | Delete

label.setting.smush-stats [tooltip]:before,

[260] Fix | Delete

.compat-field-wp_smush [tooltip]:before {

[261] Fix | Delete

content: '';

[262] Fix | Delete

position: absolute;

[263] Fix | Delete

border: 5px solid transparent;

[264] Fix | Delete

border-top-color: #0B2F3F;

[265] Fix | Delete

bottom: 100%;

[266] Fix | Delete

left: 50%;

[267] Fix | Delete

margin-left: -5px;

[268] Fix | Delete

margin-bottom: -5px;

[269] Fix | Delete

opacity: 0;

[270] Fix | Delete

z-index: -1;

[271] Fix | Delete

transition: margin .2s, opacity .2s, z-index .2s linear .2s;

[272] Fix | Delete

pointer-events: none;

[273] Fix | Delete

}

[274] Fix | Delete

[275] Fix | Delete

.smushit [tooltip]:after,

[276] Fix | Delete

label.setting.smush-stats [tooltip]:after,

[277] Fix | Delete

.compat-field-wp_smush [tooltip]:after {

[278] Fix | Delete

background: #0B2F3F;

[279] Fix | Delete

border-radius: 4px;

[280] Fix | Delete

bottom: 100%;

[281] Fix | Delete

color: #FFF;

[282] Fix | Delete

content: attr(tooltip);

[283] Fix | Delete

font-size: 13px;

[284] Fix | Delete

font-weight: 400;

[285] Fix | Delete

left: 50%;

[286] Fix | Delete

line-height: 20px;

[287] Fix | Delete

margin-left: -100px;

[288] Fix | Delete

margin-bottom: 5px;

[289] Fix | Delete

opacity: 0;

[290] Fix | Delete

padding: 5px;

[291] Fix | Delete

pointer-events: none;

[292] Fix | Delete

position: absolute;

[293] Fix | Delete

width: 180px;

[294] Fix | Delete

text-align: center;

[295] Fix | Delete

transition: margin .2s, opacity .2s, z-index .2s linear .2s;

[296] Fix | Delete

white-space: pre-wrap;

[297] Fix | Delete

z-index: -1;

[298] Fix | Delete

}

[299] Fix | Delete

[300] Fix | Delete

.smushit .smush-skipped [tooltip]:before,

[301] Fix | Delete

label.setting.smush-stats .smush-skipped [tooltip]:before,

[302] Fix | Delete

.compat-field-wp_smush .smush-skipped [tooltip]:before {

[303] Fix | Delete

border-top-color: transparent;

[304] Fix | Delete

border-left-color: #0B2F3F;

[305] Fix | Delete

bottom: 0;

[306] Fix | Delete

left: 0;

[307] Fix | Delete

}

[308] Fix | Delete

[309] Fix | Delete

.smushit .smush-skipped [tooltip]:after,

[310] Fix | Delete

label.setting.smush-stats .smush-skipped [tooltip]:after,

[311] Fix | Delete

.compat-field-wp_smush .smush-skipped [tooltip]:after {

[312] Fix | Delete

margin-left: 0;

[313] Fix | Delete

left: -195px;

[314] Fix | Delete

top: -35px;

[315] Fix | Delete

bottom: inherit;

[316] Fix | Delete

margin-bottom: 5px;

[317] Fix | Delete

}

[318] Fix | Delete

[319] Fix | Delete

label.setting.smush-stats .smush-skipped [tooltip]:after {

[320] Fix | Delete

top: -98px;

[321] Fix | Delete

}

[322] Fix | Delete

[323] Fix | Delete

div.media-sidebar label.setting.smush-stats .smush-skipped [tooltip]:after {

[324] Fix | Delete

left: -188px;

[325] Fix | Delete

padding-left: 10px;

[326] Fix | Delete

width: 170px;

[327] Fix | Delete

}

[328] Fix | Delete

[329] Fix | Delete

div.media-sidebar label.setting.smush-stats .smush-skipped [tooltip]:before {

[330] Fix | Delete

margin-left: -3px;

[331] Fix | Delete

}

[332] Fix | Delete

[333] Fix | Delete

.smushit [tooltip].tooltip-s:after,

[334] Fix | Delete

label.setting.smush-stats [tooltip].tooltip-s:after,

[335] Fix | Delete

.compat-field-wp_smush [tooltip].tooltip-s:after {

[336] Fix | Delete

width: 150px;

[337] Fix | Delete

margin-left: -75px;

[338] Fix | Delete

}

[339] Fix | Delete

[340] Fix | Delete

.smushit [tooltip].tooltip-l:after,

[341] Fix | Delete

label.setting.smush-stats [tooltip].tooltip-l:after,

[342] Fix | Delete

.compat-field-wp_smush [tooltip].tooltip-l:after {

[343] Fix | Delete

width: 280px;

[344] Fix | Delete

margin-left: -140px;

[345] Fix | Delete

}

[346] Fix | Delete

[347] Fix | Delete

.smushit [tooltip].tooltip-right:after, .compat-field-wp_smush [tooltip].tooltip-right:after {

[348] Fix | Delete

margin-left: -180px;

[349] Fix | Delete

}

[350] Fix | Delete

[351] Fix | Delete

.smushit [tooltip].tooltip-s.tooltip-right:after, .compat-field-wp_smush [tooltip].tooltip-s.tooltip-right:after {

[352] Fix | Delete

margin-left: -130px;

[353] Fix | Delete

}

[354] Fix | Delete

[355] Fix | Delete

.smushit [tooltip].tooltip-l.tooltip-right:after, .compat-field-wp_smush [tooltip].tooltip-l.tooltip-right:after {

[356] Fix | Delete

margin-left: -260px;

[357] Fix | Delete

}

[358] Fix | Delete

[359] Fix | Delete

.smushit [tooltip].tooltip-bottom:before, .compat-field-wp_smush [tooltip].tooltip-bottom:before {

[360] Fix | Delete

border-color: transparent;

[361] Fix | Delete

border-bottom-color: #0B2F3F;

[362] Fix | Delete

top: 100%;

[363] Fix | Delete

bottom: auto;

[364] Fix | Delete

margin-top: -5px;

[365] Fix | Delete

margin-bottom: 0;

[366] Fix | Delete

}

[367] Fix | Delete

[368] Fix | Delete

.smushit [tooltip].tooltip-bottom:after, .compat-field-wp_smush [tooltip].tooltip-bottom:after {

[369] Fix | Delete

bottom: auto;

[370] Fix | Delete

top: 100%;

[371] Fix | Delete

margin-top: 5px;

[372] Fix | Delete

margin-bottom: 0;

[373] Fix | Delete

}

[374] Fix | Delete

[375] Fix | Delete

.smushit [tooltip]:hover:before,

[376] Fix | Delete

label.setting.smush-stats [tooltip]:hover:before,

[377] Fix | Delete

.compat-field-wp_smush [tooltip]:hover:before {

[378] Fix | Delete

z-index: 1;

[379] Fix | Delete

margin-bottom: 0;

[380] Fix | Delete

opacity: 1;

[381] Fix | Delete

transition: margin .2s, opacity .2s;

[382] Fix | Delete

}

[383] Fix | Delete

[384] Fix | Delete

.smushit [tooltip]:hover:after,

[385] Fix | Delete

label.setting.smush-stats [tooltip]:hover:after,

[386] Fix | Delete

.compat-field-wp_smush [tooltip]:hover:after {

[387] Fix | Delete

opacity: 1;

[388] Fix | Delete

z-index: 1;

[389] Fix | Delete

margin-bottom: 10px;

[390] Fix | Delete

transition: margin .2s, opacity .2s;

[391] Fix | Delete

}

[392] Fix | Delete

[393] Fix | Delete

.smushit .disabled[tooltip]:before,

[394] Fix | Delete

.smushit .disabled[tooltip]:after,

[395] Fix | Delete

label.setting.smush-stats .disabled[tooltip]:before,

[396] Fix | Delete

label.setting.smush-stats .disabled[tooltip]:after,

[397] Fix | Delete

.compat-field-wp_smush .disabled[tooltip]:before,

[398] Fix | Delete

.compat-field-wp_smush .disabled[tooltip]:after {

[399] Fix | Delete

display: none;

[400] Fix | Delete

}

[401] Fix | Delete

[402] Fix | Delete

/** Image List **/

[403] Fix | Delete

div.wp-smush-scan-result {

[404] Fix | Delete

background: white;

[405] Fix | Delete

[406] Fix | Delete

div.wp-smush-notice {

[407] Fix | Delete

margin-top: 14px;

[408] Fix | Delete

padding: 15px 30px;

[409] Fix | Delete

}

[410] Fix | Delete

[411] Fix | Delete

div.content {

[412] Fix | Delete

overflow: hidden;

[413] Fix | Delete

width: 100%;

[414] Fix | Delete

}

[415] Fix | Delete

}

[416] Fix | Delete

[417] Fix | Delete

div.wp-smush-info.notice {

[418] Fix | Delete

font-size: 15px;

[419] Fix | Delete

letter-spacing: -0.015em;

[420] Fix | Delete

margin: 0 0 30px;

[421] Fix | Delete

padding: 15px;

[422] Fix | Delete

}

[423] Fix | Delete

[424] Fix | Delete

/** Media Queries **/

[425] Fix | Delete

[426] Fix | Delete

@media screen and (max-width: 1024px) and (min-width: 800px) {

[427] Fix | Delete

/** Stats Section **/

[428] Fix | Delete

.smush-stats-wrapper h3 {

[429] Fix | Delete

padding: 6px 0;

[430] Fix | Delete

}

[431] Fix | Delete

}

[432] Fix | Delete

[433] Fix | Delete

/** Media Queries for resolution below 782px **/

[434] Fix | Delete

@media only screen and (max-width: 800px) {

[435] Fix | Delete

.dev-box.bulk-smush-wrapper.wp-smush-container {

[436] Fix | Delete

padding: 20px 10px;

[437] Fix | Delete

}

[438] Fix | Delete

}

[439] Fix | Delete

[440] Fix | Delete

/**

[441] Fix | Delete

* CSS styles used Admin notice

[442] Fix | Delete

[443] Fix | Delete

.smush-notice.notice {

[444] Fix | Delete

padding: 0;

[445] Fix | Delete

margin: 5px 0 10px;

[446] Fix | Delete

border: 1px solid #E5E5E5;

[447] Fix | Delete

background: #FFF;

[448] Fix | Delete

overflow: hidden;

[449] Fix | Delete

-webkit-border-radius: 6px;

[450] Fix | Delete

border-radius: 6px;

[451] Fix | Delete

-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);

[452] Fix | Delete

box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);

[453] Fix | Delete

position: relative;

[454] Fix | Delete

z-index: 1;

[455] Fix | Delete

min-height: 80px;

[456] Fix | Delete

display: table; /* The magic ingredient! */

[457] Fix | Delete

font: 13px "Roboto", sans-serif;

[458] Fix | Delete

}

[459] Fix | Delete

[460] Fix | Delete

.smush-notice.notice.loading:before {

[461] Fix | Delete

content: attr(data-message);

[462] Fix | Delete

position: absolute;

[463] Fix | Delete

left: 0;

[464] Fix | Delete

right: 0;

[465] Fix | Delete

top: 0;

[466] Fix | Delete

bottom: 0;

[467] Fix | Delete

background-color: rgba(255, 255, 255, 0.7);

[468] Fix | Delete

z-index: 5;

[469] Fix | Delete

text-align: center;

[470] Fix | Delete

line-height: 80px;

[471] Fix | Delete

font-size: 22px;

[472] Fix | Delete

font-weight: bold;

[473] Fix | Delete

}

[474] Fix | Delete

[475] Fix | Delete

.smush-notice > div {

[476] Fix | Delete

display: table-cell; /* The magic ingredient! */

[477] Fix | Delete

vertical-align: middle;

[478] Fix | Delete

cursor: default;

[479] Fix | Delete

line-height: 1.5;

[480] Fix | Delete

}

[481] Fix | Delete

[482] Fix | Delete

.smush-notice.notice.loading > div {

[483] Fix | Delete

-webkit-filter: blur(2px);

[484] Fix | Delete

-moz-filter: blur(2px);

[485] Fix | Delete

-o-filter: blur(2px);

[486] Fix | Delete

-ms-filter: blur(2px);

[487] Fix | Delete

filter: blur(2px);

[488] Fix | Delete

}

[489] Fix | Delete

[490] Fix | Delete

.smush-notice-logo {

[491] Fix | Delete

padding-left: 30px;

[492] Fix | Delete

}

[493] Fix | Delete

[494] Fix | Delete

.smush-notice-message {

[495] Fix | Delete

color: #23282D;

[496] Fix | Delete

font-size: 13px;

[497] Fix | Delete

font-weight: normal;

[498] Fix | Delete

line-height: 20px;

[499] Fix | Delete