User:Xolaroan/common.css

@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@200;400;700&display=swap'); body.theme-fandomdesktop-dark { --black-box-main: url("https://static.wikia.nocookie.net/central/images/e/e2/Black-box-main.png/revision/latest?cb=20231127211903"); --orange-box-alt: url("https://static.wikia.nocookie.net/central/images/e/e4/Orange-box-alt.png/revision/latest?cb=20231127211937"); } .divOrangeBox { border: 3px solid transparent; -webkit-border-image: var(--orange-box-alt) round; -o-border-image: var(--orange-box-alt) round; border-image: var(--orange-box-alt) round; border-image-slice: 10% fill; border-image-width: 20px; margin: 10px auto; overflow: hidden; text-align:center; } .divBlackBox { border: 3px solid transparent; -webkit-border-image: var(--black-box-main) round; -o-border-image: var(--black-box-main) round; border-image: var(--black-box-main) round; border-image-slice: 10% fill; border-image-width: 20px; padding: 10px; }

.portable-infobox { --pi-secondary-background: black; --pi-border-color: black; }

.pi-horizontal-group-item.pi-data-label {border: 5px; border-bottom: 0px !important;} .pi-horizontal-group-item.pi-data-label:first-of-type {border: 5px; border-left: 0px !important;} .pi-horizontal-group-item.pi-data-label:last-of-type {border: 5px; border-right: 0px !important;} .pi-background {background-color: #7A4E25; border-radius: 0; border: 5px solid black;} .pi-title, .pi-header {background-color: #b37336; border: 5px solid black; border-right: 0px solid black; border-left: 0px solid black; border-bottom: 5px solid black !important;} .pi-title:first-of-type {border-top: 0px solid black;} .pi-header:last-of-type {border-bottom: 0px solid black;} .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;}

.hoverimagebrightess img { transition: .4s ease-in-out; }

.hoverimagebrightess img { transition: .4s ease-in-out; }

.hoverimagebrightess img:hover { transition-duration: .4s; filter: brightness(135%); }

.hoverimagebrightess img:hover { transition-duration: .4s; filter: brightness(135%); }

/** .portable-infobox { border-radius: 17px; border: 12px double #004BFF; overflow: hidden; --pi-secondary-background: #004BFF; --pi-border-color: #004BFF; --pi-border: 10px; } .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; }

/** .navbox { border: 1px solid #999; border-radius: 10px; margin-bottom: 1em; padding: 3px; }

.navbox table { border-radius: 7px; border-spacing: 0; font-size: 90%; overflow: hidden; position: relative; text-align: center; width: 100%; }

.navbox th, .navbox td { padding: 0.2em 0.5em; }

.navbox th, .navbox th a, .navbox th a.new { color: #fff; }

.navbox tr:first-child th:first-child { width: 0%; }

.navbox tr:first-child th:nth-child(2) { width: 100%; }

.navbox tr:nth-child(n+2) th { border-top: 1px solid #000; }

.navbox-blackf th, .navbox-blackf th a, .navbox-blackf th a.new { color: #000; }

th.navbox-empth { padding: 0; }

.navbox div { font-size: 10px; left: 0; position: absolute; text-align: center; width: 20%; }

.navbox .mw-collapsible-toggle { position: absolute; right: 0.5em; }**/

.navbox { background:linear-gradient(to top,#6633cc,#2b0e48,#6633cc); border:1px solid #CECECE; color:#FFFFFF; border-radius: 10px; text-align:center; margin:0; text-shadow:0 0 1.5px black, 0 0 1.5px black, 0 0 1.5px black, 0 0 1.5px black, 0 0 1.5px black; }

.navbox table { width:100%; background:#23003F; border-radius: 15px; border:2px solid #CECECE; font-size:90%; }

.navbox tr:first-child th:first-child { width: 0%; }

.navbox tr:first-child th:nth-child(2) { width: 100%; }

.navbox tr:nth-child(n+2) th { border-top: 1px solid #CECECE; }