MediaWiki:Common.css: Difference between revisions

Latest revision as of 12:50, 4 October 2025

/* CSS placed here will be applied to all skins */

/* === SITE BACKGROUND === */
body {
  background-image: url('https://fablesfantasyrp.com/wiki/images/6/6c/BackgroundBanner.png'), url('https://fablesfantasyrp.com/wiki/images/e/e6/BackgroundBase.png');
  background-attachment: scroll, scroll;
  background-repeat: no-repeat, repeat;
  background-position-x: left;
  background-blend-mode: normal;
  background-size: auto;
  z-index: 1 !important, 1 !important;
  border: none !important;
}

/* === BACKGROUND COLOUR OF CONTENT TITLE AND PAGES === */
#content {
  background-color: #F1E9D2;
}

/* === IMPORT IM FELL ENGLISH FROM GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');

/* === DEFAULT FONT === */
body,
#content,
#mw-content-text,
#mw-content-text p,
#mw-content-text li,
#mw-content-text td,
#mw-content-text th,
#mw-content-text a,
#mw-panel,
.vector-menu,
#p-personal,
#footer {
  font-family: "IM Fell English", serif !important;
  font-size: 16px !important;
}

/* === SET BODY TEXT SIZE ONLY === */
#mw-content-text p,
#mw-content-text li,
#mw-content-text td,
#mw-content-text th,
#mw-content-text a {
  font-size: 16px !important;
}

/* === OPTIONAL INLINE CLASSES === */
.im-fell-english-regular {
  font-family: "IM Fell English", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px !important;
}

.im-fell-english-regular-italic {
  font-family: "IM Fell English", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 16px !important;
}

/* === ENSURE LINKS USE SAME FONT & SIZE === */
#mw-content-text a,
#mw-content-text a:link,
#mw-content-text a:visited,
#mw-content-text a:hover,
#mw-content-text a:active {
  font-family: "IM Fell English", serif !important;
  font-size: 16px !important;
}

/* === FORCE INFOBOX & WIKITABLE CONSISTENCY === */
.wikitable,
.wikitable th,
.wikitable td,
.wikitable a,
.wikitable a:link,
.wikitable a:visited,
.wikitable a:hover,
.wikitable a:active,
.infobox,
.infobox th,
.infobox td,
.infobox b,
.infobox strong,
.infobox a,
.infobox a:link,
.infobox a:visited,
.infobox a:hover,
.infobox a:active {
  font-family: "IM Fell English", serif !important;
  font-size: 16px !important;
  line-height: 1.4em !important; /* keeps text spacing consistent */
}

/* === PAGE ACTION TABS: READ, DISCUSSION, EDIT, VIEW HISTORY, MORE === */
#p-views li,
#p-views li a,
.vector-menu-tabs li,
.vector-menu-tabs li a,
.vector-menu-tabs .selected a {
  background: #F1E9D2 !important;
  border: none !important;
}

#p-views li a:hover,
.vector-menu-tabs li a:hover {
  background: #F1E9D2 !important;
}

/* === "MORE" TAB & DROPDOWN === */
#p-cactions,
#p-cactions .vector-menu-content,
#p-cactions li,
#p-cactions li a {
  background: #F1E9D2 !important;
  border: none !important;
}

#p-cactions li a:hover {
  background: #F1E9D2 !important;
}


/* === FORCE TOP TABS BAR TO USE THE SAME BACKGROUND IMAGE === */
#mw-head{
  background-image: url('https://fablesfantasyrp.com/wiki/images/6/6c/BackgroundBanner.png'), url('https://fablesfantasyrp.com/wiki/images/e/e6/BackgroundBase.png');
  background-attachment: local, local;
  background-repeat: no-repeat, repeat;
  background-position-x: left;
  background-blend-mode: normal;
  background-size: auto;
  z-index: 1 !important, 1 !important;
  border: none !important;
}

/* === SIDEBAR BOXES UNDER LINKS === */
#mw-panel .portal {
  background-color: #F1E9D2 !important;
  padding: 5px;
  margin-bottom: 10px;
  border-radius: 4px;
}