MediaWiki:Common.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* General body styles */
body {
background-color: #002132; /* Light grey background */
color: #ffc93c; /* Dark grey text */
}
/* Content area styles */
#content {
background-color: #002132; /* White background */
border: 1px solid #cccccc; /* Light grey border */
padding: 20px; /* Spacing inside the content area */
}
/* Header styles */
#firstHeading {
color: #ffc93c; /* Custom color for the first heading */
margin-bottom: 10px; /* Space below the heading */
}
/* Link styles */
a {
color: #ffc93c; /* Blue links */
}
a:visited {
color: #ffc93c; /* Darker blue for visited links */
}
/* Table styles */
table.wikitable {
border-collapse: collapse; /* Collapse borders between table cells */
}
table.wikitable, table.wikitable th, table.wikitable td {
border: 1px solid #aaaaaa; /* Light grey borders */
}
table.wikitable th {
background-color: #ffc93c; /* Light grey background for table headers */
text-align: left; /* Align text to the left in headers */
}
/* Infobox styles */
.infobox {
border: 1px solid #aaaaaa; /* Light grey border */
background-color: #ffc93c; /* Slightly grey background */
padding: 10px; /* Spacing inside the infobox */
width: 300px; /* Fixed width */
}
/* Custom classes for text styling */
.text-bold {
font-weight: bold; /* Bold text */
}
.text-italic {
font-style: italic; /* Italic text */
}
/* Adjustments for mobile view */
@media screen and (max-width: 768px) {
#content {
padding: 10px; /* Smaller padding on mobile devices */
}
.infobox {
width: 100%; /* Full width on mobile devices */
}
}
/* Change the background color of the logo area */
#p-logo a {
background-color: #123456; /* Replace #123456 with your desired color */
}
/* Change the background color of the top navigation bar */
#mw-head {
background-color: #123456; /* Replace #123456 with your desired color */
border-bottom: 1px solid #0f0f0f; /* Optional: adds a border below the navbar */
}
/* Change the background color of the sidebar */
#mw-panel {
background-color: #123456; /* Replace #123456 with your desired color */
}