Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Underdog:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
/* ------------------
-- Deceron Classes --
------------------ */
.deceron-mp-table {
  background: var(--background-color-neutral);
  text-align: center;
  border-spacing: 10px;
}
.deceron-mp-table td {
  background: var(--background-color-neutral-subtle);
  vertical-align: top;
  padding: 5px;
}
/* ------------------
/* ------------------
--- General Style ---
--- General Style ---
------------------ */
------------------ */
html, body {
  font-family: "PT Sans", sans-serif;
}
.mw-body h1,.mw-body .mw-heading1,.mw-body-content h1,.mw-body-content .mw-heading1,.mw-body-content h2,.mw-body-content .mw-heading2 {
  font-family: "Underdog", serif;
  line-height: 1.375
}


:root {
:root {
Line 8: Line 37:
   /* Text */
   /* Text */
   --color-base: #c4d3d3;
   --color-base: #c4d3d3;
   --color-base-fixed: #eeeeee;
   --color-base-fixed: #c4d3d3;
   --color-base--hover: #ffffff;
   --color-base--hover: #ffffff;
   --color-emphasized: #ffffff;
   --color-emphasized: #ffffff;
Line 38: Line 67:
   --background-color-neutral-subtle: #152525;
   --background-color-neutral-subtle: #152525;


   --background-color-interactive: #102020;
   --background-color-interactive: #425f5f;
   --background-color-interactive--hover: #454b55;
   --background-color-interactive--hover: #454b55;
   --background-color-interactive--active: #505762;
   --background-color-interactive--active: #505762;
Line 44: Line 73:
   --background-color-interactive-subtle: #152525;
   --background-color-interactive-subtle: #152525;
   --background-color-interactive-subtle--hover: #102020;
   --background-color-interactive-subtle--hover: #102020;
   --background-color-interactive-subtle--active: #454b55;
   --background-color-interactive-subtle--active: #102020;


   --background-color-disabled: #454b55;
   --background-color-disabled: #454b55;
Line 202: Line 231:
   /* Subtle text */
   /* Subtle text */
   --color-base--subtle: #54595d;
   --color-base--subtle: #54595d;
}
/* -----------------
--- Logo fix ---
----------------- */
.mw-logo-wordmark {
    display: none;
}
/* Force the Vector 2022 logo/icon to stay visible on mobile views */
@media (max-width: 719px) {
  .mw-header .mw-logo {
    display: inline-flex !important;
    margin-right: 0.5em;
  }
   
  /* Ensure the icon image inside the logo link is visible */
  .mw-header .mw-logo-icon {
    display: inline-block !important;
  }
}
}


Line 209: Line 259:


.infobox {
.infobox {
   background-color: #3a5353;
   background-color: #102020;
   border: 1px solid #425f5f;
   border: 1px solid #425f5f;
   color: #c4d3d3;
   color: #c4d3d3;
Line 227: Line 277:
.infobox .infobox-above,
.infobox .infobox-above,
.infobox .infobox-title {
.infobox .infobox-title {
   background-color: #000 !important;
   background-color: #425f5f !important;
   color: #fff !important;
   color: #fff !important;
   font-size: 1.25em;
   font-size: 1.25em;
Line 240: Line 290:


.infobox .infobox-header {
.infobox .infobox-header {
   background-color: #000 !important;
   background-color: #3a5353 !important;
   color: #fff !important;
   color: #fff !important;
   font-size: 1.1em;
   font-size: 1.1em;