MediaWiki:Common.css

From Workers & Resources: Soviet Republic Official Wiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* ////////////////////////////////////////////////////////////////////////// */
/* ///                                                                    /// */
/* ///                ADD CODE TO THE APPROPRIATE SECTION.                /// */
/* ///                   SEE TABLE OF CONTENTS BELOW.                     /// */
/* ///                                                                    /// */
/* /// CSS added to this file is applied to the entire site.              /// */
/* ///                                                                    /// */
/* /// TABLE OF CONTENTS                                                  /// */
/* /// * Base style                                                       /// */
/* /// * Templates                                                        /// */
/* /// * Single use                                                       /// */
/* ////////////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////////////// */
/* /// BASE STYLE                                                         /// */
/* /// Style relating to basic MediaWiki elements.                        /// */
/* ////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////// */
/* /// THEME COLORS                         /// */
/* //////////////////////////////////////////// */

/* Light theme */
.theme-fandomdesktop-light {
	
	/* Various shades of the page background color */
    /* All background colors should support *black* text */
    --theme-page-background-color--secondary: #f2e4ab ;
    --theme-page-background-color--tertiary: #dbcb8a;
    --theme-page-background-color--quaternary: #f5e7ae;

	/* Variants of the page background color */
    --theme-page-background-color--gray: #ebdeaa;
}
	
/* Dark theme */
.theme-fandomdesktop-dark {
	
    /* Various shades of the page background color */
    /* All background colors should support *white* text */
    --theme-page-background-color--secondary: #1f2226;
    --theme-page-background-color--tertiary: #202a2e;
    --theme-page-background-color--quaternary: #151b1e;

	/* Variants of the page background color */
    --theme-page-background-color--gray: #1e2426;
}

/* //////////////////////////////////////////// */
/* /// TABLES                              /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

.va-table {
    background: var(--theme-page-background-color);
    border-collapse: collapse;
    empty-cells: show;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
}

.va-table td,
.va-table th {
    border: 1px solid var(--theme-border-color);
    padding: 1px 2px;
	background: transparent;
}

.va-table tr {
    background: var(--theme-page-background-color);
}

.va-table th {
    background: var(--theme-page-background-color--secondary);
    color: var(--theme-page-text-color);
    font-weight: bold;
}

.va-table-collapse .collapseButton {
    margin-left: 10px !important;
    position: absolute;
    color: var(--theme-accent-dynamic-color-3);
}

.va-table > tr.va-table-highlight,
.va-table > * > tr.va-table-highlight {
    background: var(--theme-page-background-color--tertiary);
}

.va-table ul + p,
.va-table ul + ol,
.va-table ul + ul,
.va-table ol + p,
.va-table ol + ol,
.va-table ol + ul,
.va-table p + p,
.va-table p + ol,
.va-table p + ul {
    margin-top: 5px;
}

/* Tables with specific vertical alignment for cells */
.va-table-top td {
    vertical-align: top;
}

.va-table-middle td {
    vertical-align: middle;
}

.va-table-bottom td {
    vertical-align: bottom;
}

/* Tables with specific horizontal alignment for cells */
.va-table-center td {
    text-align: center;
}

.va-table-left td {
    text-align: left;
}

.va-table-right td {
    text-align: right;
}

/* Tables which are full width in Oasis */
.va-table-full {
    width: 100%;
}

/* Tables in which the first column starts with an icon */
.va-table-icon tr td:first-child {
    padding-left: 18px;
    text-indent: -18px;
}

.va-table-full-ib,
.va-table-full-infobox {
    width: 380px;
}

.va-table-shaded tr:nth-child(even) {
    background-color: var(--theme-page-background-color--tertiary);
}

/* Adapting lists & paragraphs to altered line-height */
.va-table ul,
.va-table ol {
    margin: 0 0 0 20px;
}

.va-table li {
    line-height: inherit;
}

.va-table p {
    line-height: inherit;
    margin: 0;
}

/* ////////////////////////////////////////////////////////////////////////// */
/* /// TEMPLATES                                                          /// */
/* /// Styling that belongs to a template. Avoid adding CSS here if your  /// */
/* /// template also works with inline CSS.                               /// */
/* ////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////// */
/* /// AUDIO SNIPPETS, QUOTES & TRANSCRIPTS /// */
/* /// Used in: Template:Listen             /// */
/* ///          Template:Newsquote          /// */
/* ///          Template:Quotation          /// */
/* ///          Template:Transcript         /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

/* Container */
.va-listen,
.va-newsquote,
.va-quotation,
.va-transcript {
    line-height: 18px;
    padding: 10px 25px;
}

