MediaWiki:Common.css: Difference between revisions

From Fables and Fantasy Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(33 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* background color of the content title and pages */ #content { background-color: #F1E9D2; }
/* === SITE BACKGROUND === */
 
body {
/* ========================
  background-image: url('https://i.imgur.com/FSwZjbL.png'), url('https://i.imgur.com/qeVTmTf.png');
  Match tabs to page background (#F1E9D2)
  background-attachment: scroll, scroll;
  ======================== */
  background-repeat: no-repeat, repeat;
 
  background-position-x: left;
/* Namespace & page tabs (Vector skin) */
  background-blend-mode: normal;
#p-namespaces li,
   background-size: auto;
#p-views li,
  z-index: 1 !important, 1 !important;
.vectorTabs li,
.vector-menu-tabs li,
.vector-menu-content li {
   background: #F1E9D2 !important;
   border: none !important;
   border: none !important;
}
}


/* The selected (active) tab too */
/* === BACKGROUND COLOUR OF CONTENT TITLE AND PAGES === */
#p-namespaces li.selected,
#content {
#p-views li.selected,
   background-color: #F1E9D2;
.vectorTabs li.selected,
.vector-menu-tabs li.selected,
.vector-menu-content li.selected {
   background: #F1E9D2 !important;
  border: none !important;
}
}


/* Optional: remove hover background too if you want a flat look */
/* === IMPORT IM FELL ENGLISH FROM GOOGLE FONTS === */
#p-namespaces li a:hover,
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');
#p-views li a:hover,
.vectorTabs li a:hover,
.vector-menu-tabs li a:hover,
.vector-menu-content li a:hover {
  background: #F1E9D2 !important;
}


/* Optional: make tab text color match normal link color */
/* === DEFAULT FONT === */
#p-namespaces li a,
body,
#p-views li a,
#content,
.vectorTabs li a,
#mw-content-text,
.vector-menu-tabs li a,
#mw-content-text p,
.vector-menu-content li a {
#mw-content-text li,
   color: inherit !important; /* Or your custom text color */
#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;
}
}


/* Google Fonts*/
/* === SET BODY TEXT SIZE ONLY === */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');
#mw-content-text p,
 
#mw-content-text li,
@font-face {
#mw-content-text td,
    font-family: "FantaisieArtistique";
#mw-content-text th,
    src: url(/fonts/FantaisieArtistique/FantaisieArtistique.ttf) format("truetype");
#mw-content-text a {
  font-size: 16px;
}
}


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


body {
.im-fell-english-regular-italic {
  /* background-image: linear-gradient(-90deg, #000, #344E77); */
   font-family: "IM Fell English", serif;
  background-color: #20394F;
   font-weight: 400;
   background-image: url(https://i.imgur.com/fFstNe5.png);
   font-style: italic;
   background-repeat: repeat;
   background-size: 256px 256px;
}
}


#mw-page-base {
/* === PAGE ACTION TABS: READ, DISCUSSION, EDIT, VIEW HISTORY, MORE === */
  /* background-image: linear-gradient(-90deg, #000, #344E77); */
#p-views li,
  background-color: #20394F;
#p-views li a,
  background-image: url(https://i.imgur.com/g3KsrmX.png);
.vector-menu-tabs li,
  background-repeat: no-repeat;
.vector-menu-tabs li a,
  background-size: cover;
.vector-menu-tabs .selected a {
   background-position: center;
   background: #F1E9D2 !important;
   height: 10em;
   border: none !important;
}
}


#mw-head-base {
#p-views li a:hover,
   margin: -160px 10px 0 10.4em !important;
.vector-menu-tabs li a:hover {
   background: #F1E9D2 !important;
}
}


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


#footer a {
#p-cactions li a:hover {
  color: #fff;
   background: #F1E9D2 !important;
}
 
#mw-panel .portal h3 {
   color: #fff;
}
}


#right-navigation {
  color: #000;
}


#left-navigation {
/* === FORCE TOP TABS BAR TO USE THE SAME BACKGROUND IMAGE === */
   color: #000;
#mw-head{
}
   background-image: url('https://i.imgur.com/FSwZjbL.png'), url('https://i.imgur.com/qeVTmTf.png');
 
  background-attachment: local, local;
#mw-panel a {
  background-repeat: no-repeat, repeat;
   color: #fff;
   background-position-x: left;
}
  background-blend-mode: normal;
 
   background-size: auto;
#footer-info-lastmod {
  z-index: 1 !important, 1 !important;
   color: #fff;
   border: none !important;
}
 
#p-cactions-label {
   color: #fff;
}
}


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

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;
}
Retrieved from "https://fablesfantasyrp.com/wiki/index.php?title=MediaWiki:Common.css&oldid=8151"