MediaWiki:Common.css: Difference between revisions

From Fables and Fantasy Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 89: Line 89:


/* === FORCE TOP TABS BAR TO USE THE SAME BACKGROUND IMAGE === */
/* === FORCE TOP TABS BAR TO USE THE SAME BACKGROUND IMAGE === */
#mw-head,
#mw-head{
#mw-head .vector-menu,
#mw-head .vector-menu-tabs,
#mw-head .vector-menu-content {
   background-image: url('https://i.imgur.com/FSwZjbL.png'), url('https://i.imgur.com/qeVTmTf.png');
   background-image: url('https://i.imgur.com/FSwZjbL.png'), url('https://i.imgur.com/qeVTmTf.png');
   background-attachment: scroll, scroll;
   background-attachment: local, local;
   background-repeat: no-repeat, repeat;
   background-repeat: no-repeat, repeat;
   background-position-x: left;
   background-position-x: left;

Latest revision as of 14:59, 8 September 2025

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

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

/* === 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{
  background-image: url('https://i.imgur.com/FSwZjbL.png'), url('https://i.imgur.com/qeVTmTf.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;
}