MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
body { | body { | ||
background-color: # | background-color: #0a0a0a; | ||
color: #f9f4e3; | |||
font-family: 'UnifrakturCook', Georgia, serif; | |||
} | } | ||
# | /* Headers for epic effect */ | ||
border: 2px solid # | h1, h2, h3 { | ||
padding: | color: #ffd700; /* glowing gold */ | ||
background-color: # | text-shadow: 2px 2px 4px #8a0000, 0 0 5px #ffd700; /* blood & gold shadow */ | ||
border-radius: | } | ||
box-shadow: 0 0 10px | |||
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: # | background-color: #5c0000; /* blood-red panel */ | ||
border: | border: 3px solid #ffd700; /* glowing gold border */ | ||
padding: 20px; | padding: 20px; | ||
border-radius: | border-radius: 10px; | ||
box-shadow: inset 0 0 15px rgba(0,0,0,0. | box-shadow: inset 0 0 15px rgba(0,0,0,0.7), 0 0 10px #ffd700; | ||
color: # | 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);
}