|
|
| Line 1: |
Line 1: |
| 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);
| |
| }
| |
