MediaWiki:Common.css: Difference between revisions

From Fables and Fantasy Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 26: Line 26:
.vector-menu,
.vector-menu,
#p-personal,
#p-personal,
#footer,
#footer {
h1, h2, h3, h4, h5, h6 {
   font-family: "IM Fell English", serif !important;
   font-family: "IM Fell English", serif !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;
}
}


Line 87: Line 95:
   margin-bottom: 10px;
   margin-bottom: 10px;
   border-radius: 4px;
   border-radius: 4px;
}
/* === SET DEFAULT FONT SIZE TO 18PX === */
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,
h1, h2, h3, h4, h5, h6 {
  font-size: 16px !important;
}
}

Latest revision as of 22:33, 26 July 2025

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

/* === SITE BACKGROUND === */
body {
  background: url('https://i.imgur.com/qeVTmTf.png') repeat !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;
}

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

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

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

/* === 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,
#mw-head .vector-menu,
#mw-head .vector-menu-tabs,
#mw-head .vector-menu-content {
  background: url('https://i.imgur.com/qeVTmTf.png') repeat !important;
  border: none !important;
}

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