MediaWiki:Common.css
Appearance
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.cargoTable {
width: 100%;
border-collapse: collapse;
font-family: 'Segoe UI', sans-serif;
}
.cargoTable th {
background-color: #003366;
color: white;
padding: 10px;
}
.cargoTable td {
padding: 8px;
border: 1px solid #ccc;
}
.cargoTable tr:nth-child(even) {
background-color: #f2f2f2;
}
h1, h2 {
color: #003366;
}
//Colour for the Achievement tables
.wikitable {
width: 100%;
font-family: 'Segoe UI', sans-serif;
border-collapse: collapse;
}
.wikitable th {
background-color: #111827;
color: white;
padding: 10px;
}
.wikitable td {
padding: 8px;
border: 1px solid #ddd;
vertical-align: top;
}
.wikitable tr:nth-child(even) {
background-color: #f3f4f6;
}
.wikitable img {
border-radius: 6px;
}
/* Make tables wrap properly */
.wikitable {
width: 100%;
table-layout: fixed;
}
/* Wrap all table text */
.wikitable td, .wikitable th {
word-wrap: break-word;
overflow-wrap: break-word;
white-space: normal;
vertical-align: top;
}
/* Set column widths for better layout */
.wikitable th:nth-child(1),
.wikitable td:nth-child(1) {
width: 60px; /* Image column */
}
.wikitable th:nth-child(2),
.wikitable td:nth-child(2) {
width: 150px; /* Achievement name */
}
.wikitable th:nth-child(3),
.wikitable td:nth-child(3) {
width: 70px; /* Points */
}
.wikitable th:nth-child(4),
.wikitable td:nth-child(4) {
width: 100px; /* Difficulty */
}
.wikitable th:nth-child(5),
.wikitable td:nth-child(5) {
width: 200px; /* Description */
}
.wikitable th:nth-child(6),
.wikitable td:nth-child(6) {
width: auto; /* Guide takes remaining space */
}