.va-quotation {
    overflow: hidden;
}
table td .va-quotation {
    overflow: visible;
}
.va-quotation-body {
    display: block;
}

.va-quotation-quote {
    display: block;
    position: relative;
    z-index: 1;
}

.va-listen-left,
.va-listen-right,
.va-quotation-left,
.va-quotation-right {
    border-bottom: 1px solid var(--theme-border-color);
    border-top: 1px solid var(--theme-border-color);
    width: 200px;
}

.va-listen-left,
.va-quotation-left {
    clear: left;
    float: left;
    margin: 10px 10px 10px 0;
}

.va-listen-right,
.va-quotation-right {
    clear: right;
    float: right;
    margin: 10px 0 10px 10px;
}

.va-quotation-center {
    text-align: center;
}

.va-quotation-center .va-quotation-body {
    display: inline-block;
}

/* Quotation marks/icons */
.va-listen-icon,
.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-quotation-quot-l,
.va-quotation-quot-r {
    width: 40px;
    z-index: -1;
}

.va-listen-icon,
.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-transcript-icon {
    position: relative;
}

.va-quotation-quot-l,
.va-quotation-quot-r {
    position: absolute;
}

.va-listen-icon,
.va-transcript-icon {
    float: left;
    left: -25px;
    margin-right: -40px;
    top: -5px;
}

.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-quotation-quot-l,
.va-quotation-quot-r {
    color: var(--theme-page-background-color--tertiary);
    font: bold 55px/40px serif;
    height: 18px;
}

.va-newsquote-quot-l,
.va-quotation-quot-l {
    left: -15px;
    text-align: left;
}

.va-newsquote-quot-r,
.va-quotation-quot-r {
    right: -15px;
    text-align: right;
}

.va-newsquote-quot-l {
    float: left;
    margin-right: -40px;
}

.va-newsquote-quot-r {
    float: right;
    margin-left: -40px;
}

.va-quotation-quot-l {
    top: -2px;
}

.va-quotation-quot-r {
    bottom: 2px;
}

/* Quoted text/audio file desc */
.va-listen-item,
.va-listen-item .ogg-player-options,
.va-newsquote-text,
.va-quotation-text {
    font-size: 12px;
}

.va-inlinequote-text,
.va-listen-text,
.va-newsquote-text,
.va-quotation-text {
    font-style: italic;
}

.va-transcript-text {
    font-family: monospace;
}

.va-quotation-text {
    display: block;
    margin-top: -0.4em;
    text-align: left;
}

.va-quotation-text ol,
.va-quotation-text p,
.va-quotation-text ul {
    margin-bottom: 0;
}

/* Source */
.va-newsquote-source,
.va-quotation-source {
    padding: 5px 15px 0;
    text-align: right;
}

.va-quotation-source {
    display: block;
    font-size: 10px;
    line-height: 15px;
}

/* "Incomplete quote" dots */
.va-newsquote-dots {
    font-style: normal;
    padding: 3px 0;
}

/* Audio file list */
.va-listen-item {
    margin: 0 auto;
    width: 180px;
}

.va-listen-item audio {
    margin-bottom: 5px;
    width: 100%;
}

.va-listen-item div {
    margin-bottom: 2px;
}

.va-listen-item + .va-listen-item {
    border-top: 1px solid var(--theme-border-color);
    margin-top: 5px;
}

.np-quote-snd-trigger {
    display: inline-block;
    position: absolute;
    top: auto;
    left: auto;
    padding: 0px 2px;
}

.np-quote-snd-trigger:hover .np-quote-snd-player {
    visibility: visible;
}

.np-quote-snd-player {
    visibility: hidden;
    position: absolute;
    top: -55px;
    left: 100%;
    z-index: 100 !important;
    width: 300px;
    overflow-x: hidden;
    margin: 0;
    padding: 5px 10px 10px 10px;
    border: 1px solid var(--theme-border-color);
    border-radius: 5px;
    box-shadow: var(--theme-border-color) 2px 2px 5px 0px;
    background-color: White;
    color: Black;
    text-align: left;
    font: normal normal normal 13px / normal Helvetica, Arial, sans-serif;
}

