MediaWiki:Common.css: Difference between revisions

Revision as of 14:49, 25 March 2024

/* 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: #1f1c66; color: #ffffff; font-family: "Degular"; }

/*change color of tools menu background */
#p-tb { background-color: #ff9966; }

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

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

/* change background color of the top ribbon above message / discussion */
#mw-head-base { background-color: #7d7df0; }

/* change top ribbon dimensions and alignment */
#mw-head-base {
	margin-left: auto;
	margin-right: auto;
  max-width: 3000px }

/* change background color of the left side navigation for vector legacy only */
#mw-panel { background-color: #7d7df0; } 

/* change color of paragraph text on pages */
#content p { font-size: 15px; 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: #ffffff; 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: #ff9966; font-size: 18px; font-family: "Degular"; } 

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

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

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

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

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






#headertabs.retro.ui-widget {
  font-family:inherit;
  font-size: 1em;
  background: #fff;
  border: 0px;
}

#headertabs.retro .ui-tabs-panel {
  border-color: rgb(36,51,86) rgb(128,128,128) rgb (128,128,128);
  border-style: solid;
  border-width: 1px;
}

#headertabs.retro .ui-widget-header {
  border-bottom: 5px solid #2647A0;
}

#headertabs.retro .ui-state-default,
#headertabs.retro .ui-state-default a {
  background: #CCC;
  border-color: #666;
  color: #000;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

#headertabs.retro .ui-state-hover, 
#headertabs.retro .ui-state-hover a {
  background: rgb(191,218,255);
  color: #000;
}

#headertabs.retro .ui-state-active, 
#headertabs.retro .ui-state-active a {
  background: #2647A0;
  border-color: #000;
  border-width: 1px 1px 0px 1px;
  color: #fff;
}

#headertabs.retro .ui-widget input,
.ui-widget select, 
.ui-widget textarea,
.ui-widget button {
  font-family: inherit;
  font-size: 1em;
}

#headertabs.retro .ui-widget-content a {
  color: #0645ad;
}

#headertabs.retro .ui-widget a:visited {
  color: #0b0080;
}

#headertabs.retro .ui-widget-content a.new {
  color: #CC2200;
}

#headertabs.retro .ui-widget-content a.new:visited {
  color: #A55858;
}

#headertabs.retro .ui-widget-content a.exitw {
  color: #3366BB;
}

#headertabs.retro .ui-widget-content a.redirect {
  color: #308050
}

#headertabs.retro .ui-widget-content a.redirect:visited {
  color: #3070A0;
}