Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4147189
CdxTabs-rtl.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
5 KB
Referenced Files
None
Subscribers
None
CdxTabs-rtl.css
View Options
.
cdx-tabs__header
{
display
:
flex
;
align-items
:
flex-end
;
position
:
relative
}.
cdx-tabs__prev-scroller
,
.
cdx-tabs__next-scroller
{
background-color
:
inherit
;
position
:
absolute
;
top
:
0
;
bottom
:
0
}.
cdx-tabs__prev-scroller
{
right
:
0
}.
cdx-tabs__next-scroller
{
left
:
0
}.
cdx-tabs__prev-scroller
:
after
,
.
cdx-tabs__next-scroller
:
before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
z-index
:
1
;
width
:
1.5
rem
;
height
:
100
%
;
pointer-events
:
none
}.
cdx-tabs__prev-scroller
:
after
{
right
:
100
%
}.
cdx-tabs__next-scroller
:
before
{
left
:
100
%
}.
cdx-tabs__scroll-button
.
cdx-button
{
height
:
100
%
}.
cdx-tabs__list
{
display
:
flex
;
overflow-x
:
auto
;
scrollbar-width
:
none
;
-webkit-
overflow-scrolling
:
touch
}.
cdx-tabs__list
::
-webkit-scrollbar
{
-webkit-
appearance
:
none
;
display
:
none
}.
cdx-tabs__list__item
{
background-color
:
var
(
--background-color-transparent
,
transparent
);
display
:
block
;
flex
:
0
0
auto
;
max-width
:
16
rem
;
border-width
:
0
;
border-top-right-radius
:
2
px
;
border-top-left-radius
:
2
px
;
padding
:
4
px
12
px
;
font-size
:
1
rem
;
font-weight
:
700
;
line-height
:
1.4285714
;
text-decoration
:
none
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
transition-property
:
background-color
,
color
,
border-color
,
box-shadow
;
transition-duration
:
.1
s
}.
cdx-tabs__list__item
:
hover
{
cursor
:
pointer
}.
cdx-tabs__list__item
[
aria-selected
=
true
]
{
cursor
:
default
}.
cdx-tabs
>
.
cdx-tabs__header
.
cdx-tabs__list__item
+
.
cdx-tabs__list__item
{
margin-right
:
0
}.
cdx-tabs--framed
>
.
cdx-tabs__header
{
background-color
:
var
(
--background-color-interactive
,
#eaecf0
)}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__prev-scroller
:
after
{
background-image
:
linear-gradient
(
to
left
,
var
(
--background-color-interactive
,
#eaecf0
)
0
,
var
(
--background-color-transparent
,
transparent
)
100
%
)}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__next-scroller
:
before
{
background-image
:
linear-gradient
(
to
right
,
var
(
--background-color-interactive
,
#eaecf0
)
0
,
var
(
--background-color-transparent
,
transparent
)
100
%
)}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
{
color
:
var
(
--color-base
,
#202122
);
margin
:
8
px
8
px
0
4
px
}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
enabled
{
overflow
:
hidden
}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
enabled
:
hover
{
background-color
:
var
(
--background-color-tab-list-item-framed--hover
,
rgba
(
255
,
255
,
255
,
.3
));
color
:
var
(
--color-base
,
#202122
)}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
enabled
:
active
{
background-color
:
var
(
--background-color-tab-list-item-framed--active
,
rgba
(
255
,
255
,
255
,
.65
));
color
:
var
(
--color-base
,
#202122
)}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
[
aria-selected
=
true
],
.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
[
aria-selected
=
true
]
:
hover
{
background-color
:
var
(
--background-color-base
,
#fff
);
color
:
var
(
--color-base
,
#202122
)}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
disabled
{
background-color
:
var
(
--background-color-interactive
,
#eaecf0
);
color
:
var
(
--color-disabled
,
#72777d
);
cursor
:
default
}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
last-child
{
margin-left
:
8
px
}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
{
background-color
:
var
(
--background-color-base
,
#fff
);
margin
:
0
4
px
;
border-bottom
:
1
px
solid
var
(
--border-color-base
,
#a2a9b1
)}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__prev-scroller
:
after
{
background-image
:
linear-gradient
(
to
left
,
var
(
--background-color-base
,
#fff
)
0
,
var
(
--background-color-transparent
,
transparent
)
100
%
)}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__next-scroller
:
before
{
background-image
:
linear-gradient
(
to
right
,
var
(
--background-color-base
,
#fff
)
0
,
var
(
--background-color-transparent
,
transparent
)
100
%
)}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
{
margin
:
0
2
px
}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
enabled
{
color
:
var
(
--color-base
,
#202122
)}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
enabled
:
hover
:
not
([
aria-selected
=
"true"
])
{
color
:
var
(
--color-progressive--hover
,
#4b77d6
);
box-shadow
:
inset
0
-2
px
0
0
var
(
--box-shadow-color-progressive-selected--hover
,
#4b77d6
)}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
enabled
:
active
:
not
([
aria-selected
=
"true"
])
{
color
:
var
(
--color-progressive--active
,
#233566
);
box-shadow
:
inset
0
-2
px
0
0
var
(
--box-shadow-color-progressive-selected--active
,
#233566
)}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
[
aria-selected
=
true
]
{
color
:
var
(
--color-progressive
,
#36c
);
box-shadow
:
inset
0
-2
px
0
0
var
(
--box-shadow-color-progressive-selected
,
#36c
)}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
[
aria-selected
=
true
]
:
hover
{
color
:
var
(
--color-progressive
,
#36c
)}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
disabled
{
color
:
var
(
--color-disabled
,
#72777d
);
cursor
:
default
}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
first-child
{
margin-right
:
0
}.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
last-child
{
margin-left
:
0
}.
cdx-tabs--framed
>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
focus-visible
,
.
cdx-tabs
:
not
(
.
cdx-tabs--framed
)>
.
cdx-tabs__header
.
cdx-tabs__list__item
:
focus-visible
{
box-shadow
:
inset
0
0
0
2
px
var
(
--border-color-progressive
,
#36c
);
outline
:
1
px
solid
transparent
;
overflow
:
hidden
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Aug 19 2026, 18:19 (5 w, 6 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
3a/6a/36d5e5fb5d3e877982a109059cf5
Default Alt Text
CdxTabs-rtl.css (5 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment