MediaWiki:RTL-Catrgory.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

#catlinks {
    text-align: right;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    clear: both;
    /*gap: calc(1.5 * 1rem);*/
    font-family: 'Iransansxv';
    border: unset;
    border-top: 1.5px solid gray;
    background-color: unset;
}

/*#mw-normal-catlinks {*/
/*    font-size: 0;*/
/*}*/
.mw-normal-catlinks > a/*, .mw-hidden-catlinks*/ {
    /*display: block;*/
    color: #72777d;
    font-size: 0.9450rem;
    letter-spacing: 0.05em;
    margin: 0 calc(1.5 * 0.1rem) 0 0;
    text-decoration: none;
}
.mw-hidden-catlinks {
    color: #72777d;
    font-size: 0.9450rem;
    letter-spacing: 0.05em;
    margin: 0 calc(1.5 * 0.1rem) 0 0;
    text-decoration: none;
}

.catlinks ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: calc(0.5 * 0.400rem) 0 0 0;
    font-size: 0.870rem;
    gap: calc(0.5 * 1rem);
    letter-spacing: 0;
    font-family: 'IRANBold';
}
:target {
    background-color: #def;
}
:focus {
    outline-color: #7beac3;
}
.catlinks li:first-child {
    padding-right: 0.25em;
    border-right: 0;
}

.catlinks li {
    display: inline-block;
    line-height: 1.25em;
    border-right: none;
    margin: 0.125em 0;
    padding: 0 3px 0 0;
    display: block;
}
.catlinks li > a:hover {
    background-color: #3366cc;
    color: #fff;
}
.catlinks li > a {
    display: block;
    padding: calc(0.5 * 1rem) 0.7rem;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 18px 0;
    color: #3366cc;
    transition: background 700ms ease;
    text-decoration: none;
	background: hsl(87.77deg 50.21% 52.75% / 3%);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
:focus-visible {
    outline: 2px solid hsl(205,60%,50%);
    outline-offset: 1px;
}
a .catlinks {
    text-decoration: none;
}
.catlinks li > a.new {
    color: #dd3333;
}
.catlinks li > a.new:hover {
    background-color: #dd3333;
    color: #fff;
}