MediaWiki:Common.css: Difference between revisions

From Aetherium
Jump to navigation Jump to search
No edit summary
No edit summary
 
(73 intermediate revisions by the same user not shown)
Line 1: Line 1:
#content { background-color: #031831; } - changes the background color of the content of articles/pages, including the title of the articles.
/* CSS placed here will be applied to all skins */


#bodyContent { background-color: #e6ffb4; } - changes the background color of the content of pages, without the title of the pages.
/* Change bg color, font color, and font family except in header */
body, #mw-page-base, #mw-head-base, .mw-footer li { background-color: #0b283a; background-image: none; color: #50a4a4; font-family: "Verdana"; }


#firstHeading { background-color: #e6ffb4; } - changes the background color only of page titles.
/* Change bg color of article content & titles */
#content { background-color: #0b283a; color: #ccc; font-family: "Verdana"; }


#catlinks { background-color: #e6ffb4; } - changes the background color of the area in which are displayed the links to the categories to which the page belongs. If a page is assigned to categories, they are listed exactly under the content of the page in a rectangular container.
/* Change the color of headings */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #fff; }


#mw-head-base { background-color: #e6ffb4; } - changes the background color at the top of the screen, the area above the page title. It doesn't affect the color of the page tabs (e.g. Discussion, Edit, etc.).
/* Change text in left sidebar */
#mw-panel .portal { font-size: 15px; font-family: "Verdana"; }


#mw-panel { background-color: #e6ffb4; } - changes the background color of the menus on the left side of the screen (the area where the links Recent changes, Random page, etc., and the Tools menu are located).
/* Change text of the "Tools" heading in left sidebar */
#mw-panel #p-tb h3 { color: #fff; font-size: 15px; font-family: "Verdana"; }


#p-logo { background-color: #e6ffb4; } - sets the background color of the area where the logo is located (the top left corner).
/* Change the link colors */
a, #mw-panel .portal a, .vector-menu-tabs-legacy li a, .vector-menu-dropdown .mw-list-item a, .mw-parser-output a.extiw, .mw-parser-output a.external { color: #04626a; }
a:active, #mw-panel .portal a:active, .vector-menu-tabs-legacy li a:active, .vector-menu-dropdown .mw-list-item a:active, .mw-parser-output a.extiw:active, .mw-parser-output a.external:active { color: #44d0e9; }
a:visited, #mw-panel .portal a:visited, .vector-menu-tabs-legacy li a:visited, .vector-menu-dropdown .mw-list-item a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #8f0802; }


#p-navigation { background-color: #e6ffb4; } - this is for the background color of the Navigation menu in the left column. That's the menu with the links Main page, Recent changes, Random page, Help.
/* Change the color of the active tabs across the top navigation */
.vector-menu-tabs-legacy .selected { background: #0b283a; }
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { color: #ccc; }


#p-tb { background-color: #e6ffb4; } - changes the background color of the Tools menu in the left column. Both the title of the menu and the links in it are affected.
/* Change the color of the inactive tabs across the top navigation */
.vector-menu-tabs-legacy li { background-image: none; }
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited, a.new { color: #ffffff; }


#p-tb-label { background-color: #e6ffb4; } - changes the background color only of the title of the Tools menu on the left. The color of the actual menu is not changed.
/* Change the background color of the menu dropdown */
.vector-menu-dropdown .vector-menu-content { background-color: #0b283a; }


#p-tb .body { background-color: #e6ffb4; } - changes the background color of the Tools menu but without changing the background color of the title of the menu.
/* Change bg color of legend box */
.mw-changeslist-legend { background-color: #0b283a; }


#footer { background-color: #e6ffb4; } - this is for the background color of the footer of the site. This includes the area of the meta links (Privacy policy, Disclaimers, etc.), the information about the last modification of the page and how many times it has been accessed, and the icon "Powered by MediaWiki". All the space that's under the footer to the bottom of the screen is not affected.
/* Format the TOC and categories */
 
.toc, .toccolours, .catlinks { border: 1px solid #ffffff; background-color: #6292a8; }
body { background-color: #e6ffb4; } - in general the body is equal to the whole screen. However if you set a background color with it, it covers areas where there isn't any other element with specific background color set. In case of the Vector skin it affects the area under the page content and on the left of it.
.toctogglelabel { color: #ffffff; }
.tocnumber { color: #ccc; }

Latest revision as of 20:33, 5 July 2023

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

/* Change bg color, font color, and font family except in header */
body, #mw-page-base, #mw-head-base, .mw-footer li { background-color: #0b283a; background-image: none; color: #50a4a4; font-family: "Verdana"; }

/* Change bg color of article content & titles */
#content { background-color: #0b283a; color: #ccc; font-family: "Verdana"; }

/* Change the color of headings */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #fff; }

/* Change text in left sidebar */
#mw-panel .portal { font-size: 15px; font-family: "Verdana"; }

/* Change text of the "Tools" heading in left sidebar */
#mw-panel #p-tb h3 { color: #fff; font-size: 15px; font-family: "Verdana"; }

/* Change the link colors */
a, #mw-panel .portal a, .vector-menu-tabs-legacy li a, .vector-menu-dropdown .mw-list-item a, .mw-parser-output a.extiw, .mw-parser-output a.external { color: #04626a; }
a:active, #mw-panel .portal a:active, .vector-menu-tabs-legacy li a:active, .vector-menu-dropdown .mw-list-item a:active, .mw-parser-output a.extiw:active, .mw-parser-output a.external:active { color: #44d0e9; }
a:visited, #mw-panel .portal a:visited, .vector-menu-tabs-legacy li a:visited, .vector-menu-dropdown .mw-list-item a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #8f0802; }

/* Change the color of the active tabs across the top navigation */
.vector-menu-tabs-legacy .selected { background: #0b283a; }
.vector-menu-tabs-legacy .selected a, .vector-menu-tabs-legacy .selected a:visited { color: #ccc; }

/* Change the color of the inactive tabs across the top navigation */
.vector-menu-tabs-legacy li { background-image: none; }
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited, a.new { color: #ffffff; }

/* Change the background color of the menu dropdown */
.vector-menu-dropdown .vector-menu-content { background-color: #0b283a; }

/* Change bg color of legend box */
.mw-changeslist-legend { background-color: #0b283a; }

/* Format the TOC and categories */
.toc, .toccolours, .catlinks { border: 1px solid #ffffff; background-color: #6292a8; }
.toctogglelabel { color: #ffffff; }
.tocnumber { color: #ccc; }
Retrieved from "https://azuredragonpress.net/aetherium/index.php?title=MediaWiki:Common.css&oldid=398"