MediaWiki:Common.css: Difference between revisions

From Fables and Fantasy Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 2: Line 2:


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


Line 9: Line 9:
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');


/* === MAKE IT THE DEFAULT FONT FOR ALL PAGE CONTENT === */
/* === DEFAULT FONT === */
body,
body,
#content,
#content,
Line 21: Line 21:
.vector-menu,
.vector-menu,
#p-personal,
#p-personal,
#footer {
#footer,
  font-family: "IM Fell English", serif !important;
}
 
/* === HEADINGS USE IM FELL ENGLISH TOO === */
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
   font-family: "IM Fell English", serif !important;
   font-family: "IM Fell English", serif !important;
}
}


/* === OPTIONAL CSS CLASSES FOR INLINE USE === */
/* === OPTIONAL INLINE CLASSES === */
.im-fell-english-regular {
.im-fell-english-regular {
   font-family: "IM Fell English", serif;
   font-family: "IM Fell English", serif;
Line 43: Line 39:
}
}


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


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


/* === TOP PAGE ACTION TABS: READ, EDIT SOURCE, VIEW HISTORY === */
/* === "MORE" TAB & DROPDOWN === */
#ca-view,
#p-cactions,
#ca-edit,
#p-cactions .vector-menu-content,
#ca-history,
#p-cactions li,
#ca-watch,
#p-cactions li a {
#ca-unwatch,
   background: #F1E9D2 !important;
#ca-talk,
#ca-addsection,
#ca-more {
   background-color: #F1E9D2 !important;
   border: none !important;
   border: none !important;
}
}


#ca-view a,
#p-cactions li a:hover {
#ca-edit a,
   background: #F1E9D2 !important;
#ca-history a,
#ca-watch a,
#ca-unwatch a,
#ca-talk a,
#ca-addsection a,
#ca-more a {
   background-color: #F1E9D2 !important;
  border: none !important;
}
}

Revision as of 12:24, 5 July 2025

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

/* === 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,
h1, h2, h3, h4, h5, h6 {
  font-family: "IM Fell English", serif !important;
}

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