Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4025648
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
6
px
;
line-height
:
var
(
--line-height-small
,
1.375
rem
)}.
cdx-info-chip__text
{
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
color
:
var
(
--color-base
,
#202122
);
font-size
:
var
(
--font-size-small
,
.875
rem
)}.
cdx-info-chip
.
cdx-info-chip__icon
{
min-width
:
10
px
;
min-height
:
10
px
;
width
:
var
(
--font-size-medium
,
1
rem
);
height
:
var
(
--font-size-medium
,
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
(
var
(
--font-size-medium
,
1
rem
),
10
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
(
var
(
--font-size-medium
,
1
rem
),
10
px
);
mask-size
:
max
(
var
(
--font-size-medium
,
1
rem
),
10
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
:
10
px
;
min-height
:
10
px
;
width
:
var
(
--font-size-medium
,
1
rem
);
height
:
var
(
--font-size-medium
,
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
(
var
(
--font-size-medium
,
1
rem
),
10
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
(
var
(
--font-size-medium
,
1
rem
),
10
px
);
mask-size
:
max
(
var
(
--font-size-medium
,
1
rem
),
10
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
:
10
px
;
min-height
:
10
px
;
width
:
var
(
--font-size-medium
,
1
rem
);
height
:
var
(
--font-size-medium
,
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
(
var
(
--font-size-medium
,
1
rem
),
10
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
(
var
(
--font-size-medium
,
1
rem
),
10
px
);
mask-size
:
max
(
var
(
--font-size-medium
,
1
rem
),
10
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
:
10
px
;
min-height
:
10
px
;
width
:
var
(
--font-size-medium
,
1
rem
);
height
:
var
(
--font-size-medium
,
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
(
var
(
--font-size-medium
,
1
rem
),
10
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
(
var
(
--font-size-medium
,
1
rem
),
10
px
);
mask-size
:
max
(
var
(
--font-size-medium
,
1
rem
),
10
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
:
14
px
;
min-height
:
14
px
;
width
:
var
(
--font-size-medium
,
1
rem
);
height
:
var
(
--font-size-medium
,
1
rem
)}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Aug 14 2026, 20:15 (13 w, 19 h ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
60/6d/f0ced52a5c1688f44a458a729be6
Default Alt Text
CdxInfoChip.css (9 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment