MediaWiki:Common.css: Difference between revisions

From Coral Island Wiki
Jump to navigation Jump to search
(add colors; add toc and infobox adjustments)
mNo edit summary
Line 59: Line 59:
   border-radius: 4px;
   border-radius: 4px;
   background-color: var(--gray-050);
   background-color: var(--gray-050);
   border: 1px solid var(--border);
   border: 1px solid var(--border-color);
   margin-top: 16px;
   margin-top: 16px;
}
}

Revision as of 09:30, 30 December 2023

/* Imports caching */
@import url("https://coralisland.wiki/w/index.php?title=MediaWiki:Module:Documentation.css&action=raw&ctype=text/css");

/*
For convenience on list of imported stuff:
   MediaWiki:Module:Documentation.css
   MediaWiki:Documentation.css
*/
/* || COLORS */
:root {
  --gray-900: #1F1E1E;
  --gray-800: #272727;
  --gray-700: #31302F;
  --gray-600: #403F3F;
  --gray-500: #545353;
  --gray-400: #848181;
  --gray-300: #9F9D9D;
  --gray-200: #C7C4C4;
  --gray-100: #E9E5E5;
  --gray-050: #F6F6F6;
  
  --brown-800: #3F3125;
  --brown-500: #B38A63;
  --brown-400: #CB9E71;
  --brown-300: #E4B17F;
  --brown-200: #EBC59F;
  --brown-100: #EFD8BE;
  --brown-050: #F7F2E8;
  
  --accent: #F6816C;
  --gold: #D9A14A;
  --player: #71A350;
  --npc: #8C6233;
  
  --border-color: var(--gray-100);
}

/* || FIXES */
.CodeMirror-lines span {
  font: 14px Consolas,Eupheima UCAS,Monaco,Menlo,monospace
}

.wikiEditor-ui .ace_editor * {
    font-size: 13px;
    font-family: monospace, monospace;
}

/* Fix to gift module */
.icon-list .custom-icon {
  display:block; /* list vertically */
}

/* || MAIN PAGE */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

/* ||TABLE OF CONTENTS */
.toc {
  padding: 8px 12px;
  border-radius: 4px;
  background-color: var(--gray-050);
  border: 1px solid var(--border-color);
  margin-top: 16px;
}

.vector-body .toc h2 {
  font-family: Fredoka, sans-serif;
}

/* || INFOBOX */
.portable-infobox .pi-data-value {
  margin: 0.5em 0; /* align values to labels */
}

.portable-infobox {
  border: 1px solid var(--border-color);
  background-color: var(--gray-050);
}

.portable-infobox .pi-title {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.pi-title p {
  margin: 4px 0;
  text-align: center;
}

.pi-header p {
  margin: 8px 0;
  text-align: center;
}

.pi-border-color {
  border-color: var(--border-color);
}