Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F5976432
CdxInfoChip.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
9 KB
Referenced Files
None
Subscribers
None
CdxInfoChip.css
View Options
.
cdx-info-chip
{
background-color
:
var
(
--background-color-notice-subtle
,
#eaecf0
);
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
gap
:
4
px
;
box-sizing
:
border-box
;
max-width
:
100
%
;
border
:
1
px
solid
var
(
--border-color-notice
,
#72777d
);
border-radius
:
9999
px
;
padding
:
0
8
px
;
line-height
:
1.5714285
}.
cdx-info-chip__text
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
color
:
var
(
--color-base
,
#202122
);
font-size
:
.875
rem
}.
cdx-info-chip
.
cdx-info-chip__icon
{
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip
.
cdx-info-chip__icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1
rem
,
16
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip
.
cdx-info-chip__icon
{
-webkit-
mask-position
:
center
;
mask-position
:
center
;
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-size
:
max
(
1
rem
,
16
px
);
mask-size
:
max
(
1
rem
,
16
px
)}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip
.
cdx-info-chip__icon
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>'
);
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip
.
cdx-info-chip__icon
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>'
);
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/></svg>'
);
background-color
:
var
(
--color-icon-notice
,
#72777d
)}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip
.
cdx-info-chip__icon
:
lang
(
ar
)
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>'
);
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip
.
cdx-info-chip__icon
:
lang
(
ar
)
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>'
);
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/></svg>'
);
background-color
:
var
(
--color-icon-notice
,
#72777d
)}}.
cdx-info-chip
.
cdx-info-chip__icon--vue
{
color
:
var
(
--color-icon-notice
,
#72777d
)}.
cdx-info-chip--error
{
background-color
:
var
(
--background-color-error-subtle
,
#ffe9e5
);
border-color
:
var
(
--border-color-error
,
#f54739
)}.
cdx-info-chip--error
.
cdx-info-chip__icon
{
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip--error
.
cdx-info-chip__icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1
rem
,
16
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip--error
.
cdx-info-chip__icon
{
-webkit-
mask-position
:
center
;
mask-position
:
center
;
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-size
:
max
(
1
rem
,
16
px
);
mask-size
:
max
(
1
rem
,
16
px
)}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip--error
.
cdx-info-chip__icon
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>'
);
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip--error
.
cdx-info-chip__icon
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>'
);
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>'
);
background-color
:
var
(
--color-icon-error
,
#f54739
)}}.
cdx-info-chip--error
.
cdx-info-chip__icon--vue
{
color
:
var
(
--color-icon-error
,
#f54739
)}.
cdx-info-chip--warning
{
background-color
:
var
(
--background-color-warning-subtle
,
#fdf2d5
);
border-color
:
var
(
--border-color-warning
,
#ab7f2a
)}.
cdx-info-chip--warning
.
cdx-info-chip__icon
{
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip--warning
.
cdx-info-chip__icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1
rem
,
16
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip--warning
.
cdx-info-chip__icon
{
-webkit-
mask-position
:
center
;
mask-position
:
center
;
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-size
:
max
(
1
rem
,
16
px
);
mask-size
:
max
(
1
rem
,
16
px
)}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip--warning
.
cdx-info-chip__icon
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>'
);
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip--warning
.
cdx-info-chip__icon
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>'
);
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/></svg>'
);
background-color
:
var
(
--color-icon-warning
,
#ab7f2a
)}}.
cdx-info-chip--warning
.
cdx-info-chip__icon--vue
{
color
:
var
(
--color-icon-warning
,
#ab7f2a
)}.
cdx-info-chip--success
{
background-color
:
var
(
--background-color-success-subtle
,
#dff2eb
);
border-color
:
var
(
--border-color-success
,
#099979
)}.
cdx-info-chip--success
.
cdx-info-chip__icon
{
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip--success
.
cdx-info-chip__icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1
rem
,
16
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip--success
.
cdx-info-chip__icon
{
-webkit-
mask-position
:
center
;
mask-position
:
center
;
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-size
:
max
(
1
rem
,
16
px
);
mask-size
:
max
(
1
rem
,
16
px
)}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-info-chip--success
.
cdx-info-chip__icon
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>'
);
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-info-chip--success
.
cdx-info-chip__icon
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>'
);
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/></svg>'
);
background-color
:
var
(
--color-icon-success
,
#099979
)}}.
cdx-info-chip--success
.
cdx-info-chip__icon--vue
{
color
:
var
(
--color-icon-success
,
#099979
)}.
cdx-info-chip
.
cdx-icon
{
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Sat, Oct 3, 19:07 (2 d, 6 h ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
1f/54/39f7117b1a90afaf0c5e780cdddc
Default Alt Text
CdxInfoChip.css (9 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment