User:Xolaroan/common.css

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@200;400;700&display=swap');

/** .pi-background {background-color: #7A4E25; border-radius: 0; border: 5px solid black;} .pi-title, .pi-header {background-color: #b37336;} .pi-title, .pi-caption, .pi-header, .pi-group, .pi-data {text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black; color: white !important;} .pi-data {font-size: 0.75em;} .pi-data, .pi-group {border-bottom: 5px solid black;} .pi-data:last-of-type, .pi-group:last-of-type {border-bottom: 0px solid black;} .pi-theme-red .pi-title, .pi-theme-red .pi-header {background-color: #944949;} .pi-theme-red.pi-background {background-color: #6B3333;} .pi-theme-grey .pi-title, .pi-theme-grey .pi-header {background-color: #999999;} .pi-theme-grey.pi-background {background-color: #757575;} .pi-theme-gummy .pi-title, .pi-theme-gummy .pi-header {background-color: #397875;} .pi-theme-gummy.pi-background {background-color: #1A3837;} .pi-theme-yellow .pi-title, .pi-theme-yellow .pi-header {background-color: #E6D70F;} .pi-theme-yellow.pi-background {background-color: #69630E;} .pi-theme-locker .pi-title, .pi-theme-locker .pi-header {background-color: #3C3E4A;} .pi-theme-locker.pi-background {background-color: #565C85;}

.portable-infobox { border-radius: 17px; border: 12px double #004BFF; overflow: hidden; --pi-secondary-background: #004BFF; --pi-border-color: #004BFF; } .pi-title { color: #ffffff !important; font-size: 150% !important; font-family: Urbanist !important; padding: 1.5px; text-align: center; font-weight: bold; text-shadow: black 0px 0px 10px, black 0px 0px 10px, black 0px 0px 10px; } .pi-header { color: #ffffff !important; font-size: 135% !important; font-family: Urbanist !important; padding: 1.5px; text-align: center; font-weight: bold; text-shadow: black 0px 0px 10px, black 0px 0px 10px, black 0px 0px 10px; } .pi-caption { color: #ffffff !important; text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black; } .pi-background { background-color: rgba(var(--theme-page-background-color--rgb), 0.5) }

.wikinavigationboxthing { margin: 0 auto; } .wikinavigationboxthing td { padding: 10px; }

.wikinavigationbox { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #002aff, #008cff) repeat scroll 0 0; border-radius: 5px; overflow: hidden; padding: 5px; position: relative; transition: .4s ease-in-out; } .wikinavigationbox { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #002aff, #008cff) repeat scroll 0 0; border-radius: 5px; overflow: hidden; padding: 5px; position: relative; transition: .4s ease-in-out; } .wikinavigationbox:hover { filter: brightness(135%); transition-duration: .4s; box-shadow: 0 0 30px #002aff; } .wikinavigationbox:hover { filter: brightness(135%); transition-duration: .4s; box-shadow: 0 0 30px #002aff; } .wikinavigationbox img { border-radius: 5px; transition: .4s ease-in-out; } .wikinavigationbox img { border-radius: 5px; transition: .4s ease-in-out; } .wikinavigationbox img:hover { transition-duration: .4s; filter: brightness(135%); } .wikinavigationbox img:hover { transition-duration: .4s; filter: brightness(135%); } .wikinavigationbox b { background:#008cff 0 0; border-radius: 7px 0; bottom: 0px; font-size: 0.9em; padding: 0 5px; position: absolute; right: 0px; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; transition: .4s ease-in-out; } .wikinavigationbox b { background:#008cff 0 0; border-radius: 7px 0; bottom: 0px; font-size: 0.9em; padding: 0 5px; position: absolute; right: 0px; text-shadow: 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black, 0 0 5px black; transition: .4s ease-in-out; } .wikinavigationbox b:hover { transition-duration: .4s; filter: brightness(135%); } .wikinavigationbox b:hover { transition-duration: .4s; filter: brightness(135%); } .wikinavigationbox a { color: #fff; font-family: Urbanist; }