MediaWiki:Common.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomIcons.css&only=styles";

/* Imports */ @import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

@font-face { font-family:RifficFree-Bold; src:url("https://cdn.rawgit.com/E-L-G/Font/a8369f99/RifficFree-Bold.ttf"); }

@font-face { font-family:Aller; src:url("https://cdn.rawgit.com/E-L-G/Font/f707193a/Aller_Rg.ttf"); }

/* Gradient text by Kevin Powell */ .gradient-text { background-image: linear-gradient(90deg, red, blue); -webkit-background-clip: text; /* compatibility with Safari */ background-clip: text; color: transparent; text-transform: uppercase; font-weight: bold; }

/* CSS Test Zone. The CSS posted here is entirely an archive of code used on the wikis enlisted below. Each CSS has an article accordingly to showcase an example of the design. Code written here has been tested and published by DiegoFire Network. Additional details and credits are shown in their according wiki. */

/* * @name FandomizedUserBadge.css * @description Changes CC User-Badge's colour to fit Fandom's theme * @author DiegoFire Network * @version 2.0.3.2

.FANDOM-badge { font-family: Rubik; font-size: .875rem; line-height: 1.5rem; text-align: center; width: 100%; max-width: 700px; color: #fff; border-radius: 10px; border: 3px solid #002026; margin: auto; margin-top: 40px; background-image: none; background: #002a32; }

.FANDOM-badge-sec { background-image: url(https://static.wikia.nocookie.net/greenwithin/images/d/dc/Fandom_bg_.png/revision/latest?lcb=20210427033202); background-size: cover; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.FANDOM-avatar { border: 2px solid #00d6d6; height: 90px; margin: 0 auto -40px; transform: translateY(-45px); width: 90px; border-radius: 100%; background-color: rgba(0, 42, 50, 0.8); background-image: url(https://static.wikia.nocookie.net/central/images/7/7a/Fandom_logo_2021_September_Blue_Logo_without_text.png/revision/latest); background-size: 55%; background-repeat: no-repeat; background-position: center; }

.FANDOM-about { margin: 14px 70px 0; line-height: 1.3125rem; }

.FANDOM-profile { background-color: #002026; margin-top: 20px; text-transform: uppercase; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

/** Infoboxes **/ .portable-infobox { font-family: Rubik; margin-right: 2px; border-radius: 8px; } .pi-europa .pi-title { border-top-left-radius: 8px; border-top-right-radius: 8px; }

