MediaWiki:Common.css: Difference between revisions

Revision as of 15:17, 20 March 2023

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');

body { 

    background-color: rgb(221,162,55); 
    font-family: Noto Serif;
    background: url(https://paxrepublica.net/images/f/fd/Photo-1540198163009-7afda7da2945_copy.jpg) no-repeat fixed !important;
    background-size: cover !important;
}

.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle {
    background: #455471;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
    background-color: #a8b7c2;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
    background-color: #3c3e5fd1;
    color: #ffffff;
}

.oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
    color: #3c3e5f;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
    background-color: #455471;
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
    background-color: #455471;
}

a { color: #c6efff !important; }

.wikiEditor-ui-toolbar {
    background-color: rgb(81,112,133);
}

.results-info { color: #cfcfcf; }

.mw-search-profile-tabs {
    background-color: rgb(23,61,154);
}

fieldset {
    border: 1px solid #c6efff;
}

.toctogglelabel {
    color:  #6db2d4;
}

.mw-search-result-data {
    color: #b2b5e4;
}

#contentSub {
    color: #ffffff;
}

.portal h3, .vector-menu-portal h3 {

    color: #ffffff;
}

.vector-menu-dropdown h3:after {
    background-image: url(https://wiki.telmaron.com/images/4/41/Arrow.png);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
    color: #fff !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #fff !important;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
    background: rgb(81 112 133 / 48%);
    color: #fff;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: rgb(81 112 133 / 48%);
    color: #ffffff;
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
    background-color: #eaecf02e;
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
    background-color: #eaecf02e;
}

.ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug { background-color: rgb(241 247 251 / 14%);}

.oo-ui-toolbar-bar { background-color: rgb(81,112,133); }

.oo-ui-popupWidget-popup { background: rgb(81,112,133); }

.oo-ui-popupToolGroup-tools { background: rgb(81,112,133); }

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link { background-color: #9ebdd1; }

.oo-ui-listToolGroup.oo-ui-widget-disabled, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title { color: #000000;}

.oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: #000000; }

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    color: #fff;
    box-shadow: inset 0 -2px 0 0 #fff;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
    border-color: #fff;
    box-shadow: inset 0 0 0 1px #fff;
}

.oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
    background: #36c;
    color: white;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
    background-color: #eaecf02e;
    border: none;
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
    background-color: #eaecf02e;
}

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
    background-color: #eaecf02e;
}

.ve-ui-mwSaveDialog-summaryLabel { color: white; }

.oo-ui-window-content { background: rgb(81,112,133); }

.ve-ui-mwTemplatePage-description { color: #c6d2d6; }

.oo-ui-labelElement .oo-ui-labelElement-label, .oo-ui-labelElement.oo-ui-labelElement-label { color: white; }

.ve-ui-mwSaveDialog-options { background-color: #69899e; }

.ve-ui-mwSaveDialog-license { color: #ffffff; }

.oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
    background: #36c;
    color: white !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: #777777;
    color: #ffffff !important;
}

.mw-plusminus-neg { color: #e38585; }

.mw-plusminus-pos { color: #82c682; }

.mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: #507085 !important; }

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: transparent;}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: rgb(81,112,133); }

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: white; }

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { background: rgb(81,112,133); }

.mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: #eaecf0; }

.mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: rgb(80 112 133); }

.mw-rcfilters-ui-itemMenuOptionWidget:hover {
    background-color: #50708557;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: rgb(168 183 194);
    border-top: 1px solid #3c3e5f;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
    background-color: #3c3e5f30;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {

    border: solid 1px #a2b3dd;
    background-color: #4d67a8;
    color: white;
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
    background-color: #eaf3ff54;
}

.oo-ui-menuSelectWidget {  background-color: #a8b7c2; }

.editOptions {
    background-color: transparent;
    color: #ffffff;
}

.vector-menu-dropdown h3 {

    color: white;
}

#pt-anonuserpage {

    color: white;
}

.mw-footer li {

    color: #ffffff !important;
}

#footer-places li a {

    color: #ffffff !important;
}

#mw-head {

    top: -80px;
}

.portal .body a {

    color: white !important;
}


.mw-body {

    margin-top: 180px;
    width: 80%;
    color: #ffffff;
    background: rgb(60,62,95);

} 

.mw-body h1, h2, h3, h4, h5, h6 { color: #ffffff; }

.toc { background: rgb(23,61,154); }

.toc h2 { color: #ffffff; }

.tocnumber { color: #ffffff; }

.portable-infobox { background: #4d67a8; }

.portable-infobox .pi-header { background: rgb(23,61,154); }

.wikitable { background: transparent; color: #ffffff; }

.wikitable > * > tr > th { background: #3c5769; color: #ffffff; }

.mw-datatable th { background: rgb(23,61,154); }

.mw-datatable td { background: transparent; }

.mw-datatable tr:hover td { background: #3c5769; }

.catlinks { background: rgb(23,61,154); }

#filetoc { background: #3c5769; }

.mw_metadata td { background: #3c5769; }

.mw_metadata th { background-color: transparent; }

.vector-menu-dropdown .vector-menu-content-list { background-color: rgb(60,62,95); }

.vector-menu-tabs ul { background: transparent; }

.vector-menu-tabs .selected { background: transparent; border-bottom: 3px solid #c6efff; }

.vector-menu-tabs li { background-image: none; }

#mw-panel {
    top: 168px;
}

#mw-page-base { height: 0px;}

#left-navigation {
    margin-top: 13.8em;
}

#right-navigation {
     margin: 13.8em 2.7em 0 0;   
}

.vector-menu-tabs, .vector-menu-tabs a, .vector-menu-dropdown h3 {
    background-image: url(https://wiki.telmaron.com/images/1/11/Tabsbkgnd.png) !important;
}


.mw-wiki-logo {

   background-image: url(https://wiki.telmaron.com/images/d/d9/Pax_Republica_light.png) !important;
    
}

#p-logo a { 

    position: absolute;
    top: -53px;
    z-index: -99;
}

#p-logo {

   height: 80px !important;
   margin-bottom: -20px;
}

#p-personal {
    top: 190px;
    right: 60px;
}