MediaWiki:Common.css: Difference between revisions

Revision as of 12:30, 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'; }

/* Hide unused headers */
#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;
}

/* Wrapper for categories + tools + edit buttons */
#mw-top-tools-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  flex-wrap: nowrap; /* Force on one line unless absolutely needed */
}


/* Categories */
#catlinks {
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: normal;
  flex: 1 1 auto; /* Let it grow and shrink */
  min-width: 0;
}

#catlinks ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#catlinks li {
  margin: 0 0.5em 0 0;
  padding: 0;
  list-style: none;
}

/* Top 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;
}

/* Edit buttons */
#mw-edit-buttons {
  display: flex;
  gap: 0.5em;
}
#mw-edit-buttons a {
  text-decoration: none;
  color: #8b4e2f;
  background-color: #f5f0e8;
  border: 1px solid #d6c5ac;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 0.95em;
}
#mw-edit-buttons a:hover {
  background-color: #e0d4c2;
}