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

/* CSS placed here will be applied to all skins */
body {
    background: url("https://ragnarok-infinitezero.com.br/images/card.jpg") no-repeat center center fixed;
    background-size: cover;
}
header {
    background: linear-gradient(145deg, #2b2b2b, #1a1a1a); /* Subtle 3D gradient */
    padding: 20px 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    box-shadow: inset 3px 3px 8px #c0c0c0, /* Inner shadow for depth */
                0 8px 15px rgba(0, 0, 0, 0.5); /* Outer shadow for raised look */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle border for definition */
    transition: all 0.4s ease; /* Smooth transition for hover effects */
}

header:hover {
    box-shadow: inset 3px 3px 8px #c0c0c0, /* Inner shadow for depth */
                0 8px 15px rgba(0, 0, 0, 0.6); /* Outer shadow for raised look */
    transform: translateZ(2px); /* 3D hover effect */
}