.np-quote-snd-player-img {
    float: left;
    width: 50px;
}

.np-quote-snd-player-title {
    width: 250px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}

.np-quote-snd-player-title span {
    font-size: 18px;
}

/* //////////////////////////////////////////// */
/* /// COPYRIGHT & SOURCE BOXES             /// */
/* /// Used in: Template:Copyrightbox       /// */
/* ///          Template:Sourcebox          /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

/* Template:Copyrightbox */
.va-copybox {
    color: var(--theme-page-text-color);
    background-color: var(--theme-page-background-color--secondary);
    clear: both;
    padding: 3px 5px;
    margin: 5px 0;
    border: 1px solid var(--theme-border-color);
    font-size: 11px;
    line-height: 16px;
    border-collapse: collapse;
    width: 100%;
}

.va-copybox th {
    width: 30px;
    text-align: center;
    vertical-align: middle;
    padding: 1px 0 1px 5px;
}

.va-copybox td {
    padding-left: 5px;
}

.va-copybox + .va-copybox {
    margin-top: -3px;
}

/* Template:Sourcebox */
.va-sourcebox {
    margin: 0;
    border-collapse: collapse;
    font-size: 11px;
    line-height: 16px;
}

.va-sourcebox th {
    vertical-align: middle;
    text-align: center;
    padding: 0 5px;
}

.va-sourcebox td {
    padding: 0;
}

.va-sourcebox td span {
    border-top: 1px solid var(--theme-border-color);
    border-bottom: 1px solid var(--theme-border-color);
    display: block;
    padding: 2px 5px;
    float: left;
}

/* Printing */
@media print {
    .va-copybox,
    .va-sourcebox {
        background: transparent none;
    }
}

/* //////////////////////////////////////////// */
/* /// DIRECTION / MESSAGE BOXES            /// */
/* /// Used in: Template:Directionbox       /// */
/* ///          Template:Mbox               /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

/* Template:Directionbox */
.va-dirbox {
    color: var(--theme-page-text-color);
    background-color: var(--theme-page-background-color--light);
    clear: left;
    padding: 2px 5px;
    margin: 5px 0;
    border: 1px solid var(--theme-border-color);
    font-size: 11px;
    line-height: 16px;
    border-collapse: collapse;
}

.va-dirbox + .va-dirbox {
    margin-top: -3px;
}

.va-dirbox th {
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 1px 0 1px 5px;
    line-height: 20px;
}

.va-dirbox td {
    padding: 1px 5px;
    width: 100%;
}

/* Template:Mbox */
.va-mbox {
    color: var(--theme-page-text-color);
    background-color: var(--theme-page-background-color--gray);
    border: 1px solid var(--theme-border-color);
    padding: 0;
    margin: 0 0 10px;
    font-size: 11px;
    line-height: 16px;
    border-collapse: collapse;
}

.va-mbox + .va-mbox {
    margin-top: -8px;
}

.va-mbox th {
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 1px 0 1px 5px;
}

.va-mbox td {
    padding-left: 5px;
    width: 100%;
}

/* Printing */
@media print {
    .va-dirbox,
    .va-mbox {
        display: none;
    }
}

/* //////////////////////////////////////////// */
/* /// HATNOTES                             /// */
/* /// Used in: Template:Hatnote            /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

.va-hatnote {
    padding-left: 2em;
    font-style: italic;
    margin-bottom: 5px;
}

/* //////////////////////////////////////////// */
/* /// CRAFTING TABLES                      /// */
/* /// Used in: Template:Crafting table     /// */
/* ///                   Building table     /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

.np-crafting-table {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
}

.np-crafting-block {
    border: 1px solid var(--theme-border-color);
    margin: 0;
    padding: 1px 2px;
    background-color: var(--theme-page-background-color--secondary);
}

.np-crafting-block + .np-crafting-block {
    margin-top: 3px;
}

.np-crafting-requirement {
    background-color: var(--theme-page-background-color--quaternary) !important;
}

.np-crafting-highlight {
    background-color: var(--theme-page-background-color--quinary) !important;
}

.np-crafting-table .selflink {
    font-weight: normal;
}

/* //////////////////////////////////////////// */
/* /// NAVBOXES                             /// */
/* /// Used in: Template:Navbox             /// */
/* /// Credits: Create Wiki                 /// */
/* //////////////////////////////////////////// */

