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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

body {
    background-color: #0a0a0a;
    color: #f9f4e3;
    font-family: 'UnifrakturCook', Georgia, serif;
}

/* Headers for epic effect */
h1, h2, h3 {
    color: #ffd700;           /* glowing gold */
    text-shadow: 2px 2px 4px #8a0000, 0 0 5px #ffd700; /* blood & gold shadow */
}

table {
    border: 2px solid #ffd700;
    background-color: #5c0000;
    color: #f9f4e3;
}

th {
    background-color: #8a0000;
    color: #ffd700;
    text-shadow: 1px 1px 2px black;
}

.top-buttons a {
    display: flex;
    align-items: center;
    padding: 12px 25px;
    background: linear-gradient(135deg, #c72c41, #8a0000); /* blood-red gradient */
    color: #ffd700;               /* glowing gold text */
    text-decoration: none;
    font-weight: bold;
    font-family: 'UnifrakturCook', serif;
    border: 3px solid #ffd700;
    border-radius: 6px;
    box-shadow: 0 0 10px #ffd700, 0 0 5px #ff6600;
    transition: all 0.3s ease-in-out;
}

.top-buttons a:hover {
    background: linear-gradient(135deg, #ffd700, #ff6600); /* gold-fire on hover */
    color: #0a0a0a;               /* dark text for contrast */
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 0 20px #ffd700, 0 0 15px #ff6600, 0 0 5px #c72c41 inset;
}

.top-buttons a img {
    height: 24px;
    width: 24px;
    margin-right: 10px;
}

.content-panel {
    background-color: #5c0000;   /* blood-red panel */
    border: 3px solid #ffd700;   /* glowing gold border */
    padding: 20px;
    border-radius: 10px;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 0 10px #ffd700;
    color: #f9f4e3;              /* light parchment text */
    margin-bottom: 25px;
    transition: all 0.3s ease-in-out;
}

.content-panel:hover {
    box-shadow: inset 0 0 20px rgba(0,0,0,0.7), 0 0 20px #ffcc00;
    transform: translateY(-2px) scale(1.02);
}