/** Themes **/ /*** Wonder Egg Priority ES ***/ .pi-theme-wep .pi-title { font-family: 'Fredoka One'; font-variant: small-caps; font-weight: bold; text-shadow: 0 0 6px #c4b700, 0 0 2px #c4b700, 0 0 3px #c4b700; background: #e6cf00; color: white; content: ""; background-image: url("https://static.wikia.nocookie.net/confederacion-hispana/images/f/fa/Pattern-1-hero-2-small.svg/revision/latest?cb=20210108012854&path-prefix=es"); }

.pi-theme-wep .pi-secondary-background { background: #e6cf00; color: white; }

.pi-theme-wep .pi-header { font-family: 'Fredoka One'; font-weight: bold; text-shadow: 0 0 6px #c4b700, 0 0 2px #c4b700, 0 0 3px #c4b700; background-image: url("https://static.wikia.nocookie.net/confederacion-hispana/images/f/fa/Pattern-1-hero-2-small.svg/revision/latest?cb=20210108012854&path-prefix=es"); }

/*** Doki Doki Literature Club ES ***/ .pi-theme-Sayori { border: 3px solid #0066cc; border-top-left-radius: 12px; border-top-right-radius: 12px; }

.pi-theme-Sayori .pi-title { font-family: 'RifficFree-Bold'; font-size: 180%; font-weight: bold; -webkit-text-stroke: 1.3px #1f8fff; background: #0080ff; color: white; content: ""; background-image: url("https://static.wikia.nocookie.net/greenwithin/images/6/6c/SayoriPatternPI.png/revision/latest?cb=20210324003337"); background-size: 85%; border-bottom: 3px solid #0066cc; }

.pi-theme-Sayori .pi-secondary-background { background: #0080ff; color: white; }

.pi-theme-Sayori .pi-data { border-top: 3px solid #0066cc; text-align: center; }

.pi-theme-Sayori .pi-data-label { background: #0080ff; text-align: center; font-family: 'RifficFree-Bold'; font-weight: bold; border-radius: .5em; border: 3px solid #0066cc; letter-spacing: 0.7px; padding: 2px !important; color: white !important; display: grid; align-content: center; background-image: url("https://static.wikia.nocookie.net/greenwithin/images/6/6c/SayoriPatternPI.png/revision/latest?cb=20210324003337"); background-size: 100%; }

.pi-theme-Sayori .pi-data-value { font-family: 'Aller'; text-align: right; }

.pi-theme-Yuri { border: 3px solid #8b00ff; border-top-left-radius: 12px; border-top-right-radius: 12px; }

.pi-theme-Yuri .pi-title { font-family: 'RifficFree-Bold'; font-size: 180%; font-weight: bold; -webkit-text-stroke: 1.3px #8b00ff; background: #7200d2; color: white; content: ""; background-image: url("https://static.wikia.nocookie.net/greenwithin/images/e/ee/YuriPatternPI.png/revision/latest?cb=20210324010903"); background-size: 85%; border-bottom: 3px solid #8b00ff; }

.pi-theme-Yuri .pi-secondary-background { background: #7200d2; color: white; }

.pi-theme-Yuri .pi-data { border-top: 3px solid #8b00ff; text-align: center; }

.pi-theme-Yuri .pi-data-label { background: #7200d2; text-align: center; font-family: 'RifficFree-Bold'; font-weight: bold; border-radius: .5em; border: 3px solid #8b00ff; letter-spacing: 0.7px; padding: 2px !important; color: white !important; display: grid; align-content: center; background-image: url("https://static.wikia.nocookie.net/greenwithin/images/e/ee/YuriPatternPI.png/revision/latest?cb=20210324010903"); background-size: 100%; }

.pi-theme-Yuri .pi-data-value { font-family: 'Aller'; text-align: right; }

.pi-theme-Natsuki { border: 3px solid #ffb7de; border-top-left-radius: 12px; border-top-right-radius: 12px; }

.pi-theme-Natsuki .pi-title { font-family: 'RifficFree-Bold'; font-size: 180%; font-weight: bold; -webkit-text-stroke: 1.3px #ff9dd2; background: #FFBDE1; color: white; content: ""; background-image: url("https://static.wikia.nocookie.net/greenwithin/images/b/b4/NatsukiPatternPI.png/revision/latest?cb=20210324012200"); background-size: 85%; border-bottom: 3px solid #ffb7de; }

.pi-theme-Natsuki .pi-secondary-background { background: #0080ff; color: white; }

.pi-theme-Natsuki .pi-data { border-top: 3px solid #ffb7de; text-align: center; }

.pi-theme-Natsuki .pi-data-label { background: #FFBDE1; text-align: center; font-family: 'RifficFree-Bold'; font-weight: bold; border-radius: .5em; border: 3px solid #ffb7de; letter-spacing: 0.7px; padding: 2px !important; color: white !important; display: grid; align-content: center; background-image: url("https://static.wikia.nocookie.net/greenwithin/images/b/b4/NatsukiPatternPI.png/revision/latest?cb=20210324012200"); background-size: 100%; }

.pi-theme-Natsuki .pi-data-value { font-family: 'Aller'; text-align: right; }

.pi-theme-Monika { border: 3px solid #03ca00; border-top-left-radius: 12px; border-top-right-radius: 12px; }

.pi-theme-Monika .pi-title { font-family: 'RifficFree-Bold'; font-size: 180%; font-weight: bold; -webkit-text-stroke: 1.3px #03c900; background: #03df00; color: white; content: ""; background-image: url("https://static.wikia.nocookie.net/greenwithin/images/a/a2/MonikaPatternPI.png/revision/latest?cb=20210324013220"); background-size: 85%; border-bottom: 3px solid #03ca00; }

.pi-theme-Monika .pi-secondary-background { background: #03df00; color: white; }

.pi-theme-Monika .pi-data { border-top: 3px solid #03ca00; text-align: center; }

.pi-theme-Monika .pi-data-label { background: #03df00; text-align: center; font-family: 'RifficFree-Bold'; font-weight: bold; border-radius: .5em; border: 3px solid #03ca00; letter-spacing: 0.7px; padding: 2px !important; color: white !important; display: grid; align-content: center; background-image: url("https://static.wikia.nocookie.net/greenwithin/images/a/a2/MonikaPatternPI.png/revision/latest?cb=20210324013220"); background-size: 100%; }

.pi-theme-Monika .pi-data-value { font-family: 'Aller'; text-align: right; }

/*** Five Nights at Freddy's Wiki ES ***/ .pi-theme-ao { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(165, 80, 44, 0.75); }

.pi-theme-ao .pi-title { background: #a5502c; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 6px #521a00, 0 0 2px #521a00, 0 0 3px #521a00; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-ao .pi-header { background: #a5502c; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #521a00, 0 0 2px #521a00, 0 0 3px #521a00; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-ao .pi-data-label { background: #783a1f; text-align: center; font-weight: bold; text-shadow: 0 0 6px #521a00, 0 0 2px #521a00, 0 0 3px #521a00; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-ao .pi-data-value { padding-top: 7px; }

.pi-theme-ao ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-ao ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-ao .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-ao .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #521a00, 0 0 2px #521a00, 0 0 3px #521a00; }

.pi-theme-ao .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-tm { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(255, 3, 0, 0.44); }

.pi-theme-tm .pi-title { background: #2b5ad1; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 6px #8f0404, 0 0 2px #8f0404, 0 0 3px #8f0404; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-tm .pi-header { background: #295ee3; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #8f0404, 0 0 2px #8f0404, 0 0 3px #8f0404; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-tm .pi-data-label { background: #2856c9; text-align: center; font-weight: bold; text-shadow: 0 0 6px #8f0404, 0 0 2px #8f0404, 0 0 3px #8f0404; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-tm .pi-data-value { padding-top: 7px; }

.pi-theme-tm ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-tm ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-tm .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-tm .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #8f0404, 0 0 2px #8f0404, 0 0 3px #8f0404; }

.pi-theme-tm .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-as { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(53, 0, 110, 0.45); }

.pi-theme-as .pi-title { background: #100021; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 6px #35006e, 0 0 2px #35006e, 0 0 3px #35006e; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-as .pi-header { background: #100021; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #35006e, 0 0 2px #35006e, 0 0 3px #35006e; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-as .pi-data-label { background: #100021; text-align: center; font-weight: bold; text-shadow: 0 0 6px #35006e, 0 0 2px #35006e, 0 0 3px #35006e; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-as .pi-data-value { padding-top: 7px; }

.pi-theme-as ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-as ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-as .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-as .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #35006e, 0 0 2px #35006e, 0 0 3px #35006e; }

.pi-theme-as .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-ap { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(114, 143, 64, 0.45); }

.pi-theme-ap .pi-title { background: #728f40; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 6px #3f4f22, 0 0 2px #3f4f22, 0 0 3px #3f4f22; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-ap .pi-header { background: #728f40; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #3f4f22, 0 0 2px #3f4f22, 0 0 3px #3f4f22; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-ap .pi-data-label { background: #617a35; text-align: center; font-weight: bold; text-shadow: 0 0 6px #3f4f22, 0 0 2px #3f4f22, 0 0 3px #3f4f22; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-ap .pi-data-value { padding-top: 7px; }

.pi-theme-ap ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-ap ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-ap .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-ap .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #3f4f22, 0 0 2px #3f4f22, 0 0 3px #3f4f22; }

.pi-theme-ap .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-an { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(153, 0, 0, 0.66); }

.pi-theme-an .pi-title { background: #6b0000; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 6px #630808, 0 0 2px #630808, 0 0 3px #630808; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-an .pi-header { background: #6b0000; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #630808, 0 0 2px #630808, 0 0 3px #630808; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-an .pi-data-label { background: #5c0000; text-align: center; font-weight: bold; text-shadow: 0 0 6px #630808, 0 0 2px #630808, 0 0 3px #630808; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-an .pi-data-value { padding-top: 7px; }

.pi-theme-an ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-an ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-an .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-an .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #990000, 0 0 2px #990000, 0 0 3px #990000; }

.pi-theme-an .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-fm { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(196, 83, 237, 0.66); }

.pi-theme-fm .pi-title { background: #e8e1e8; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 8px #c453ed, 0 0 2px #c453ed, 0 0 3px #c453ed; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-fm .pi-header { background: #e8e1e8; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #c453ed, 0 0 2px #c453ed, 0 0 3px #c453ed; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-fm .pi-data-label { background: #e0d5e0; text-align: center; font-weight: bold; text-shadow: 0 0 6px #c453ed, 0 0 2px #c453ed, 0 0 3px #c453ed; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-fm .pi-data-value { padding-top: 7px; }

.pi-theme-fm ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-fm ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-fm .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-fm .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #c453ed, 0 0 2px #c453ed, 0 0 3px #c453ed; }

.pi-theme-fm .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-sa { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(235, 125, 47, 0.44); }

.pi-theme-sa .pi-title { background: #c9beb3; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 8px #eb7d2f, 0 0 2px #eb7d2f, 0 0 3px #eb7d2f; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-sa .pi-header { background: #c9beb3; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #eb7d2f, 0 0 2px #eb7d2f, 0 0 3px #eb7d2f; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-sa .pi-data-label { background: #b5aba1; text-align: center; font-weight: bold; text-shadow: 0 0 6px #eb7d2f, 0 0 2px #eb7d2f, 0 0 3px #eb7d2f; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-sa .pi-data-value { padding-top: 7px; }

.pi-theme-sa ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-sa ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-sa .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-sa .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #eb7d2f, 0 0 2px #eb7d2f, 0 0 3px #eb7d2f; }

.pi-theme-sa .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-ar { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(237, 185, 74, 0.44); }

.pi-theme-ar .pi-title { background: #300f00; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 6px #edb94a, 0 0 2px #edb94a, 0 0 3px #edb94a; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-ar .pi-header { background: #300f00; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #edb94a, 0 0 2px #edb94a, 0 0 3px #edb94a; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-ar .pi-data-label { background: #210a00; text-align: center; font-weight: bold; text-shadow: 0 0 6px #edb94a, 0 0 2px #edb94a, 0 0 3px #edb94a; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-ar .pi-data-value { padding-top: 7px; }

.pi-theme-ar ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-ar ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-ar .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-ar .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #edb94a, 0 0 2px #edb94a, 0 0 3px #edb94a; }

.pi-theme-ar .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-gf { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(165, 80, 44, 0.75); }

.pi-theme-gf .pi-title { background: #f0aa32; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 6px #521a00, 0 0 2px #521a00, 0 0 3px #521a00; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-gf .pi-header { background: #f0aa32; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #521a00, 0 0 2px #521a00, 0 0 3px #521a00; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-gf .pi-data-label { background: #cc9029; text-align: center; font-weight: bold; text-shadow: 0 0 6px #521a00, 0 0 2px #521a00, 0 0 3px #521a00; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-gf .pi-data-value { padding-top: 7px; }

.pi-theme-gf ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-gf ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-gf .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-gf .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #521a00, 0 0 2px #521a00, 0 0 3px #521a00; }

.pi-theme-gf .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-wa { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(115, 0, 160, 0.45); }

.pi-theme-wa .pi-title { background: #7300a0; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 6px #35006e, 0 0 2px #35006e, 0 0 3px #35006e; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-wa .pi-header { background: #7300a0; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 6px #35006e, 0 0 2px #35006e, 0 0 3px #35006e; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-wa .pi-data-label { background: #5f0085; text-align: center; font-weight: bold; text-shadow: 0 0 6px #35006e, 0 0 2px #35006e, 0 0 3px #35006e; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-wa .pi-data-value { padding-top: 7px; }

.pi-theme-wa ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-wa ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-wa .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-wa .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #35006e, 0 0 2px #35006e, 0 0 3px #35006e; }

.pi-theme-wa .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }

.pi-theme-cb { border-radius: 8px; margin: 20px; box-shadow: 7px 6px 10px -1px rgba(67, 168, 0, 0.25); }

.pi-theme-cb .pi-title { background: #db1616; color: #FFF; font-size: 150%; font-variant: small-caps; text-shadow: 0 0 10px #43a800, 0 0 5px #43a800, 0 0 6px #43a800; border-top-left-radius: 8px; border-top-right-radius: 8px; }

.pi-theme-cb .pi-header { background: #db1616; color: #FFF; font-variant: small-caps; font-size: 140%; text-shadow: 0 0 10px #43a800, 0 0 5px #43a800, 0 0 6px #43a800; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.pi-theme-cb .pi-data-label { background: #b51212; text-align: center; font-weight: bold; text-shadow: 0 0 10px #43a800, 0 0 5px #43a800, 0 0 6px #43a800; border-radius: .5em; letter-spacing: 0.7px; padding: 5px !important; color: #FFF; align-content: center; padding-left: 10px; }

.pi-theme-cb .pi-data-value { padding-top: 7px; }

.pi-theme-cb ul.pi-image-collection-tabs { font-size: 12px; background-color: transparent; text-align: center; }

.pi-theme-cb ul.pi-image-collection-tabs li { border: none; color: #757575; }

.pi-theme-cb .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.pi-theme-cb .pi-image-collection-tabs .current { background: transparent; color: #FFF; text-shadow: 0 0 6px #43a800, 0 0 2px #43a800, 0 0 3px #43a800; }

.pi-theme-cb .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; }