MediaWiki:Common.css: Difference between revisions

Revision as of 16:46, 23 July 2024

/* CSS placed here will be applied to all skins */
/*for more info on editing this page: https://www.hostknox.com/knowledgebase/696/How-to-change-the-font-family-size-and-color-of-text-in-MediaWiki.html#:~:text=You%20can%20change%20the%20size%2C%20color%20and%20font,the%20code%20of%20any%20files%20to%20do%20this.
*/


body { 
color: #000000; font-size: 14px; font-family: "Roboto"; 
 background-image: url("/images/blue-brick-wall-chair-1282315.png");
    background-size: cover;  /* This will make the background cover the entire page */
    background-attachment: fixed;  /* This will keep the background fixed when scrolling */

}
/*Edits Page Titles */
#mw_header { color: #000000; font-size: 12px; font-family: "Roboto";

}

/*Edits All Text of Articles */
#mw_content { color: #000000; font-size: 12px; font-family: "Roboto"; 
background-color: #333333;
}

/*Edits Paragraphs*/
#mw_content p { color: #000000; font-size: 12px; font-family: "Roboto"; }

/*Edits Subheading Level 2 (you could cop this for h3 and subsequent*/
#mw_content h2 { color: #000000; font-size: 12px; font-family: "Roboto"; }

/* all the menu blocks in the left column (Navigation menu, Search block, Tools menu). */
#mw_portlets { color: #000000; font-size: 12px; font-family: "Roboto"; }

/* the style changes are applied only to the Navigation menu in the left column. That's the menu with the links Main page, Recent changes, etc. */ 
#p-navigation { color: #000000; font-size: 12px; font-family: "Roboto"; }

/*  changes the font color, size and family only of the title of the Navigation menu */
#p-navigation h3 { color: #000000; font-size: 12px; font-family: "Roboto"; }

/* applies the changes only to the links in the Navigation menu, excluding the title of the menu. *?
#p-navigation .pBody { font-size: 12px; font-family: "Roboto"; }

/* changes the style of the Search block in the left column. The only text there is the title of the block so that's the only thing that's affected. The buttons Go and Search that are in the block are not affected. */
#p-search { color: #000000; font-size: 12px; font-family: "Roboto"; }

/* Tools menu in the left column */
#p-tb { color: #000000; font-size: 12px; font-family: "Roboto"; }

/* changes the font color, size and family only of the title of the Tools menu. */
#p-tb h3 { color: #000000; font-size: 12px; font-family: "Roboto"; }

/* applies the style changes only to the links in the Tools menu, excluding the title of the menu. */
#p-tb .pBody { font-size: 12px; font-family: "Roboto"; }

/* this changes the style of the user links at the top of the page. These are the links that are located right under the title of the page. For anonymous users these are the links Create account and Log in, and for logged in users: Preferences, Contributions, etc. */
#p-personal { font-size: 12px; font-family: "Roboto"; } 

/* changes the style of the text of page tabs (e.g. Discussion, Edit, History, Delete, etc.). */
#p-cactions .pBody { font-size: 12px; font-family: "Roboto"; }

/* affects the style of the text in the footer (e.g. last modification of the page, Privacy policy link, Disclaimers link, etc.). */
#footer { color: #333333; font-size: 12px; font-family: "Roboto"; }

/* This changes the color of the bars at the top of the menus */
.color-left {
    background: #333333;
}
.color-right {
    background: #333333;
}
.color-middle {
    background: #333333;
}