.navbox {
	/* IGNORE EDITOR CALLING THESE ERRORS! It's valid css, just save anyways */
	--navbox-border: var(--theme-page-background-color--tertiary);
    --navbox-title-background: var(--theme-accent-color);
    --navbox-header-background: var(--theme-page-background-color--quaternary);
    --navbox-header-color: var(--theme-accent-label-color);
    --navbox-header-link-color: var(--theme-accent-label-color);
    --navbox-list-link-color: var(--theme-link-color);
	
	 width: 100%;
	 background: var(--navbox-border);
	 color: var(--theme-page-text-color);
	 margin: 1em auto;
	 font-size: 84%;
	 clear: both;
	 padding: 2px;
	 border-spacing: 0;
	 border: 2px solid var(--navbox-border);
	 border-radius: 3px;
}
.navbox .navbox-title a, .navbox .navbox-header a {
	color: var(--theme-accent-label-color);
}
.navbox .navbox-group a {
	color: var(--theme-page-text-color);
}
.navbox + .navbox {
	 margin-top: -16px;
	 border-top-left-radius: 0;
	 border-top-right-radius: 0;
}
.navbox .navbox-title {
	 color: var(--theme-accent-label-color);
	 background: var(--navbox-title-background);
	 font-weight: bold;
}
.navbox .navbox-vde {
	 float: left;
	 width: 65px;
	 color: var(--theme-accent-label-color);
}
.navbox .navbox-title-padright {
	 padding-right: 65px;
}
.navbox .navbox-title-padleft {
	 padding-left: 65px;
}
.navbox .navbox-subgroup {
	 border-spacing: 0;
	 width: 100%;
}
.navbox .navbox-gutter {
	 height: 2px;
}
.navbox .navbox-subgroup .navbox-gutter {
	 background: var(--navbox-border);
}
.navbox .navbox-section-row > td {
	 padding: 0;
	 height: 100%;
}
.navbox .navbox-section {
	 width: 100%;
	 border-spacing: 0;
}
.navbox .navbox-above, .navbox .navbox-below, .navbox .navbox-image {
	 color: var(--theme-page-text-color);
	 background: var(--navbox-header-background);
	 text-align: center;
}
.navbox .navbox-group, .navbox .navbox-header {
	 background: var(--navbox-header-background);
	 color: var(--theme-page-text-color);
	 font-weight: bold;
	 height: 100%;
	 padding: 2px 4px;
}
.navbox .navbox-header-collapsible {
	 padding-left: 65;
}
.navbox .navbox-group {
	 min-width: 150px;
}
.navbox .navbox-group, .navbox .navbox-image-left {
	 border-right: 2px solid var(--navbox-border);
}
.navbox .navbox-image-right {
	 border-left: 2px solid var(--navbox-border);
}
.navbox .navbox-list {
	 background: var(--theme-article-background-color);
	 color: var(--theme-article-text-color);
	 width: 100%;
	 height: 100%;
	 padding: 0;
}
.navbox .navbox-list div {
	 padding: 0px 4px;
}
.navbox .navbox-list.no-group {
	 text-align: center;
	 padding-top: 2px;
	 padding-bottom: 2px;
}
.navbox .navbox-list a {
	 color: var(--navbox-list-link-color);
}
.navbox .mw-collapsible-toggle {
	 width: 65px;
}
/* Lowercase "Collapse" and "Expand" */
.mw-collapsible-text {
    text-transform: lowercase;
}

.hlist ul {
	 margin: 0;
	 list-style: none;
}
.hlist li, .hlist ul ul {
	 display: inline;
}
.hlist li a {
	 white-space: nowrap;
}
.hlist ul ul:before {
	 content: "(";
}
.hlist ul ul:after {
	 content: ")";
}
.hlist li:after {
	 content: " • ";
}
.hlist li:last-child:after, .hlist ul ul li:last-child:after {
	 content: none;
}
/*mp4 video styling*/
.k-menu-bar, .overlay-win, img.playerPoster {
	display:none;
	height:0px !important;
}

