Difference between revisions of "MediaWiki:Citizen.css"
From Cyber
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
.mw-body-content h2 { | .mw-body-content h2 { | ||
| − | + | border-bottom: 1px solid var(--color-base--subtle) | |
} | } | ||
#ca-game > *:after { | #ca-game > *:after { | ||
| − | + | background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjUsOUwxMy41LDEyTDE2LjUsMTVIMjJWOU05LDE2LjVWMjJIMTVWMTYuNUwxMiwxMy41TTcuNSw5SDJWMTVINy41TDEwLjUsMTJNMTUsNy41VjJIOVY3LjVMMTIsMTAuNUwxNSw3LjVaIiAvPjwvc3ZnPg==) | |
} | } | ||
.tabberlive { | .tabberlive { | ||
| − | |||
} | } | ||
| + | |||
| + | .tabberlive > .tabbernav { | ||
| + | border: none; | ||
| + | } | ||
| + | .tabberlive .tabbernav li a:link { | ||
| + | color: var(--color-base--subtle); | ||
| + | } | ||
| + | |||
.tabberlive > .tabbertab:not(.tabbertabhide) { | .tabberlive > .tabbertab:not(.tabbertabhide) { | ||
| − | + | background: #1a252d; | |
| + | border: none; | ||
| + | padding: 0.05rem 1rem 0.5rem; | ||
} | } | ||
| + | |||
.tabberlive > .tabbernav > li > a { | .tabberlive > .tabbernav > li > a { | ||
| − | |||
align-items: center; | align-items: center; | ||
| − | + | border: none; | |
| − | border: | + | background-color: var(--background-color-quiet--hover); |
| − | background-color: var(--background-color- | ||
color: var(--color-base--subtle); | color: var(--color-base--subtle); | ||
transition: background 0.2s ease,box-shadow 0.2s ease; | transition: background 0.2s ease,box-shadow 0.2s ease; | ||
| − | |||
} | } | ||
| + | |||
.tabberlive > .tabbernav > li > a:hover { | .tabberlive > .tabbernav > li > a:hover { | ||
| − | + | background-color: var(--background-color-framed--hover); | |
| + | border: 1px solid var(--border-color-base--lighter); | ||
} | } | ||
| + | |||
.tabberlive > .tabbernav > li > a:active { | .tabberlive > .tabbernav > li > a:active { | ||
| − | + | background-color: var(--background-color-framed--active); | |
} | } | ||
| + | |||
.tabberlive > .tabbernav > li.tabberactive > a { | .tabberlive > .tabbernav > li.tabberactive > a { | ||
| − | + | align-items: center; | |
| + | border: 1px solid var(--border-color-base--lighter); | ||
| + | border-bottom-color: #1a252d; | ||
| + | background: #1a252d; | ||
| + | color: var(--color-base--emphasized); | ||
| + | transition: background 0.2s ease,box-shadow 0.2s ease; | ||
} | } | ||
| + | |||
.tabberlive > .tabbernav > li.tabberactive > a:hover { | .tabberlive > .tabbernav > li.tabberactive > a:hover { | ||
| − | + | background-color: var(--background-color-framed--hover); | |
| + | border: 1px solid var(--border-color-base--lighter); | ||
} | } | ||
| + | |||
.tabberlive > .tabbernav > li.tabberactive > a:active { | .tabberlive > .tabbernav > li.tabberactive > a:active { | ||
| − | + | border: 1px solid var(--border-color-base--lighter); | |
| + | background-color: var(--background-color-framed--active); | ||
} | } | ||
Latest revision as of 03:06, 4 February 2021
.mw-body-content h2 {
border-bottom: 1px solid var(--color-base--subtle)
}
#ca-game > *:after {
background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjUsOUwxMy41LDEyTDE2LjUsMTVIMjJWOU05LDE2LjVWMjJIMTVWMTYuNUwxMiwxMy41TTcuNSw5SDJWMTVINy41TDEwLjUsMTJNMTUsNy41VjJIOVY3LjVMMTIsMTAuNUwxNSw3LjVaIiAvPjwvc3ZnPg==)
}
.tabberlive {
}
.tabberlive > .tabbernav {
border: none;
}
.tabberlive .tabbernav li a:link {
color: var(--color-base--subtle);
}
.tabberlive > .tabbertab:not(.tabbertabhide) {
background: #1a252d;
border: none;
padding: 0.05rem 1rem 0.5rem;
}
.tabberlive > .tabbernav > li > a {
align-items: center;
border: none;
background-color: var(--background-color-quiet--hover);
color: var(--color-base--subtle);
transition: background 0.2s ease,box-shadow 0.2s ease;
}
.tabberlive > .tabbernav > li > a:hover {
background-color: var(--background-color-framed--hover);
border: 1px solid var(--border-color-base--lighter);
}
.tabberlive > .tabbernav > li > a:active {
background-color: var(--background-color-framed--active);
}
.tabberlive > .tabbernav > li.tabberactive > a {
align-items: center;
border: 1px solid var(--border-color-base--lighter);
border-bottom-color: #1a252d;
background: #1a252d;
color: var(--color-base--emphasized);
transition: background 0.2s ease,box-shadow 0.2s ease;
}
.tabberlive > .tabbernav > li.tabberactive > a:hover {
background-color: var(--background-color-framed--hover);
border: 1px solid var(--border-color-base--lighter);
}
.tabberlive > .tabbernav > li.tabberactive > a:active {
border: 1px solid var(--border-color-base--lighter);
background-color: var(--background-color-framed--active);
}