MediaWiki:Common.css

/* General body styling */ body { background-color: #7B9CC6; /* A shade of medium blue */ font-family: Arial, sans-serif; color: #333333; /* Dark grey color for general text */ }

/* Content area styling with pseudo-element for background image */ position: relative; /* Needed to position the pseudo-element */ }
 * 1) content, #mw-content-text {

content: ''; /* Pseudo-elements require the content property */ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('https://png.pngtree.com/background/20210712/original/pngtree-mysterious-cosmic-space-galaxy-nebula-background-picture-image_1179108.jpg'), linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)); background-size: cover; /* This will cover the entire content area */ background-repeat: no-repeat; /* Prevents the image from repeating */ z-index: 0; /* Ensures it's behind the content */ pointer-events: none; /* Allows clicks to pass through to elements below */ }
 * 1) content::before, #mw-content-text::before {

position: relative; /* Ensures content is above the overlay */ z-index: 1; }
 * 1) content > *, #mw-content-text > * {

/* Header at the top of the page */ background: linear-gradient(to right, #000080, #0000ff); /* Gradient from navy to blue */ color: #FFFFFF; /* White text */ padding: 5px; border-bottom: 3px solid #FFD700; /* Golden rod border */ }
 * 1) firstHeading {

/* Links styling */ a { color: #1A3D7C; /* A shade of dark blue for links */ text-decoration: none; /* No underline */ }

a:hover { text-decoration: underline; /* Underline on hover */ }

/* Sidebar styling */ background-color: #E1E4F2; /* Lighter blue background for the sidebar */ border-right: 1px solid #AAAAAA; /* Light gray border */ }
 * 1) sidebar {

/* Table styling */ table { border-collapse: collapse; width: 100%; }

th, td { border: 1px solid #DDDDDD; /* Light gray border */ padding: 8px; text-align: left; }

/* Thumbnail styling */ .thumb { border: 1px solid #AAAAAA; /* Light gray border */ }

/* Infobox styling */ .infobox { border: 1px solid #AAAAAA; /* Light gray border */ background-color: #F8F8FF; /* Ghostwhite background */ padding: 3px; margin-bottom: 10px; width: 300px; /* Fixed width */ }

/* Navigation box styling */ .navbox { border: 1px solid #AAAAAA; /* Light gray border */ background-color: #F8F8FF; /* Ghostwhite background */ padding: 3px; margin-bottom: 10px; }

/* Footer styling */ background-color: #E1E4F2; /* Lighter blue background */ border-top: 1px solid #AAAAAA; /* Light gray top border */ padding: 10px; text-align: center; }
 * 1) footer {

/* Sidebar and TOC styling */ .toc { background-color: #DAE4F0; /* A lighter shade of blue for the sidebar and TOC */ border: 1px solid #AAAAAA; /* Light gray border */ padding: 5px; margin-bottom: 10px; }
 * 1) p-navigation,
 * 2) p-interaction,
 * 3) p-tb,
 * 4) p-languages, /* Add any additional navigation boxes you might have */
 * 5) p-categories,

/* Adjust the color of links in the sidebar and TOC to improve contrast */ .toc a { color: #2A4D6E; /* A darker shade of blue for better readability */ }
 * 1) p-navigation a,
 * 2) p-interaction a,
 * 3) p-tb a,
 * 4) p-languages a,
 * 5) p-categories a,

/* Styling for collapsible elements in the sidebar and TOC, if any */ .mw-collapsible-toggle { color: #2A4D6E; /* A darker shade of blue for the toggle text/link */ }

/* News and Updates Section Styling */ .news-and-updates { background-color: #f2f2f2; /* Light grey background */ border-left: 4px solid #1a75ff; /* Blue left border for emphasis */ padding: 10px 15px; /* Padding inside the box */ margin-bottom: 20px; /* Space below the section */ }

.news-and-updates h2 { border-bottom: 2px solid #ddd; /* Light grey bottom border */ padding-bottom: 5px; /* Space below the title */ color: #333; /* Dark text for the title */ }

.news-and-updates li { margin-bottom: 5px; /* Space between list items */ font-size: 1.1em; /* Slightly larger text for readability */ }

.news-and-updates li a { color: #007bff; /* Blue color for links */ text-decoration: none; /* No underline for links */ }

.news-and-updates li a:hover { text-decoration: underline; /* Underline on hover for links */ }

body.page-Main_Page

/* Overall page padding and font styling */ font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; line-height: 1.6; padding: 20px; }
 * 1) content {

/* General headings style (h1, h2, h3) */ color: #1A3D7C; border-bottom: 2px solid #D3D3D3; padding-bottom: 5px; margin-top: 20px; margin-bottom: 10px; }
 * 1) content h1,
 * 2) content h2,
 * 3) content h3 {

/* Specific main page heading style */ font-size: 2.5em; text-align: center; color: #4A4A4A; margin-bottom: 30px; /* Adds more space below the main heading */ }
 * 1) firstHeading {

/* Welcome section style */ font-weight: bold; color: #333; margin-bottom: 5px; }
 * 1) content .mw-headline {

/* Introduction section style */ background-color: #f8f8f8; border-left: 4px solid #2A4D6E; padding: 10px 15px; margin: 20px 0; }
 * 1) content p {

/* Sections list style */ list-style-type: none; padding-left: 20px; }
 * 1) content ul {

margin-bottom: 5px; padding: 5px 0; border-bottom: 1px solid #eee; }
 * 1) content li {

color: #007bff; text-decoration: none; }
 * 1) content li a {

text-decoration: underline; }
 * 1) content li a:hover {

/* News and Updates box style */ .news-and-updates { background-color: #f9f9f9; border-left: 4px solid #0056b3; padding: 15px; margin: 20px 0; box-shadow: 0 2px 4px rgba(0,0,0,.1); }

/* Statistics and Community section styling */ border: 1px solid #eaeaea; padding: 10px; margin-bottom: 10px; background-color: #fff; }
 * 1) content .stat-box {

/* Interactive Elements & Community Box */ padding: 15px; background-color: #eef2f7; margin-bottom: 15px; }
 * 1) content .interactive, #content .community {

/* Footer styling */ background-color: #1A3D7C; color: white; padding: 10px 20px; text-align: center; border-top: 5px solid #FFD700; }
 * 1) footer {