MediaWiki:Common.css

From EVERYWHERE wiki
Revision as of 11:35, 24 April 2024 by User (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* EV Colours:
Melon: #ff9966
Coral: #ff7d4c
Sunset: #ff6a14
Magma: #ff441d
White: #ffffff
Electric: #7d7df0
Violet: #473ba7
Dusk: #1f1c66
Night: #050522
Black: #000000
*/

/* change background color and text of the pages */
#content { background-color: #050522; color: #ffffff; font-family: "Degular"; }

/*change color of tools menu background */
#p-tb { background-color: #ff9966; }
/* hide the tools navigation box */
#p-tb { display: none }

/*change color of square around the logo background 
#p-logo { background-color: #1f1c66; } */

/* change background color of the wiki for vector legacy only */
body { background-color: #1f1c66; }

/* change background color of the top ribbon above message / discussion */
#mw-head-base { background-color: #1f1c66; }
/* change top ribbon dimensions and alignment */
#mw-head-base {
	margin-left: auto;
	margin-right: auto;
  max-width: 5000px }

/* change background color of the left side navigation for vector legacy only */
#mw-panel { background-color: #1f1c66; } 
#mw-panel h3 { border: 1px solid #7d7df0; margin-top: -4px; } /* border around headers on the left side navigation plus fix top margin to align with the panel border at the top*/
/* change the section headers of the left side navigation panel */
#mw-panel h3 { color: #ffffff; background-color: #473ba7; max-width: 150px ; margin-left: auto; margin-right: auto; text-align: left; }


/* change color of paragraph text on pages */
#content p { font-size: 17px; color: #ffffff; font-family: "Degular"}

/* change the bullet points */
#content ul {
  list-style: "• ";
  font-size: 17px; color: #ffffff; font-family: "Degular" }

/* change color of page titles */
#content h1 { font-weight: bold; color: #7d7df0; font-family: "Degular"}

/* change color of level 2 subheadings */
#content h2 { font-weight: bold; color: #7d7df0; font-family: "Degular"}

/* change color of level 3 subheadings */
#content h3 { font-weight: bold; color: #ffffff; font-family: "Degular"; }


/* change font size and font family background color for left side panel works with vector legacy */
#mw-panel .portal { background-color: #050522; font-size: 18px; font-family: "Degular"; } 
/* #mw-panel .portal { border: 1px solid #7d7df0; } */ /* border around the left hand side panel */
#mw-panel a:link { color: #7d7df0; }
#mw-panel a:visited { color: #7d7df0; }

/* change font color, size and font family for the Tools header works with vector legacy 
#mw-panel #p-tb h3 { color: #ffffff; font-size: 18px; font-family: "Courier New"; } */


/* changes main page and discussion tabs at the top */
#left-navigation { font-size: 16px; font-family: "Degular"; } 

/* changes the read, edit, view history font settings at the top */
#right-navigation { font-size: 16px; font-family: "Degular"; } 

/* changes the create account, preferences, talk contributions text */
#p-personal { font-size: 18px; font-family: "Degular"; } 
/* hide user links on top right corner 
#p-personal { display: none; } */

/* changes the footer font settings plus the privacy policy, about BARB links */
#footer ul li { color: #7d7df0; font-size: 15px; font-family: "Degular"; } 

/* change the color of the hyperlinked text footer */
#footer a:link { color: #7d7df0; }

/* change search box dimensions, works with vector legacy
div#simpleSearch { width: 240px; height: 25px; } */

.mw-body-content a:link { color: #7d7df0; } /* normal unvisited links TOC & Body */
.mw-body-content a:visited { color: #7d7df0; } /* visited links in TOC */
#content a:visited { color: #7d7df0; } /* visited links in body */

/* TOC background color settings */
#toc { background-color: #1f1c66; font-size: 15px; font-family: "Degular"; font-color: #ffffff; }

/* remove bullet points from TOC */
#toc ul {
  list-style: none; font-size: 15px; font-family: "Degular";
}

/* change color of TOC numbers */
.tocnumber { color: #7d7df0; }


/* align "content2 [hide]" to the left in the TOC */
.tocless #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
	text-align: left; }

/* hides the discuss tab from pages */
#ca-talk { display:none!important; }

/* hides the delete tab from pages 
#ca-delete { display:none!important; } */

/* other tabs IDs for reference:
#ca-nstab-main - Page tab
#ca-nstab-user - User page tab (the Page tab on personal user pages)
#ca-talk - Discussion tab
#ca-view - Read tab (from the prepackaged skins this tab is available only in the Vector skin)
#ca-edit - Edit tab
#ca-history - View history/History tab
#ca-watch - the Watch tab for adding the page to the watchlist
#ca-unwatch - the Unwatch tab for removing the page from the watchlist
#ca-delete - Delete tab (in the Vector skins it's displayed with the More drop-down menu)
#ca-move - Move tab (in the Vector skin it's part of the More drop-down menu)
#ca-protect - Protect tab (as the previous two, with the Vector skin it's in the More drop-down menu) */

/* hides my talk link for logged in users */
#pt-mytalk { display: none!important; }


/* change the background color of main tab when clicked, not clicked */
#ca-nstab-main { background-image: none } 
#ca-nstab-main { border: 1px solid #7d7df0; } /* border and colour */
#ca-nstab-main { background-color: #050522}
#ca-nstab-main a:visited { color: #7d7df0; } /* change text colour / hyperlink colour for tab */
#ca-nstab-main a:link { color: #7d7df0; } /* change text colour / hyperlink colour for tab */

/* change the background color of edit tab when clicked, not clicked */
#ca-edit { background-image: none }
#ca-edit { border: 1px solid #7d7df0; } /* border and colour */
#ca-edit { background-color: #050522}
#ca-edit a:visited { color: #7d7df0; } /* change text colour / hyperlink colour for tab */
#ca-edit a:link { color: #7d7df0; } /* change text colour / hyperlink colour for tab */

/* change the background color of history tab when clicked, not clicked */
#ca-history { background-image: none }
#ca-history { border: 1px solid #7d7df0; } /* border and colour */
#ca-history { background-color: #050522}
#ca-history a:visited { color: #7d7df0; } /* change text colour / hyperlink colour for tab */
#ca-history a:link { color: #7d7df0; } /* change text colour / hyperlink colour for tab */

/* change the background color of view tab when clicked, not clicked */
#ca-view { background-image: none }
#ca-view { border: 1px solid #7d7df0; } /* border and colour */
#ca-view { background-color: #050522}
#ca-view a:visited { color: #7d7df0; } /* change text colour / hyperlink colour for tab */
#ca-view a:link { color: #7d7df0; } /* change text colour / hyperlink colour for tab */

/* change the background color of watch tab when clicked, not clicked */
#ca-watch { background-image: none }
#ca-watch { border: 1px solid #7d7df0; } /* border and colour */
#ca-watch { background-color: #050522}
#ca-watch a:visited { color: #7d7df0; } /* change text colour / hyperlink colour for tab */
#ca-watch a:link { color: #7d7df0; } /* change text colour / hyperlink colour for tab */

/* change the background color of unwatch tab when clicked, not clicked */
#ca-unwatch { background-image: none }
#ca-unwatch { border: 1px solid #7d7df0; } /* border and colour */
#ca-unwatch { background-color: #050522}
#ca-unwatch a:visited { color: #7d7df0; } /* change text colour / hyperlink colour for tab */
#ca-unwatch a:link{ color: #7d7df0; } /* change text colour / hyperlink colour for tab */


/* change body border color and thickness */
.mw-body { border: 2px solid #7d7df0; }


/* Custom CSS to change the logo */
.mw-wiki-logo {
    background-image: url('https://wiki.everywhere.game/images/a/a6/ARCADIA_LOGO_ELECTRIC2.png'); /* Replace 'path/to/your/logo.png' with the URL or path to your custom logo image */
    /* Optionally, adjust the width and height of the logo */
    width: 90px; /* Adjust to your desired width */
    height: 100px; /* Adjust to your desired height */
    /* Hide the default text-based logo */
    text-indent: -9999px;
    overflow: hidden;
}

/* Custom CSS to set the background image */
body {
    background-image: url('https://wiki.everywhere.game/images/9/9b/Background_Pattern_4K.png'); /* Replace 'path/to/your/background-image.jpg' with the URL or path to your background image */
    /* Optionally, adjust other background properties */
    background-size: cover; /* Adjust to your desired background size */
    background-position: center; /* Adjust to your desired background position */
    background-repeat: no-repeat; /* Ensure the background image doesn't repeat */
}


.mw-body {
    margin-top: 0; /* Reset the default margin to ensure the background extends to the top */
}

.vector-menu-portal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; /* Ensure the ribbon is positioned above the background image */
}