MediaWiki:Common.css: Difference between revisions

Revision as of 11:47, 7 August 2025

/* Load Custom Fonts */
@font-face {
  font-family: 'Dwarven';
  src: url('/wiki/fonts/Dwarven.ttf') format('truetype');
}
@font-face {
  font-family: 'Orcian';
  src: url('/wiki/fonts/Orcian.ttf') format('truetype');
}
@font-face {
  font-family: 'Elvic';
  src: url('/wiki/fonts/Elvic.ttf') format('truetype');
}
@font-face {
  font-family: 'Ratik';
  src: url('/wiki/fonts/Ratik.ttf') format('truetype');
}
@font-face {
  font-family: 'Trogian';
  src: url('/wiki/fonts/Trogian.ttf') format('truetype');
}
@font-face {
  font-family: 'Snekian';
  src: url('/wiki/fonts/Snekian.ttf') format('truetype');
}

.dwarven { font-family: 'Dwarven'; }
.orcian  { font-family: 'Orcian'; }
.elvic   { font-family: 'Elvic'; }
.ratik   { font-family: 'Ratik'; }
.trogian { font-family: 'Trogian'; }
.snekian { font-family: 'Snekian'; }

.dwarven-script td.script,
.orcian-script td.script,
.elvic-script td.script,
.ratik-script td.script,
.trogian-script td.script,
.snekian-script td.script {
  font-size: 150%;
}
.dwarven-script td.script { font-family: 'Dwarven'; }
.orcian-script td.script  { font-family: 'Orcian'; }
.elvic-script td.script   { font-family: 'Elvic'; }
.ratik-script td.script   { font-family: 'Ratik'; }
.trogian-script td.script { font-family: 'Trogian'; }
.snekian-script td.script { font-family: 'Snekian'; }

/* Category links and top tools on same line */
#mw-page-header-links #p-namespaces,
#mw-page-header-links #p-more,
#mw-page-header-links #p-pagemisc,
#p-pagemisc,
#p-more {
  display: none !important;
}

#mw-top-tools-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1em;
  margin: 0.5em 0;
}

#catlinks {
  margin: 0;
  padding: 0;
}
#catlinks ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}
#catlinks li {
  display: inline;
}

/* Tool buttons */
#mw-top-tools {
  margin: 0;
  padding: 0;
}
#mw-top-tools ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#mw-top-tools li {
  display: inline-block;
  margin: 0 0.2em;
}
#mw-top-tools a {
  text-decoration: none;
  color: #8b4e2f;
  background-color: #f5f0e8;
  border: 1px solid #d6c5ac;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 0.95em;
}
#mw-top-tools a:hover {
  background-color: #e0d4c2;
}