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.
.article-categories {
--cr-cat-color: rgba(0, 0, 0, .08);
--cr-cat-border: var(--cr-cat-border);
--cr-cat-text: rgba(0, 0, 0, .5);
--cr-hover-color: rgba(0, 0, 0, .15);
--cr-hover-border: var(--cr-hover-border);
--cr-hover-text: #333;
--cr-hiddencat-opacity: .6;
--cr-button-opacity: .6;
}
body.oasis-dark-theme .article-categories {
--cr-cat-color: rgba(255, 255, 255, .08);
--cr-cat-border: solid 1px var(--cr-cat-border);
--cr-cat-text: rgba(255, 255, 255, .5);
--cr-hover-color: rgba(255, 255, 255, .15);
--cr-hover-border: solid 1px var(--cr-hover-border);
--cr-hover-text: #ccc;
--cr-hiddencat-opacity: .6;
--cr-button-opacity: .6;
}
/* Background */
.article-categories {
background: none;
border: none;
margin: 10px 0;
}
.article-categories,
.CategorySelect.articlePage .container {
padding: 0;
}
#catlinks,
.CategorySelect.articlePage .special-categories {
font-size: 0;
padding: 0;
}
/* Categories */
.CategorySelect.articlePage .category,
.CategorySelect.articlePage .add,
.CategorySelect.articlePage .category.new, .CategorySelect.articlePage .placeholder,
.CategorySelect.articlePage .input,
#mw-normal-catlinks ul li,
#mw-hidden-catlinks ul li {
height: 28px;
box-sizing: border-box;
margin: 3px 1.5px;
padding: 6px 10px;
background-color: var(--cr-cat-color);
border: solid 1px var(--cr-cat-border);
border-radius: 3px;
font-size: 14px !important;
font-weight: bold;
letter-spacing: 0;
line-height: 16px;
color: var(--cr-cat-text) !important;
}
#mw-hidden-catlinks ul li {
opacity: var(--cr-hiddencat-opacity);
}
.CategorySelect.articlePage .category:first-child,
#mw-normal-catlinks ul li:first-child,
#mw-hidden-catlinks ul li:first-child {
margin-left: 0;
}
#mw-normal-catlinks ul li:last-child,
#mw-hidden-catlinks ul li:last-child {
margin-right: 0;
}
.CategorySelect.articlePage .category:hover,
.CategorySelect.articlePage .add:hover,
.CategorySelect.articlePage .category.new:hover,
.CategorySelect.articlePage .placeholder:hover,
.CategorySelect.articlePage .input:hover,
#mw-normal-catlinks ul li:hover,
#mw-hidden-catlinks ul li:hover {
background-color: var(--cr-hover-color);
border-color: var(--cr-hover-border);
color: var(--cr-hover-text) !important;
opacity: 1;
transition: .2s;
}
.CategorySelect.articlePage .add {
opacity: var(--cr-button-opacity);
transition: .2s;
}
.CategorySelect.articlePage .add:hover {
opacity: 1;
transition: .2s;
}
.CategorySelect.articlePage .category a,
.CategorySelect.articlePage .add a,
.CategorySelect.articlePage .category.new a,
.CategorySelect.articlePage .placeholder a,
.CategorySelect.articlePage .input a,
#catlinks ul li a {
color: inherit;
}
.CategorySelect.articlePage .category a:hover,
.CategorySelect.articlePage .add a:hover,
.CategorySelect.articlePage .category.new a:hover,
.CategorySelect.articlePage .placeholder a,
.CategorySelect.articlePage .input a:hover,
#catlinks ul li a:hover {
text-decoration: none;
}