MediaWiki:Common.css: Difference between revisions

Revision as of 10:43, 27 February 2025

/* CSS placed here will be applied to all skins */

/* Rizline font */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

/* Variables */
:root {
    --rgwiki-main-navbox-color-hue: 35deg;
    --rgwiki-main-navbox-color-saturation: 20%;
    --rgwiki-main-navbox-color-lightness-header: 90%;
    --rgwiki-main-navbox-color-lightness-row: 95%;
    --rgwiki-main-navbox-color-lightness-cell: 98%;
    --rgwiki-main-navbox-color-header: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-header));
    --rgwiki-main-navbox-color-row: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-row));
    --rgwiki-main-navbox-color-cell: hsv(var(--rgwiki-main-navbox-color-hue), var(--rgwiki-main-navbox-color-saturation), var(--rgwiki-main-navbox-color-lightness-cell));
}

/* General utility classes */
.nowrap {
    white-space: nowrap;
}

.wrap-anywhere {
    overflow-wrap: anywhere;
}


/* Template:Tooltip */
.dotted-underline {
    border-bottom: 1px dotted black;
    cursor: help;
}

/* Generic "gadget disabled" message */
.rgwiki-main-gadget-disabled {
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 0 6px 0 6px;
    border-radius: 6px;
    background-color: #bbbbbb1f;
    padding: 0.5em 1em;
    margin: 1em;
    display: block !important;
    color: #666;
}

/* Template:TriviaBox */
/* Hide by default, more CSS is in [[MediaWiki:Gadget-main-trivia-box.css]] */
.rgwiki-main-trivia-box {
    display: none;
}

/* Template:SpoilerWarning */
/* Hide text message. The message is copied to the shown box in [[MediaWiki:Gadget-main-spoiler-warning-screen.js]] */
.rgwiki-main-show-spoiler-warning-screen {
    display: none;
}

/* Template:NavBox */
.rgwiki-main-navbox-buttons {
    position: absolute;
    right: 0;
    font-size: 8pt;
    font-weight: initial;
}

.rgwiki-main-navbox {
    margin: auto;
    margin-top: 16px;
    border-collapse: collapse;
}

.rgwiki-main-navbox caption {
    font-weight: bold;
}

.rgwiki-main-navbox .rgwiki-main-navbox-section {
    width: 100%;
    margin: 0;
}

.rgwiki-main-navbox .rgwiki-main-navbox-header-row {
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--rgwiki-main-navbox-color-header);
}

.rgwiki-main-navbox .rgwiki-main-navbox-header-row .mw-collapsible-toggle {
    position: absolute;
    right: 10px;
}

.rgwiki-main-navbox .rgwiki-main-navbox-row {
    white-space: nowrap;
    text-align: right;
    padding-left: 8px;
    padding-right: 8px;
    width: 0;
    background-color: var(--rgwiki-main-navbox-color-row);
}

.rgwiki-main-navbox-section td {
    background-color: var(--rgwiki-main-navbox-color-cell);
}

.rgwiki-main-navbox-section ul {
    display: inline;
    margin: 0;
}

.rgwiki-main-navbox-section li {
    display: inline list-item;
    margin-left: 2px;
}

.rgwiki-main-navbox-section li:first-child {
    display: inline;
    margin-left: 0;
}

.rgwiki-main-navbox-section ul ul::before {
    content: "(";
}

.rgwiki-main-navbox-section ul ul::after {
    content: ")";
}