MediaWiki:Common.css: Difference between revisions
From EQOA Sandstorm Wiki
Jump to navigationJump to search
RenodorDev (talk | contribs) No edit summary |
RenodorDev (talk | contribs) No edit summary |
||
| Line 72: | Line 72: | ||
.ns--1 #content > :not(.content-header) h6:hover { | .ns--1 #content > :not(.content-header) h6:hover { | ||
color: #8e2631; /* Adjust font color for headers on hover */ | color: #8e2631; /* Adjust font color for headers on hover */ | ||
} | |||
/* Apply only to the main page */ | |||
body.page-Main_Page { | |||
background-color: #405b74 !important; | |||
} | |||
/* Optional: make page content stand out slightly */ | |||
#content, #mw-content-text { | |||
background: none !important; | |||
} | } | ||
Revision as of 04:08, 13 November 2025
/* CSS placed here will be applied to all skins */
/* Apply styles to the main content area of all special pages */
.ns--1 #content {
font-size: 16px; /* Adjust font size */
font-family: Arial, sans-serif; /* Adjust font type */
color: #FFD700; /* Adjust font color */
font-style: normal; /* Adjust font style */
background-color: #c4c4c4; /* Adjust background color */
}
/* Exclude Content Header box */
.ns--1 #content .content-header {
color: inherit; /* Keep default font color for content header */
background-color: inherit; /* Keep default background color for content header */
}
/* Ensure links in the main content area of special pages follow the same styling */
.ns--1 #content > :not(.content-header) a {
font-size: 16px; /* Adjust font size for links */
font-family: Arial, sans-serif; /* Adjust font type for links */
color: #FFD700 !important; /* Adjust font color for links */
font-style: normal; /* Adjust font style for links */
text-decoration: none; /* Remove underline from links */
}
/* Ensure visited links in the main content area of special pages follow the same styling */
.ns--1 #content > :not(.content-header) a:visited {
color: #FFD700 !important; /* Adjust font color for visited links */
}
/* Ensure links in the main content area of special pages follow the same styling on hover */
.ns--1 #content > :not(.content-header) a:hover {
color: #8e2631 !important; /* Adjust font color for links on hover */
text-decoration: underline; /* Underline links on hover */
}
/* Apply the same style for URL text or any external links */
.ns--1 #content > :not(.content-header) a.external {
font-size: 16px; /* Adjust font size for external links */
font-family: Arial, sans-serif; /* Adjust font type for external links */
color: #8e2631 !important; /* Adjust font color for external links */
font-style: normal; /* Adjust font style for external links */
text-decoration: none; /* Remove underline from external links */
}
/* Ensure external links in the main content area follow the same styling on hover */
.ns--1 #content > :not(.content-header) a.external:hover {
color: #8e2631 !important; /* Adjust font color for external links on hover */
text-decoration: underline; /* Underline external links on hover */
}
/* Style headers in the main content area of special pages */
.ns--1 #content > :not(.content-header) h1,
.ns--1 #content > :not(.content-header) h2,
.ns--1 #content > :not(.content-header) h3,
.ns--1 #content > :not(.content-header) h4,
.ns--1 #content > :not(.content-header) h5,
.ns--1 #content > :not(.content-header) h6 {
font-size: 24px; /* Adjust font size for headers */
font-family: Arial, sans-serif; /* Adjust font type for headers */
color: #8e2631; /* Adjust font color for headers */
font-style: normal; /* Adjust font style for headers */
}
/* Style headers in the main content area of special pages on hover */
.ns--1 #content > :not(.content-header) h1:hover,
.ns--1 #content > :not(.content-header) h2:hover,
.ns--1 #content > :not(.content-header) h3:hover,
.ns--1 #content > :not(.content-header) h4:hover,
.ns--1 #content > :not(.content-header) h5:hover,
.ns--1 #content > :not(.content-header) h6:hover {
color: #8e2631; /* Adjust font color for headers on hover */
}
/* Apply only to the main page */
body.page-Main_Page {
background-color: #405b74 !important;
}
/* Optional: make page content stand out slightly */
#content, #mw-content-text {
background: none !important;
}