/* //////////////////////////////////////////// */
/* /// TOCs                                 /// */
/* /// Used in: Template:TOC                /// */
/* ///          Template:Document TOC       /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

.va-toclimit-2 .toclevel-1 ul,
.va-toclimit-3 .toclevel-2 ul,
.va-toclimit-4 .toclevel-3 ul,
.va-toclimit-5 .toclevel-4 ul,
.va-toclimit-6 .toclevel-5 ul,
.va-toclimit-7 .toclevel-6 ul {
    display: none;
}

.skin-oasis .va-documenttoc th h2 {
    font-size: 14px;
    font-weight: normal;
    border: 0;
    margin: 0;
}

/* //////////////////////////////////////////// */
/* /// SHORTCUTS                            /// */
/* /// Used in: Template:Shortcut           /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

.va-shortcut {
    margin: 0 0 5px 5px;
    padding: 3px 5px;
    text-align: center;
    float: right;
    font-size: 10px;
    line-height: 15px;
}

/* //////////////////////////////////////////// */
/* /// SPECIAL <pre> TAGS                   /// */
/* /// Used in: Template:Pre fake           /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

.va-pre-fake {
    background-color: var(--theme-page-background-color--light);
    overflow: auto;
    font-family: monospace;
    white-space: pre;

    border: 1px dashed var(--theme-border-color);
    line-height: 14px;
    padding: 12px;
}

/* //////////////////////////////////////////// */
/* /// TEMPLATE DOCUMENTATION               /// */
/* /// Used in: Template:Docparam           /// */
/* ///          Template:Documentation      /// */
/* /// Credits: Nukapedia                   /// */
/* //////////////////////////////////////////// */

/* Template:Docparam */
.va-docparam {
    padding: 0 2px 0 20px;
    text-indent: -20px;
    margin-bottom: 3px;
    background: var(--theme-page-background-color--light);
    border: 1px dotted var(--theme-border-color);
    overflow: auto;
}

.va-docparam-icon {
    margin: 0;
    padding: 0;
    width: 20px;
    float: left;
}

.va-docparam-default {
    float: right;
    font-size: 10px;
}

.va-docparam-params {
    font-family: monospace;
}

.va-docparam-desc {
    margin: 0;
    padding: 0 0 5px 20px;
}

/* Template:Documentation */
.va-documentation,
.va-documentation-bar-top,
.va-documentation-bar-bottom {
    border-color: var(--theme-border-color);
    border-style: solid;
    clear: both;
}

.va-documentation {
    border-width: 1px;
    margin: 10px 0;
}

.va-documentation-bar-top,
.va-documentation-bar-bottom {
    background: var(--theme-page-background-color--tertiary);
    padding: 5px;
    margin: 0;
}

.va-documentation-bar-top {
    border-width: 0 0 1px 0;
}

.va-documentation-bar-bottom {
    border-width: 1px 0 0 0;
    text-align: right;
}

.va-documentation-links {
    float: right;
    text-align: right;
}

.va-documentation-content {
    padding: 10px;
    margin: 0;
}

.va-documentation-small {
    font-size: 10px;
}
/* Custom username badges */
[class^='EntityHeader_name__']::after,
[class^='mw-userlink']::after,
.edit-info-user::after,
.lastEdited > a:after {
	display: inline-block;
	margin-left: 6px;
	width: 16px;
	height: 16px;
	background-size: cover;
	vertical-align: sub;
}

/* Adjust base styles for Recent Wiki Activity rail module */
.edit-info-user::after {
	margin-left: 0;
	width: 12px;
	height: 12px;
	transform: translate(0px, -1px);
}

/* ////////////////////////////////////////////////////////////////////////// */
/* /// SINGLE USE                                                         /// */
/* /// Styling that applies only to a single page. Usually related to     /// */
/* /// experiments or "cutting-edge" features.                            /// */
/* ////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////// */
/* /// BUILDING LISTS                       /// */
/* /// Used in: Template:Buildings list     /// */
/* //////////////////////////////////////////// */
	
.np-building-list {h
	border: 1px solid var(--theme-border-color);
    font-size: 11px;
    line-height: 16px;
    margin-top: 1px;
    margin-bottom: 2px;
    padding: 1px 2px;
    background-color: var(--theme-page-background-color--secondary) !important;
}

.np-building-list .selflink {
    font-weight: normal;
}
Retrieved from "https://hoodedhorse.com/wiki/Workers_Resources_Soviet_Republic/index.php?title=MediaWiki:Common.css&oldid=2881"