Views
Actions
Difference between revisions of "MediaWiki:Citizen.css"
From Cyber
Line 7: | Line 7: | ||
#ca-game > *:after { | #ca-game > *:after { | ||
background-image: linear-gradient(transparent,transparent), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjUsOUwxMy41LDEyTDE2LjUsMTVIMjJWOU05LDE2LjVWMjJIMTVWMTYuNUwxMiwxMy41TTcuNSw5SDJWMTVINy41TDEwLjUsMTJNMTUsNy41VjJIOVY3LjVMMTIsMTAuNUwxNSw3LjVaIiAvPjwvc3ZnPg==); | 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 { | ||
+ | display: flex; | ||
+ | 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 */ | ||
+ | } | ||
+ | .tabberlive > .tabbernav > li > a:active { | ||
+ | /* tabber tabs when being clicked */ | ||
+ | } | ||
+ | .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 */ | ||
} | } |
Revision as of 02:51, 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 { display: flex; 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 */ } .tabberlive > .tabbernav > li > a:active { /* tabber tabs when being clicked */ } .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 */ }