MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
#p-tb { display: none !important; } | #p-tb { display: none !important; } | ||
#mw-panel { | |||
background: linear-gradient(135deg, rgba(31, 31, 31, 0.4), rgba(50, 50, 50, 0.3)); | |||
padding: 40px; | |||
border-radius: 20px; | |||
width: 100%; | |||
max-width: 1100px; | |||
height: auto; | |||
margin: 0 auto 40px auto; /* Center + spacing below */ | |||
text-align: center; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; /* Center content horizontally */ | |||
justify-content: center; /* Center content vertically */ | |||
position: relative; | |||
overflow: hidden; | |||
transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; | |||
border: 2px solid rgba(249, 168, 38, 0.4); /* Subtle glowing border */ | |||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7), 0 0 15px rgba(249, 168, 38, 0.5); /* Glow effect */ | |||
} | |||
/* Change menu text color */ | /* Change menu text color */ | ||
Revision as of 12:10, 7 March 2025
/* CSS placed here will be applied to all skins */
body {
background: url("https://ragnarok-infinitezero.com.br/images/academy.jpg") no-repeat center center fixed;
background-size: cover;
}
#p-tb { display: none !important; }
#mw-panel {
background: linear-gradient(135deg, rgba(31, 31, 31, 0.4), rgba(50, 50, 50, 0.3));
padding: 40px;
border-radius: 20px;
width: 100%;
max-width: 1100px;
height: auto;
margin: 0 auto 40px auto; /* Center + spacing below */
text-align: center;
display: flex;
flex-direction: column;
align-items: center; /* Center content horizontally */
justify-content: center; /* Center content vertically */
position: relative;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
border: 2px solid rgba(249, 168, 38, 0.4); /* Subtle glowing border */
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7), 0 0 15px rgba(249, 168, 38, 0.5); /* Glow effect */
}
/* Change menu text color */
#mw-panel a {
color: #ffffff !important; /* White text */
font-weight: bold;
}
/* Change hover effect */
#mw-panel a:hover {
color: #ffcc00 !important; /* Gold text */
}
/* Change active/current menu item */
#mw-panel .selected {
background-color: #ffcc00; /* Gold background for active menu */
color: #1a1a1a !important; /* Dark text */
}