Difference between revisions of "MediaWiki:Citizen.css"

From Cyber
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the Citizen skin */
+
.mw-body-content h2 {
 +
    border-bottom: 1px solid var(--color-base--subtle)
 +
}
  
.mw-body-content h2,
+
#ca-game > *:after {
h2.ve-ce-branchNode.ve-ce-contentBranchNode {
+
    background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2LjUsOUwxMy41LDEyTDE2LjUsMTVIMjJWOU05LDE2LjVWMjJIMTVWMTYuNUwxMiwxMy41TTcuNSw5SDJWMTVINy41TDEwLjUsMTJNMTUsNy41VjJIOVY3LjVMMTIsMTAuNUwxNSw3LjVaIiAvPjwvc3ZnPg==)
     border-bottom: 1px solid var(--color-base--subtle);
+
}
 +
 
 +
.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);
 
}
 
}

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);
}