MediaWiki:Common.css: Difference between revisions

Revision as of 11:41, 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 {
  font-family: 'Dwarven';
  font-size: 150%;
}
.orcian-script td.script {
  font-family: 'Orcian';
  font-size: 150%;
}
.elvic-script td.script {
  font-family: 'Elvic';
  font-size: 150%;
}
.ratik-script td.script {
  font-family: 'Ratik';
  font-size: 150%;
}
.trogian-script td.script {
  font-family: 'Trogian';
  font-size: 150%;
}
.snekian-script td.script {
  font-family: 'Snekian';
  font-size: 150%;
}

/* Category links displayed horizontally under page title */
#catlinks {
  text-align: center;
  margin: 10px 0;
}

#catlinks ul {
  display: inline-block;
  padding: 0;
  margin: 0;
}

#catlinks li {
  display: inline;
  margin: 0 10px;
}

#mw-page-header-links #p-namespaces {
	display: none !important;
}

#mw-page-header-links #p-namespaces,
#mw-page-header-links #p-more,
#mw-page-header-links #p-pagemisc {
	display: none !important;
}

}

#p-pagemisc,
#p-more {
	display: none !important;
}

/* Wrap categories and top tools in one flex row */
#mw-top-tools-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#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;
}