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 {background-color:black;} .pi-background {border:5px solid; border-image:linear-gradient(to top, #002aff, #008cff) 1; box-shadow: 0 0 10px #002aff;}

/*--pi-secondary-background: black; --pi-border-color: black;*/

.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; }

.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: black; font-size: 250% !important; font-weight: bold; color:white} .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; }

/** Importing font **/ @font-face { font-family: 'FANDOM-Icons'; src: url('https://vignette.wikia.nocookie.net/dev/images/b/b4/FANDOM-Icons.woff2/revision/latest') format('woff2'), url('https://vignette.wikia.nocookie.net/dev/images/e/ee/FANDOM-Icons.woff/revision/latest') format('woff'); font-weight: normal; font-style: normal; }

/** Tags **/ background:radial-gradient(#332111,#4C321A); color:#FFF; border:6px solid; border-image: linear-gradient(to top, sienna, peru) 1; }
 * 1) userProfileApp .user-identity-header__tag {

/** Buttons **/ background:radial-gradient(#332111,#4C321A); color:yellow; border:6px solid; border-image: linear-gradient(to top, sienna, peru) 1; }
 * 1) userProfileApp .user-identity-header__actions .wds-button {

/** Avatar **/ border: 2px solid var(--theme-link-color) !important; padding: 5px; }
 * 1) userProfileApp .user-identity-avatar img {

/** Navigational links **/ border-radius: 3px; margin-right: 5px; padding: 8px !important; margin: 5px 5px 5px 0px; text-align: center; font-weight: bold !important; text-transform: unset !important; border: 1px solid var(--theme-link-color) !important; background: rgba(var(--theme-link-color--rgb), 0.20); }
 * 1) userProfileApp .user-profile-navigation__link {

color: var(--theme-link-color) !important; }
 * 1) userProfileApp .user-profile-navigation__link a {

border-bottom-color: var(--theme-link-color); }
 * 1) userProfileApp .user-profile-navigation {

/** Header (nickname display)**/ background-image: linear-gradient(to top, rgba(var(--theme-link-color--rgb), 0.3) 40%, transparent 40%, transparent 100%); line-height: normal; color: var(--theme-link-color); }
 * 1) userProfileApp .user-identity-header :is(h1) {

/** Profile editor **/ /*** "Save" button ***/ .modal-wrapper__header .modal-wrapper__cta-button { background-color: rgba(var(--theme-link-color--rgb), 0.15); border: 1px solid var(--theme-link-color); color: var(--theme-link-color); }

/*** Modal ***/ background: none; }
 * 1) userProfileApp .modal-wrapper {

/** Icons for navigational links **/ opacity: 1; transition: .2s; }
 * 1) userProfileApp .user-profile-navigation__link:not(.is-active):hover {

font-family: Fandom-Icons; color: var(--theme-link-color); }
 * 1) userProfileApp .user-profile-navigation__link:before {

content: 'avatar '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(1):before {

content: 'comment '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(2):before {

content: 'book '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(3):before {

content: 'pencil '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(4):before {

content: 'grid '; }
 * 1) userProfileApp .user-profile-navigation__link:nth-child(5):before {