Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4107153
CdxInfoChip-bidi.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
10 KB
Referenced Files
None
Subscribers
None
CdxInfoChip-bidi.css
View Options
.
cdx-info-chip
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
gap
:
4
px
;
box-sizing
:
border-box
;
max-width
:
100
%
;
line-height
:
var
(
--line-height-small
,
1.375
rem
)}
[
dir
]
.
cdx-info-chip
{
background-color
:
var
(
--background-color-notice-subtle
,
#eaecf0
);
border
:
1
px
solid
var
(
--border-color-notice
,
#72777d
);
border-radius
:
9999
px
;
padding
:
0
6
px
}.
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
)))
{
[
dir
]
.
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
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
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>'
)}}@
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>'
)}
[
dir
]
.
cdx-info-chip
.
cdx-info-chip__icon
{
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
)
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
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>'
)}}@
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>'
)}
[
dir
]
.
cdx-info-chip
.
cdx-info-chip__icon
:
lang
(
ar
)
{
background-color
:
var
(
--color-icon-notice
,
#72777d
)}}.
cdx-info-chip
.
cdx-info-chip__icon--vue
{
color
:
var
(
--color-icon-notice
,
#72777d
)}
[
dir
]
.
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
)))
{
[
dir
]
.
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
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
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>'
)}}@
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>'
)}
[
dir
]
.
cdx-info-chip--error
.
cdx-info-chip__icon
{
background-color
:
var
(
--color-icon-error
,
#f54739
)}}.
cdx-info-chip--error
.
cdx-info-chip__icon--vue
{
color
:
var
(
--color-icon-error
,
#f54739
)}
[
dir
]
.
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
)))
{
[
dir
]
.
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
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
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>'
)}}@
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>'
)}
[
dir
]
.
cdx-info-chip--warning
.
cdx-info-chip__icon
{
background-color
:
var
(
--color-icon-warning
,
#ab7f2a
)}}.
cdx-info-chip--warning
.
cdx-info-chip__icon--vue
{
color
:
var
(
--color-icon-warning
,
#ab7f2a
)}
[
dir
]
.
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
)))
{
[
dir
]
.
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
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
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>'
)}}@
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>'
)}
[
dir
]
.
cdx-info-chip--success
.
cdx-info-chip__icon
{
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
Tue, Aug 18, 19:55 (2 w, 3 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
25/a0/d5621be783374663df37ca1bd11a
Default Alt Text
CdxInfoChip-bidi.css (10 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment