Difference between revisions of "MediaWiki:Citizen.css"
From Cyber
| Line 16: | Line 16: | ||
} | } | ||
.tabberlive > .tabbernav > li > a { | .tabberlive > .tabbernav > li > a { | ||
| + | /* tabber tabs */ | ||
align-items: center; | align-items: center; | ||
padding: 0.4rem 0.8rem; | padding: 0.4rem 0.8rem; | ||
| Line 25: | Line 26: | ||
} | } | ||
.tabberlive > .tabbernav > li > a:hover { | .tabberlive > .tabbernav > li > a:hover { | ||
| + | /* tabber tabs when being hovered */ | ||
background-color: var(--background-color-framed--hover); | background-color: var(--background-color-framed--hover); | ||
box-shadow: 0 3px 6px rgb(0 0 0 / 4%), 0 3px 6px rgb(0 0 0 / 6%); | box-shadow: 0 3px 6px rgb(0 0 0 / 4%), 0 3px 6px rgb(0 0 0 / 6%); | ||
} | } | ||
.tabberlive > .tabbernav > li > a:active { | .tabberlive > .tabbernav > li > a:active { | ||
| + | /* tabber tabs when being clicked */ | ||
background-color: var(--background-color-framed--active); | background-color: var(--background-color-framed--active); | ||
} | } | ||
Revision as of 02:54, 4 February 2021
/* All CSS here will be loaded for users of the Citizen skin */
.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 {
/* tabber wrapper style */
}
.tabberlive > .tabbertab:not(.tabbertabhide) {
/* tabber visible content */
}
.tabberlive > .tabbernav > li > a {
/* tabber tabs */
align-items: center;
padding: 0.4rem 0.8rem;
border: 1px solid var(--border-color-base--lighter);
background-color: var(--background-color-framed);
color: var(--color-base--subtle);
transition: background 0.2s ease,box-shadow 0.2s ease;
box-shadow: 0 1px 3px rgb(0 0 0 / 3%), 0 1px 2px rgb(0 0 0 / 6%);
}
.tabberlive > .tabbernav > li > a:hover {
/* tabber tabs when being hovered */
background-color: var(--background-color-framed--hover);
box-shadow: 0 3px 6px rgb(0 0 0 / 4%), 0 3px 6px rgb(0 0 0 / 6%);
}
.tabberlive > .tabbernav > li > a:active {
/* tabber tabs when being clicked */
background-color: var(--background-color-framed--active);
}
.tabberlive > .tabbernav > li.tabberactive > a {
/* selected tabber tab */
}
.tabberlive > .tabbernav > li.tabberactive > a:hover {
/* selected tabber tab when being hovered */
}
.tabberlive > .tabbernav > li.tabberactive > a:active {
/* selected tabber tab when being clicked */
}