Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F2753981
CdxMessage-bidi.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
13 KB
Referenced Files
None
Subscribers
None
CdxMessage-bidi.css
View Options
.
cdx-message
{
color
:
var
(
--color-notice
,
#202122
);
display
:
flex
;
align-items
:
flex-start
;
position
:
relative
}
[
dir
]
.
cdx-message
{
background-color
:
var
(
--background-color-notice-subtle
,
#eaecf0
);
border
:
1
px
solid
var
(
--border-color-notice
,
#54595d
);
padding
:
16
px
}@
media
screen
and
(
min-width
:
640px
)
{
[
dir
]
.
cdx-message
{
padding-right
:
24
px
;
padding-left
:
24
px
}}.
cdx-message
.
cdx-message__icon
{
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.25
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{
[
dir
]
.
cdx-message
.
cdx-message__icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1.25
rem
,
20
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message
.
cdx-message__icon
{
-webkit-
mask-size
:
max
(
1.25
rem
,
20
px
);
mask-size
:
max
(
1.25
rem
,
20
px
);
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-position
:
center
;
mask-position
:
center
}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-message
.
cdx-message__icon
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
cdx-message
.
cdx-message__icon
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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>'
)}.
cdx-button
:
not
(
.
cdx-button--weight-quiet
)
:
disabled
.
cdx-message
.
cdx-message__icon
,
.
cdx-button--weight-primary
.
cdx-button--action-progressive
.
cdx-message
.
cdx-message__icon
,
.
cdx-button--weight-primary
.
cdx-button--action-destructive
.
cdx-message
.
cdx-message__icon
{
filter
:
invert
(
var
(
--filter-invert-primary-button-icon
,
1
))}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message
.
cdx-message__icon
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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-message
.
cdx-message__icon
{
background-color
:
var
(
--color-base
,
#202122
)}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-message
.
cdx-message__icon
:
lang
(
ar
)
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
cdx-message
.
cdx-message__icon
:
lang
(
ar
)
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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>'
)}.
cdx-button
:
not
(
.
cdx-button--weight-quiet
)
:
disabled
.
cdx-message
.
cdx-message__icon
:
lang
(
ar
),
.
cdx-button--weight-primary
.
cdx-button--action-progressive
.
cdx-message
.
cdx-message__icon
:
lang
(
ar
),
.
cdx-button--weight-primary
.
cdx-button--action-destructive
.
cdx-message
.
cdx-message__icon
:
lang
(
ar
)
{
filter
:
invert
(
var
(
--filter-invert-primary-button-icon
,
1
))}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message
.
cdx-message__icon
:
lang
(
ar
)
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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-message
.
cdx-message__icon
:
lang
(
ar
)
{
background-color
:
var
(
--color-base
,
#202122
)}}
[
dir
]
.
cdx-message--warning
{
background-color
:
var
(
--background-color-warning-subtle
,
#fdf2d5
);
border-color
:
var
(
--border-color-warning
,
#987027
)}.
cdx-message--warning
.
cdx-message__icon
{
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.25
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{
[
dir
]
.
cdx-message--warning
.
cdx-message__icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1.25
rem
,
20
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message--warning
.
cdx-message__icon
{
-webkit-
mask-size
:
max
(
1.25
rem
,
20
px
);
mask-size
:
max
(
1.25
rem
,
20
px
);
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-position
:
center
;
mask-position
:
center
}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-message--warning
.
cdx-message__icon
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
cdx-message--warning
.
cdx-message__icon
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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>'
)}.
cdx-button
:
not
(
.
cdx-button--weight-quiet
)
:
disabled
.
cdx-message--warning
.
cdx-message__icon
,
.
cdx-button--weight-primary
.
cdx-button--action-progressive
.
cdx-message--warning
.
cdx-message__icon
,
.
cdx-button--weight-primary
.
cdx-button--action-destructive
.
cdx-message--warning
.
cdx-message__icon
{
filter
:
invert
(
var
(
--filter-invert-primary-button-icon
,
1
))}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message--warning
.
cdx-message__icon
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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-message--warning
.
cdx-message__icon
{
background-color
:
var
(
--color-warning
,
#eeb533
)}}.
cdx-message--warning
.
cdx-message__icon--vue
{
color
:
var
(
--color-warning
,
#eeb533
)}
[
dir
]
.
cdx-message--error
{
background-color
:
var
(
--background-color-error-subtle
,
#ffe9e5
);
border-color
:
var
(
--border-color-error
,
#9f3526
)}.
cdx-message--error
.
cdx-message__icon
{
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.25
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{
[
dir
]
.
cdx-message--error
.
cdx-message__icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1.25
rem
,
20
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message--error
.
cdx-message__icon
{
-webkit-
mask-size
:
max
(
1.25
rem
,
20
px
);
mask-size
:
max
(
1.25
rem
,
20
px
);
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-position
:
center
;
mask-position
:
center
}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-message--error
.
cdx-message__icon
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
cdx-message--error
.
cdx-message__icon
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>'
)}.
cdx-button
:
not
(
.
cdx-button--weight-quiet
)
:
disabled
.
cdx-message--error
.
cdx-message__icon
,
.
cdx-button--weight-primary
.
cdx-button--action-progressive
.
cdx-message--error
.
cdx-message__icon
,
.
cdx-button--weight-primary
.
cdx-button--action-destructive
.
cdx-message--error
.
cdx-message__icon
{
filter
:
invert
(
var
(
--filter-invert-primary-button-icon
,
1
))}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message--error
.
cdx-message__icon
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/></svg>'
)}
[
dir
]
.
cdx-message--error
.
cdx-message__icon
{
background-color
:
var
(
--color-error
,
#d73333
)}}.
cdx-message--error
.
cdx-message__icon--vue
{
color
:
var
(
--color-error
,
#d73333
)}
[
dir
]
.
cdx-message--success
{
background-color
:
var
(
--background-color-success-subtle
,
#dff2eb
);
border-color
:
var
(
--border-color-success
,
#196551
)}.
cdx-message--success
.
cdx-message__icon
{
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.25
rem
;
display
:
inline-block
;
vertical-align
:
text
-
bottom
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{
[
dir
]
.
cdx-message--success
.
cdx-message__icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1.25
rem
,
20
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message--success
.
cdx-message__icon
{
-webkit-
mask-size
:
max
(
1.25
rem
,
20
px
);
mask-size
:
max
(
1.25
rem
,
20
px
);
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-position
:
center
;
mask-position
:
center
}}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-message--success
.
cdx-message__icon
{
filter
:
invert
(
var
(
--filter-invert-icon
,
0
));
opacity
:
var
(
--opacity-icon-base
,
.87
)}
[
dir
]
.
cdx-message--success
.
cdx-message__icon
{
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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>'
)}.
cdx-button
:
not
(
.
cdx-button--weight-quiet
)
:
disabled
.
cdx-message--success
.
cdx-message__icon
,
.
cdx-button--weight-primary
.
cdx-button--action-progressive
.
cdx-message--success
.
cdx-message__icon
,
.
cdx-button--weight-primary
.
cdx-button--action-destructive
.
cdx-message--success
.
cdx-message__icon
{
filter
:
invert
(
var
(
--filter-invert-primary-button-icon
,
1
))}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-message--success
.
cdx-message__icon
{
-webkit-
mask-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23000000"><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-message--success
.
cdx-message__icon
{
background-color
:
var
(
--color-success
,
#177860
)}}.
cdx-message--success
.
cdx-message__icon--vue
{
color
:
var
(
--color-success
,
#177860
)}
[
dir
=
ltr
]
.
cdx-message--user-dismissable
{
padding-right
:
48
px
}
[
dir
=
rtl
]
.
cdx-message--user-dismissable
{
padding-left
:
48
px
}@
media
screen
and
(
min-width
:
640px
)
{
[
dir
=
ltr
]
.
cdx-message--user-dismissable
{
padding-right
:
56
px
}
[
dir
=
rtl
]
.
cdx-message--user-dismissable
{
padding-left
:
56
px
}}.
cdx-message--inline
{
font-weight
:
700
}
[
dir
]
.
cdx-message--inline
{
background-color
:
var
(
--background-color-transparent
,
transparent
);
border
:
0
;
padding
:
0
}.
cdx-message--inline
.
cdx-message--error
{
color
:
var
(
--color-error
,
#d73333
)}.
cdx-message--inline
.
cdx-message--success
{
color
:
var
(
--color-success
,
#177860
)}.
cdx-message
.
cdx-message__icon
,
.
cdx-message
.
cdx-message__icon--vue
{
height
:
1.6
em
}.
cdx-message__content
{
word-wrap
:
break-word
;
-webkit-
hyphens
:
auto
;
-ms-
hyphens
:
auto
;
hyphens
:
auto
;
align-self
:
center
;
flex-grow
:
1
;
width
:
0
}
[
dir
=
ltr
]
.
cdx-message__content
{
margin-left
:
8
px
}
[
dir
=
rtl
]
.
cdx-message__content
{
margin-right
:
8
px
}.
cdx-message__content
,
.
cdx-message__content
>*
{
line-height
:
1.6
}
[
dir
]
.
cdx-message__content
>*
:
first-child
{
margin-top
:
0
;
padding-top
:
0
}
[
dir
]
.
cdx-message__content
>*
:
last-child
{
margin-bottom
:
0
;
padding-bottom
:
0
}.
cdx-message__dismiss-button
.
cdx-button
{
position
:
absolute
;
top
:
12
px
;
line-height
:
0
}
[
dir
]
.
cdx-message__dismiss-button
.
cdx-button
{
padding
:
5
px
}
[
dir
=
ltr
]
.
cdx-message__dismiss-button
.
cdx-button
{
right
:
16
px
}
[
dir
=
rtl
]
.
cdx-message__dismiss-button
.
cdx-button
{
left
:
16
px
}@
media
screen
and
(
min-width
:
640px
)
{
[
dir
=
ltr
]
.
cdx-message__dismiss-button
.
cdx-button
{
right
:
8
px
}
[
dir
=
rtl
]
.
cdx-message__dismiss-button
.
cdx-button
{
left
:
8
px
}}
[
dir
]
.
cdx-message
+
.
cdx-message
{
margin-top
:
8
px
}
[
dir
]
.
cdx-message-enter-active
,[
dir
]
.
cdx-message-leave-active-system
{
transition-property
:
opacity
;
transition-duration
:
.25
s
;
transition-timing-function
:
ease
}
[
dir
]
.
cdx-message-leave-active-user
{
transition-property
:
opacity
;
transition-duration
:
.25
s
;
transition-timing-function
:
ease-out
}.
cdx-message-enter-from
,
.
cdx-message-leave-to
{
opacity
:
0
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Fri, Jul 3, 21:58 (2 h, 19 m)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
f8/67/34849ec1712bd79eb627fb404a75
Default Alt Text
CdxMessage-bidi.css (13 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment