Toggle menu
20
62
5
836
Irontide Fantasy Roleplay
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 1: Line 1:
body {
body {
     background-color: #0d0d0d;
     background-color: #0a0a0a;
     background-image: url("/images/war_texture.png");
     color: #f9f4e3;
     background-repeat: repeat;
     font-family: 'UnifrakturCook', Georgia, serif;
    color: #f5e6c4;
}
}


#content {
/* Headers for epic effect */
     border: 2px solid #a67c00;
h1, h2, h3 {
     padding: 20px;
    color: #ffd700;          /* glowing gold */
     background-color: #2a0000;
    text-shadow: 2px 2px 4px #8a0000, 0 0 5px #ffd700; /* blood & gold shadow */
     border-radius: 8px;
}
     box-shadow: 0 0 10px black inset;
 
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 {
.content-panel {
     background-color: #3b1f1f; /* dark but readable */
     background-color: #5c0000;   /* blood-red panel */
     border: 2px solid #f3c200; /* gold/bronze border */
     border: 3px solid #ffd700;   /* glowing gold border */
     padding: 20px;
     padding: 20px;
     border-radius: 8px;
     border-radius: 10px;
     box-shadow: inset 0 0 15px rgba(0,0,0,0.5); /* inset shadow for depth */
     box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 0 10px #ffd700;
     color: #f5e6c4; /* readable light text */
     color: #f9f4e3;             /* light parchment text */
     margin-bottom: 20px;
     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);
}
}

Revision as of 00:01, 15 November 2025

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);
}