Browse
For agents
About
Image Optimizer – Compress Images and Convert to WebP or AVIF
/
1.6.4
Image Optimizer – Compress Images and Convert to WebP or AVIF
v1.6.4
Switch version
1.7.7
1.7.6
1.7.5
1.7.4
trunk
1.0.0
1.0.1
1.0.2
1.1.0
1.2.0
1.2.1
1.3.0
1.4.0
1.4.1
1.5.0
1.5.1
1.5.2
1.5.3
1.5.4
1.6.0
1.6.1
1.6.2
1.6.3
1.6.4
1.6.5
All 33 releases
Overview
Code
image-optimization
/
assets
/
build
/
style-admin.css
style-admin.css
in Image Optimizer – Compress Images and Convert to WebP or AVIF 1.6.4, at assets/build/style-admin.css
2 lines
4.8 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
image-optimizer__notice
{
border
:
none
;
padding
:
12
px
;
&
p
{
margin
:
0
}
&
.
notice-dismiss
{
top
:
50
%
;
transform
:
translateY
(
calc
(
-50
%
-
2
px
)
)
}
&
.
notice-dismiss
:
before
{
color
:
#
1e1e1e
;
content
:
"
\f335
"
;
font
:
normal
22
px
/
24
px
dashicons
;
width
:
24
px
}
}
.
image-optimizer__notice
button
:
not
(
.
notice-dismiss
)
{
background
:
none
;
border
:
none
;
color
:
#
dc2626
;
cursor
:
pointer
;
display
:
block
;
font-size
:
13
px
;
font-style
:
normal
;
font-weight
:
400
;
letter-spacing
:
-.247
px
;
line-height
:
150
%
;
padding
:
0
;
text-decoration-line
:
underline
}
.
image-optimizer__notice--error
{
background-color
:
#
fde8ec
;
border-inline-start
:
4
px
solid
#
dc2626
}
.
image-optimizer__notice--warning
{
background-color
:
#
fef8ee
;
border-inline-start
:
4
px
solid
#
f0b849
}
.
image-optimizer__notice--success
{
background-color
:
#
eff9f1
;
border-inline-start
:
4
px
solid
#
4ab866
}
.
image-optimizer__notice--info
{
background-color
:
#
f1f6fb
;
border-inline-start
:
4
px
solid
#
0288d1
}
.
image-optimizer__notice--pink
{
background-color
:
#
fff
;
border
:
1
px
solid
#
d8d8da
;
border-inline-start
:
4
px
solid
#
ff7be5
;
padding-left
:
54
px
;
position
:
relative
}
body
.
rtl
.
image-optimizer__notice--pink
{
padding-left
:
12
px
;
padding-right
:
54
px
}
.
image-optimizer__notice--pink
b
{
color
:
#
444950
;
font-weight
:
500
}
.
image-optimizer__notice--pink
a
{
color
:
#
d004d4
;
font-weight
:
500
;
margin-inline-start
:
10
px
;
text-decoration
:
none
}
.
image-optimizer__notice--pink
.
image-optimizer__icon-block
{
align-items
:
center
;
background-color
:
#
fae8ff
;
bottom
:
0
;
display
:
flex
;
justify-content
:
center
;
left
:
0
;
position
:
absolute
;
top
:
0
;
width
:
48
px
}
body
.
rtl
.
image-optimizer__notice--pink
.
image-optimizer__icon-block
{
left
:
auto
;
right
:
0
}
.
image-optimizer__renewal-notice
{
align-items
:
center
;
display
:
flex
;
justify-content
:
space-between
}
.
image-optimizer__renewal-notice
.
image-optimizer__content-block
{
align-items
:
center
;
display
:
flex
}
.
image-optimizer__renewal-notice
svg
{
margin-inline-end
:
12
px
;
min-width
:
32
px
}
.
image-optimizer__renewal-notice
a
{
background-color
:
#
dc2626
;
border-radius
:
4
px
;
color
:
#
fff
;
display
:
inline-block
;
line-height
:
1
;
margin
:
0
10
px
;
padding
:
10
px
12
px
;
text-decoration
:
none
;
white-space
:
nowrap
}
.
image-optimizer__modal--not-connected
{
align-items
:
center
;
color
:
#
0c0d0e
;
display
:
flex
;
flex-direction
:
column
;
font-family
:
Roboto
,
serif
;
height
:
100
%
;
justify-content
:
center
;
margin
:
0
auto
;
max-width
:
100
vw
}
.
image-optimizer__modal--not-connected
*
{
box-sizing
:
border-box
}
.
image-optimizer__modal--not-connected
img
{
display
:
inline-block
;
margin
:
0
16
px
40
px
}
.
image-optimizer__modal--not-connected
h2
{
font-size
:
24
px
;
font-style
:
normal
;
font-weight
:
700
;
line-height
:
32
px
;
margin
:
0
16
px
12
px
;
text-align
:
center
}
.
image-optimizer__modal--not-connected
p
{
font-size
:
14
px
;
font-weight
:
400
;
line-height
:
20
px
;
margin
:
0
16
px
12
px
;
text-align
:
center
}
.
image-optimizer__modal--not-connected
ul
{
list-style
:
none
;
margin
:
0
16
px
32
px
}
.
image-optimizer__modal--not-connected
ul
li
{
background-image
:
url
(
data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAxLjg3NUM4LjkzMzAxIDEuODc1IDcuODc2NDcgMi4wODUxNiA2Ljg5MDcgMi40OTM0OEM1LjkwNDkzIDIuOTAxOCA1LjAwOTIzIDMuNTAwMjggNC4yNTQ3NiA0LjI1NDc2QzMuNTAwMjggNS4wMDkyMyAyLjkwMTggNS45MDQ5MyAyLjQ5MzQ4IDYuODkwN0MyLjA4NTE2IDcuODc2NDcgMS44NzUgOC45MzMwMSAxLjg3NSAxMEMxLjg3NSAxMS4wNjcgMi4wODUxNiAxMi4xMjM1IDIuNDkzNDggMTMuMTA5M0MyLjkwMTggMTQuMDk1MSAzLjUwMDI4IDE0Ljk5MDggNC4yNTQ3NiAxNS43NDUyQzUuMDA5MjMgMTYuNDk5NyA1LjkwNDkzIDE3LjA5ODIgNi44OTA3IDE3LjUwNjVDNy44NzY0NyAxNy45MTQ4IDguOTMzMDEgMTguMTI1IDEwIDE4LjEyNUMxMS4wNjcgMTguMTI1IDEyLjEyMzUgMTcuOTE0OCAxMy4xMDkzIDE3LjUwNjVDMTQuMDk1MSAxNy4wOTgyIDE0Ljk5MDggMTYuNDk5NyAxNS43NDUyIDE1Ljc0NTJDMTYuNDk5NyAxNC45OTA4IDE3LjA5ODIgMTQuMDk1MSAxNy41MDY1IDEzLjEwOTNDMTcuOTE0OCAxMi4xMjM1IDE4LjEyNSAxMS4wNjcgMTguMTI1IDEwQzE4LjEyNSA4LjkzMzAxIDE3LjkxNDggNy44NzY0NyAxNy41MDY1IDYuODkwN0MxNy4wOTgyIDUuOTA0OTMgMTYuNDk5NyA1LjAwOTIzIDE1Ljc0NTIgNC4yNTQ3NkMxNC45OTA4IDMuNTAwMjggMTQuMDk1MSAyLjkwMTggMTMuMTA5MyAyLjQ5MzQ4QzEyLjEyMzUgMi4wODUxNiAxMS4wNjcgMS44NzUgMTAgMS44NzVaTTEzLjUzNDYgOC4zODAyNEMxMy43Nzg3IDguMTM2MTYgMTMuNzc4NyA3Ljc0MDQzIDEzLjUzNDYgNy40OTYzNUMxMy4yOTA1IDcuMjUyMjggMTIuODk0OCA3LjI1MjI4IDEyLjY1MDcgNy40OTYzNUw4Ljk2OTI1IDExLjE3NzhMNy4zNDk0OSA5LjU1ODA1QzcuMTA1NDIgOS4zMTM5OCA2LjcwOTY5IDkuMzEzOTggNi40NjU2MSA5LjU1ODA1QzYuMjIxNTMgOS44MDIxMyA2LjIyMTUzIDEwLjE5NzkgNi40NjU2MSAxMC40NDE5TDguNTI3MzEgMTIuNTAzNkM4LjY0NDUyIDEyLjYyMDggOC44MDM0OSAxMi42ODY3IDguOTY5MjUgMTIuNjg2N0M5LjEzNTAxIDEyLjY4NjcgOS4yOTM5OCAxMi42MjA4IDkuNDExMTkgMTIuNTAzNkwxMy41MzQ2IDguMzgwMjRaIiBmaWxsPSIjRjBBQkZDIi8+Cjwvc3ZnPgo=
)
;
background-repeat
:
no-repeat
;
display
:
flex
;
font-size
:
14
px
;
font-weight
:
400
;
line-height
:
20
px
;
margin
:
0
0
8
px
;
padding-left
:
25
px
}
body
.
rtl
.
image-optimizer__modal--not-connected
ul
li
{
background-position
:
100
%
;
padding-left
:
0
;
padding-right
:
25
px
}
.
image-optimizer__modal--not-connected
a
{
background
:
#
f0abfc
;
border-radius
:
4
px
;
color
:
#
0c0d0e
;
display
:
inline-block
;
font-size
:
16
px
;
line-height
:
26
px
;
padding
:
8
px
22
px
;
text-align
:
center
;
text-decoration
:
none
;
width
:
300
px
}
2
