MediaWiki:Fandomdesktop.css

/* Fonts */ .fandom-community-header__community-name, .page-header__title, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { font-family: 'Lobster', cursive; }

/* Hover edit mode */ h1 > .mw-editsection, h2 > .mw-editsection, h3 > .mw-editsection, h4 > .mw-editsection, h5 > .mw-editsection, h6 > .mw-editsection { opacity: 0; transition: 0.5s; }

h1:hover > .mw-editsection, h2:hover > .mw-editsection, h3:hover > .mw-editsection, h4:hover > .mw-editsection, h5:hover > .mw-editsection, h6:hover > .mw-editsection { opacity: 1; transition: 0.5s; }

/* Better caption */ .wikia-gallery-caption-below .lightbox-caption { color: rgba(var(--theme-page-text-color--rgb),.8); }

/*===================================================================*/ .portable-infobox { font-family: 'Arial'; }

h3.pi-data-label.pi-secondary-font { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.pi-horizontal-group { border-collapse: initial; border-spacing: 0; } /*.portable-infobox .pi-horizontal-group .pi-data-label { border: 2px solid transparent; border-radius: 0 0 0 0; display: table-cell; vertical-align: middle; padding: 2px !important; }*/

.page-content .portable-infobox .pi-header, .page-content .portable-infobox h2, .portable-infobox .pi-title { margin: 2px !important; padding: 0 !important; margin-bottom: 0 !important; } .page-content .portable-infobox .pi-title { font-size: 18px; } .page-content .portable-infobox .pi-header, .page-content .portable-infobox h2, .portable-infobox .pi-secondary-font { font-size: 12px; font-weight: 700; line-height: 18px; } .pi-group { border-bottom-style: solid; border-bottom-width: 1px; }

.pi-title + .pi-item > .pi-horizontal-group:first-child th, .pi-secondary-background+ .pi-secondary-background { border-top: none; } .portable-infobox .pi-data + .pi-group { border-top-style: solid; border-top-width: 1px; } .portable-infobox .pi-title, .portable-infobox .pi-secondary-font { font-family: inherit; }

/*=============================================================================================*/

.portable-infobox .wds-tabs__wrapper { margin: 2px; margin-bottom: 0; flex-wrap: wrap; justify-content: center; background: #FF0000; --wds-tab-color--active: transparent; --wds-tab-color--hover: transparent; } .portable-infobox .wds-tabs__tab { margin: 0; flex-grow: 1; padding: 2px; } .portable-infobox .wds-tabs__tab-label { height: auto; color: #FFF; font-size: 14px; text-transform: none; font-weight: bold; } .portable-infobox .wds-tabs__wrapper .wds-tabs { -webkit-mask-image: none; } .portable-infobox .wds-icon-tiny { display: none; } .portable-infobox .wds-tabs__tab.wds-is-current { color: transparent; } .wds-tabs__wrapper .pi-tab-link { flex-grow: 1; } .pi-image-collection .wds-tabs__tab { background: none repeat scroll 0 0 #FF0000; color: #FFF; border: none; font-weight: bold; } .pi-image-collection .wds-tabs__tab.wds-is-current { background: none repeat scroll 0 0 #DC143C; border-color: #DC143C; } .pi-image-collection .wds-tabs__tab.wds-is-current:hover { background-color: #DC143C; } .portable-infobox .wds-tabs { display: flex; flex-wrap: wrap; justify-content: center; } .page-content .portable-infobox ul { text-align: center; }

/*=============================================================================================*/

.pi-theme-Bloom .wds-tabs__tab.wds-is-current { background-color: #3F9EFC; background: linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; } .pi-theme-Bloom .wds-tabs__tab, .pi-theme-Bloom .wds-tabs__tab.wds-is-current:hover { background-color: #3F9EFC; } .pi-theme-Bloom ul.wds-tabs li:hover { background-color: #64C5FC; }

.pi-theme-Stella .wds-tabs__tab.wds-is-current { background-color: #FC9149; background: linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; } .pi-theme-Stella .wds-tabs__tab, .pi-theme-Stella .wds-tabs__tab.wds-is-current:hover { background-color: #FC9149; } .pi-theme-Stella ul.wds-tabs li:hover { background-color: #F52ED1; }

.pi-theme-Flora .wds-tabs__tab.wds-is-current { background-color: #00FF00; background: linear-gradient(#57FF57 25%, #00C400 75%) !important; } .pi-theme-Flora .wds-tabs__tab-label, .pi-theme-Flora .pi-navigation:last-child a { color: #000; } .pi-theme-Flora .wds-tabs__tab, .pi-theme-Flora .wds-tabs__tab.wds-is-current:hover { background-color: #00FF00; } .pi-theme-Flora ul.wds-tabs li:hover { background-color: #45BE07; }

.pi-theme-Musa .wds-tabs__tab.wds-is-current { background-color: #FF008A; background: linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; } .pi-theme-Musa .wds-tabs__tab, .pi-theme-Musa .wds-tabs__tab.wds-is-current:hover { background-color: #FF008A; } .pi-theme-Musa ul.wds-tabs li:hover { background-color: #F53580; }

.pi-theme-Tecna .wds-tabs__tab.wds-is-current { background-color: #9933FF; background: linear-gradient(#B56BFF 25%, #7427C2 75%) !important; } .pi-theme-Tecna .wds-tabs__tab, .pi-theme-Tecna .wds-tabs__tab.wds-is-current:hover { background-color: #9933FF; } .pi-theme-Tecna ul.wds-tabs li:hover { background-color: #D57AFD; }

.pi-theme-Aisha .wds-tabs__tab.wds-is-current { background-color: #20B2AA; background: linear-gradient(#27E6DB 25%, #157A75 75%) !important; } .pi-theme-Aisha .wds-tabs__tab, .pi-theme-Aisha .wds-tabs__tab.wds-is-current:hover { background-color: #20B2AA; } .pi-theme-Aisha ul.wds-tabs li:hover { background-color: #4FDFAC; }

.pi-theme-Roxy .wds-tabs__tab.wds-is-current { background-color: #7AFF7A; background: linear-gradient(#B3FFB3 25%, #5BBD5B 75%) !important; } .pi-theme-Roxy .wds-tabs__tab-label, .pi-theme-Roxy .pi-navigation:last-child a { color: #000; } .pi-theme-Roxy .wds-tabs__tab, .pi-theme-Roxy .wds-tabs__tab.wds-is-current:hover { background-color: #7AFF7A; } .pi-theme-Roxy ul.wds-tabs li:hover { background-color: #62F87A; }

.pi-theme-Daphne .wds-tabs__tab.wds-is-current { background-color: #00FF7F; background: linear-gradient(#57FFAB 25%, #00BF5F 75%) !important; } .pi-theme-Daphne .wds-tabs__tab-label, .pi-theme-Daphne .pi-navigation:last-child a { color: #000; } .pi-theme-Daphne .wds-tabs__tab, .pi-theme-Daphne .wds-tabs__tab.wds-is-current:hover { background-color: #00FF7F; } .pi-theme-Daphne ul.wds-tabs li:hover { background-color: #FAABB6; }

.pi-theme-Specialist .wds-tabs__tab.wds-is-current { background-color: #003DB8; background: linear-gradient(#355FB5 25%, #002E8C 75%) !important; } .pi-theme-Specialist .wds-tabs__tab, .pi-theme-Specialist .wds-tabs__tab.wds-is-current:hover { background-color: #355FB5; } .pi-theme-Specialist ul.wds-tabs li:hover { background-color: #003DB8; }

.pi-theme-Sky .wds-tabs__tab.wds-is-current { background-color: #79A6FF; background: linear-gradient(#B8D0FF 25%, #5D81C9 75%) !important; } .pi-theme-Sky .wds-tabs__tab, .pi-theme-Sky .wds-tabs__tab.wds-is-current:hover { background-color: #79A6FF; } .pi-theme-Sky ul.wds-tabs li:hover { background-color: #003DB8; }

.pi-theme-Brandon .wds-tabs__tab.wds-is-current { background-color: #339966; background: linear-gradient(#45D68D 25%, #216342 75%) !important; } .pi-theme-Brandon .wds-tabs__tab, .pi-theme-Brandon .wds-tabs__tab.wds-is-current:hover { background-color: #339966; } .pi-theme-Brandon ul.wds-tabs li:hover { background-color: #003DB8; }

.pi-theme-Helia .wds-tabs__tab.wds-is-current { background-color: #FF6811; background: linear-gradient(#FF8E4D 25%, #BF4D0B 75%) !important; } .pi-theme-Helia .wds-tabs__tab, .pi-theme-Helia .wds-tabs__tab.wds-is-current:hover { background-color: #FF6811; } .pi-theme-Helia ul.wds-tabs li:hover { background-color: #003DB8; }

.pi-theme-Riven .wds-tabs__tab.wds-is-current { background-color: #D6009E; background: linear-gradient(#D642B0 25%, #A8007C 75%) !important; } .pi-theme-Riven .wds-tabs__tab, .pi-theme-Riven .wds-tabs__tab.wds-is-current:hover { background-color: #D6009E; } .pi-theme-Riven ul.wds-tabs li:hover { background-color: #003DB8; }

.pi-theme-Timmy .wds-tabs__tab.wds-is-current { background-color: #FFBF00; background: linear-gradient(#FFD557 25%, #CC9900 75%) !important; } .pi-theme-Timmy .wds-tabs__tab, .pi-theme-Timmy .wds-tabs__tab.wds-is-current:hover { background-color: #FFBF00; } .pi-theme-Timmy ul.wds-tabs li:hover { background-color: #003DB8; }

.pi-theme-Nabu .wds-tabs__tab.wds-is-current { background-color: #9E009E; background: linear-gradient(#CC00CC 25%, #730073 75%) !important; } .pi-theme-Nabu .wds-tabs__tab, .pi-theme-Nabu .wds-tabs__tab.wds-is-current:hover { background-color: #9E009E; } .pi-theme-Nabu ul.wds-tabs li:hover { background-color: #003DB8; }

.pi-theme-Roy .wds-tabs__tab.wds-is-current { background-color: #8181FF; background: linear-gradient(#B8B8FF 25%, #6767C9 75%) !important; } .pi-theme-Roy .wds-tabs__tab, .pi-theme-Roy .wds-tabs__tab.wds-is-current:hover { background-color: #8181FF; } .pi-theme-Roy ul.wds-tabs li:hover { background-color: #333399; }

.pi-theme-Paladin .wds-tabs__tab.wds-is-current { background-color: #8A0000; background: linear-gradient(#C40000 25%, #630000 75%) !important; } .pi-theme-Paladin .wds-tabs__tab, .pi-theme-Paladin .wds-tabs__tab.wds-is-current:hover { background-color: #C40000; } .pi-theme-Paladin ul.wds-tabs li:hover { background-color: #8A0000; }

.pi-theme-Thoren .wds-tabs__tab.wds-is-current { background-color: #FDE910; background: linear-gradient(#FFF159 25%, #C7B70A 75%) !important; } .pi-theme-Thoren .wds-tabs__tab-label, .pi-theme-Thoren .pi-navigation:last-child a { color: #000; } .pi-theme-Thoren .wds-tabs__tab, .pi-theme-Thoren .wds-tabs__tab.wds-is-current:hover { background-color: #FDE910; } .pi-theme-Thoren ul.wds-tabs li:hover { background-color: #8A0000; } .pi-theme-Thoren .wds-tabs li:not(.wds-is-current):hover .wds-tabs__tab-label { color: #FFF; }

.pi-theme-Nex .wds-tabs__tab.wds-is-current { background-color: #009E75; background: linear-gradient(#00DBA2 25%, #007557 75%) !important; } .pi-theme-Nex .wds-tabs__tab, .pi-theme-Nex .wds-tabs__tab.wds-is-current:hover { background-color: #009E75; } .pi-theme-Nex ul.wds-tabs li:hover { background-color: #8A0000; }

.pi-theme-Icy .wds-tabs__tab.wds-is-current { background-color: #99CCFF; background: linear-gradient(#C4E2FF 25%, #7BA2C9 75%) !important; } .pi-theme-Icy .wds-tabs__tab, .pi-theme-Icy .wds-tabs__tab.wds-is-current:hover { background-color: #99CCFF; } .pi-theme-Icy ul.wds-tabs li:hover { background-color: #003366; }

.pi-theme-Darcy .wds-tabs__tab.wds-is-current { background-color: #800080; background: linear-gradient(#BF00BF 25%, #590059 75%) !important; } .pi-theme-Darcy .wds-tabs__tab, .pi-theme-Darcy .wds-tabs__tab.wds-is-current:hover { background-color: #800080; } .pi-theme-Darcy ul.wds-tabs li:hover { background-color: #8B00FF; }

.pi-theme-Stormy .wds-tabs__tab.wds-is-current { background-color: #CC0066; background: linear-gradient(#CF3481 25%, #9E004F 75%) !important; } .pi-theme-Stormy .wds-tabs__tab, .pi-theme-Stormy .wds-tabs__tab.wds-is-current:hover { background-color: #CC0066; } .pi-theme-Stormy ul.wds-tabs li:hover { background-color: #660033; }

.pi-theme-Darkar .wds-tabs__tab.wds-is-current { background-color: #990000; background: linear-gradient(#D10000 25%, #690000 75%) !important; } .pi-theme-Darkar .wds-tabs__tab, .pi-theme-Darkar .wds-tabs__tab.wds-is-current:hover { background-color: #990000; } .pi-theme-Darkar ul.wds-tabs li:hover { background-color: #800000; }

.pi-theme-Valtor .wds-tabs__tab.wds-is-current { background-color: #990033; background: linear-gradient(#CC0044 25%, #6E0025 75%) !important; } .pi-theme-Valtor .wds-tabs__tab, .pi-theme-Valtor .wds-tabs__tab.wds-is-current:hover { background-color: #990033; } .pi-theme-Valtor ul.wds-tabs li:hover { background-color: #990099; }

.pi-theme-Ogron .wds-tabs__tab.wds-is-current { background-color: #FF0000; background: linear-gradient(#FF4D4D 25%, #C40000 75%) !important; } .pi-theme-Ogron .wds-tabs__tab, .pi-theme-Ogron .wds-tabs__tab.wds-is-current:hover { background-color: #FF0000; } .pi-theme-Ogron ul.wds-tabs li:hover { background-color: #696969; }

.pi-theme-Gantlos .wds-tabs__tab.wds-is-current { background-color: #EDED5C; background: linear-gradient(#EDED91 25%, #BFBF49 75%) !important; } .pi-theme-Gantlos .wds-tabs__tab-label, .pi-theme-Gantlos .pi-navigation:last-child a { color: #000; } .pi-theme-Gantlos .wds-tabs__tab, .pi-theme-Gantlos .wds-tabs__tab.wds-is-current:hover { background-color: #EDED5C; } .pi-theme-Gantlos ul.wds-tabs li:hover { background-color: #A9A9A9; }

.pi-theme-Anagan .wds-tabs__tab.wds-is-current { background-color: #6B2D00; background: linear-gradient(#A84600 25%, #451D00 75%) !important; } .pi-theme-Anagan .wds-tabs__tab, .pi-theme-Anagan .wds-tabs__tab.wds-is-current:hover { background-color: #6B2D00; } .pi-theme-Anagan ul.wds-tabs li:hover { background-color: #5F9EA0; }

.pi-theme-Duman .wds-tabs__tab.wds-is-current { background-color: #D60046; background: linear-gradient(#D43B6D 25%, #9C0033 75%) !important; } .pi-theme-Duman .wds-tabs__tab, .pi-theme-Duman .wds-tabs__tab.wds-is-current:hover { background-color: #D60046; } .pi-theme-Duman ul.wds-tabs li:hover { background-color: #696969; }

.pi-theme-Tritannus .wds-tabs__tab.wds-is-current { background-color: #009900; background: linear-gradient(#00D600 25%, #006600 75%) !important; } .pi-theme-Tritannus .wds-tabs__tab, .pi-theme-Tritannus .wds-tabs__tab.wds-is-current:hover { background-color: #009900; } .pi-theme-Tritannus ul.wds-tabs li:hover { background-color: #9966FF; }

.pi-theme-Selina .wds-tabs__tab.wds-is-current { background-color: #9BA858; background: linear-gradient(#CDDE73 25%, #6A733D 75%) !important; } .pi-theme-Selina .wds-tabs__tab, .pi-theme-Selina .wds-tabs__tab.wds-is-current:hover { background-color: #9BA858; } .pi-theme-Selina ul.wds-tabs li:hover { background-color: #5C8496; }

.pi-theme-Acheron .wds-tabs__tab.wds-is-current { background-color: #A50021; background: linear-gradient(#D9002B 25%, #700016 75%) !important; } .pi-theme-Acheron .wds-tabs__tab, .pi-theme-Acheron .wds-tabs__tab.wds-is-current:hover { background-color: #A50021; } .pi-theme-Acheron ul.wds-tabs li:hover { background-color: #A37AAE; }

.pi-theme-KB .wds-tabs__tab.wds-is-current { background-color: #FFF46E; background: linear-gradient(#FFF8A3 25%, #D6CD5C 75%) !important; } .pi-theme-KB .wds-tabs__tab-label, .pi-theme-KB .pi-navigation:last-child a { color: #000; } .pi-theme-KB .wds-tabs__tab, .pi-theme-KB .wds-tabs__tab.wds-is-current:hover { background-color: #FFF46E; } .pi-theme-KB ul.wds-tabs li:hover { background-color: #000080; } .pi-theme-KB .wds-tabs li:not(.wds-is-current):hover .wds-tabs__tab-label { color: #FFF; }

.pi-theme-Mandragora .wds-tabs__tab.wds-is-current { background-color: #006400; background: linear-gradient(#00B300 25%, #004500 75%) !important; } .pi-theme-Mandragora .wds-tabs__tab, .pi-theme-Mandragora .wds-tabs__tab.wds-is-current:hover { background-color: #006400; } .pi-theme-Mandragora ul.wds-tabs li:hover { background-color: #008080; }

.pi-theme-Belladonna .wds-tabs__tab.wds-is-current { background-color: #003561; background: linear-gradient(#005BA6 25%, #000E1A 75%) !important; } .pi-theme-Belladonna .wds-tabs__tab, .pi-theme-Belladonna .wds-tabs__tab.wds-is-current:hover { background-color: #003561; } .pi-theme-Belladonna ul.wds-tabs li:hover { background-color: #4D4D4D; }

.pi-theme-Lysslis .wds-tabs__tab.wds-is-current { background-color: #500073; background: linear-gradient(#7200A3 25%, #250036 75%) !important; } .pi-theme-Lysslis .wds-tabs__tab, .pi-theme-Lysslis .wds-tabs__tab.wds-is-current:hover { background-color: #500073; } .pi-theme-Lysslis ul.wds-tabs li:hover { background-color: #4D4D4D; }

.pi-theme-Tharma .wds-tabs__tab.wds-is-current { background-color: #B22222; background: linear-gradient(#E32929 25%, #7A1717 75%) !important; } .pi-theme-Tharma .wds-tabs__tab, .pi-theme-Tharma .wds-tabs__tab.wds-is-current:hover { background-color: #B22222; } .pi-theme-Tharma ul.wds-tabs li:hover { background-color: #4D4D4D; }

.pi-theme-Politea .wds-tabs__tab.wds-is-current { background-color: #CC99FF; background: linear-gradient(#E4C9FF 25%, #9D76C4 75%) !important; } .pi-theme-Politea .wds-tabs__tab, .pi-theme-Politea .wds-tabs__tab.wds-is-current:hover { background-color: #CC99FF; } .pi-theme-Politea ul.wds-tabs li:hover { background-color: #FF99FF; }

.pi-theme-V .wds-tabs__tab.wds-is-current { background-color: #191970; background: linear-gradient(#2424A6 25%, #0E0E3D 75%) !important; } .pi-theme-V .wds-tabs__tab, .pi-theme-V .wds-tabs__tab.wds-is-current:hover { background-color: #191970; } .pi-theme-V ul.wds-tabs li:hover { background-color: #0000CD; }

.pi-theme-P .wds-tabs__tab.wds-is-current { background-color: #FF69B4; background: linear-gradient(#FFA3D1 25%, #CC528F 75%) !important; } .pi-theme-P .wds-tabs__tab, .pi-theme-P .wds-tabs__tab.wds-is-current:hover { background-color: #FF69B4; } .pi-theme-P ul.wds-tabs li:hover { background-color: #FF00FF; }

.pi-theme-S .wds-tabs__tab.wds-is-current { background-color: #1E90FF; background: linear-gradient(#61B1FF 25%, #1672CC 75%) !important; } .pi-theme-S .wds-tabs__tab, .pi-theme-S .wds-tabs__tab.wds-is-current:hover { background-color: #1E90FF; } .pi-theme-S ul.wds-tabs li:hover { background-color: #00BFFF; }

.pi-theme-A .wds-tabs__tab.wds-is-current { background-color: #F4A460; background: linear-gradient(#F5C59D 25%, #BD814D 75%) !important; } .pi-theme-A .wds-tabs__tab, .pi-theme-A .wds-tabs__tab.wds-is-current:hover { background-color: #F4A460; } .pi-theme-A ul.wds-tabs li:hover { background-color: #A0522D; }

.pi-theme-F .wds-tabs__tab.wds-is-current { background-color: #FFFF66; background: linear-gradient(#FFFF9C 25%, #CFCF55 75%) !important; } .pi-theme-F .wds-tabs__tab-label, .pi-theme-F .pi-navigation:last-child a { color: #000; } .pi-theme-F .wds-tabs__tab, .pi-theme-F .wds-tabs__tab.wds-is-current:hover { background-color: #FFFF66; } .pi-theme-F ul.wds-tabs li:hover { background-color: #FFD700; }

.pi-theme-W .wds-tabs__tab.wds-is-current { background-color: #7FFF00; background: linear-gradient(#A9FF54 25%, #64C900 75%) !important; } .pi-theme-W .wds-tabs__tab-label, .pi-theme-W .pi-navigation:last-child a { color: #000; } .pi-theme-W .wds-tabs__tab, .pi-theme-W .wds-tabs__tab.wds-is-current:hover { background-color: #7FFF00; } .pi-theme-W ul.wds-tabs li:hover { background-color: #228B22; }

.pi-theme-H .wds-tabs__tab.wds-is-current { background-color: #FFF5CC; background: linear-gradient(#FFFDF2 25%, #D4CAA3 75%) !important; } .pi-theme-H .wds-tabs__tab-label, .pi-theme-H .pi-navigation:last-child a { color: #000; } .pi-theme-H .wds-tabs__tab, .pi-theme-H .wds-tabs__tab.wds-is-current:hover { background-color: #FFF5CC; } .pi-theme-H ul.wds-tabs li:hover { background-color: #FFF; }

.pi-theme-U .wds-tabs__tab.wds-is-current { background-color: #4169E1; background: linear-gradient(#7490E3 25%, #3352B0 75%) !important; } .pi-theme-U .wds-tabs__tab, .pi-theme-U .wds-tabs__tab.wds-is-current:hover { background-color: #4169E1; } .pi-theme-U ul.wds-tabs li:hover { background-color: #7FFF00; } .pi-theme-U .wds-tabs li:not(.wds-is-current):hover .wds-tabs__tab-label { color: #000; }

.pi-theme-E .wds-tabs__tab.wds-is-current { background-color: #4B0082; background: linear-gradient(#6A00B8 25%, #35005C 75%) !important; } .pi-theme-E .wds-tabs__tab, .pi-theme-E .wds-tabs__tab.wds-is-current:hover { background-color: #4B0082; } .pi-theme-E ul.wds-tabs li:hover { background-color: #7458C1; }

.pi-theme-G .wds-tabs__tab.wds-is-current { background-color: #7FFF00; background: linear-gradient(#A4FF4A 25%, #5FBF00 75%) !important; } .pi-theme-G .wds-tabs__tab-label, .pi-theme-G .pi-navigation:last-child a { color: #000; } .pi-theme-G .wds-tabs__tab, .pi-theme-G .wds-tabs__tab.wds-is-current:hover { background-color: #7FFF00; } .pi-theme-G ul.wds-tabs li:hover { background-color: #6B8E23; }

.pi-theme-W2 .wds-tabs__tab.wds-is-current { background-color: #59A4E3; background: linear-gradient(#97B6D1 25%, #37658C 75%) !important; } .pi-theme-W2 .wds-tabs__tab, .pi-theme-W2 .wds-tabs__tab.wds-is-current:hover { background-color: #59A4E3; } .pi-theme-W2 ul.wds-tabs li:hover { background-color: #4682B4; }

.pi-theme-PL .wds-tabs__tab.wds-is-current { background-color: #7FFFD4; background: linear-gradient(#B3FFE5 25%, #14C78B 75%) !important; } .pi-theme-PL .wds-tabs__tab-label, .pi-theme-PL .pi-navigation:last-child a { color: #000; } .pi-theme-PL .wds-tabs__tab, .pi-theme-PL .wds-tabs__tab.wds-is-current:hover { background-color: #7FFFD4; } .pi-theme-PL ul.wds-tabs li:hover { background-color: #38EB86; }

.pi-theme-R .wds-tabs__tab.wds-is-current { background-color: #B0C4DE; background: linear-gradient(#CBFF96 25%, #FFFF85 75%) !important; } .pi-theme-R .wds-tabs__tab-label, .pi-theme-R .pi-navigation:last-child a { color: #000; } .pi-theme-R .wds-tabs__tab, .pi-theme-R .wds-tabs__tab.wds-is-current:hover { background-color: #7FFFD4; } .pi-theme-R ul.wds-tabs li:hover { background-color: #70DBB7; }

.pi-theme-SH .wds-tabs__tab.wds-is-current { background-color: #E6CCFF; background: linear-gradient(#0066FF, #66FF99) !important; } .pi-theme-SH .wds-tabs__tab, .pi-theme-SH .wds-tabs__tab.wds-is-current:hover { background-color: #17EBBA; } .pi-theme-SH ul.wds-tabs li:hover { background-color: #93D5DB; }

.pi-theme-SU .wds-tabs__tab.wds-is-current { background-color: #E6CCFF; background: linear-gradient(#FFCCFF 25%, #EECCFF 75%) !important; } .pi-theme-SU .wds-tabs__tab-label, .pi-theme-SU .pi-navigation:last-child a { color: #000; } .pi-theme-SU .wds-tabs__tab, .pi-theme-SU .wds-tabs__tab.wds-is-current:hover { background-color: #E6CCFF; } .pi-theme-SU ul.wds-tabs li:hover { background-color: #ECD1FA; }

.pi-theme-N .wds-tabs__tab.wds-is-current { background-color: #000099; background: linear-gradient(#000063 25%, #3030AA 75%) !important; } .pi-theme-N .wds-tabs__tab, .pi-theme-N .wds-tabs__tab.wds-is-current:hover { background-color: #000099; } .pi-theme-N ul.wds-tabs li:hover { background-color: #0026FF; }

/*=============================================================================================*/

.pi-theme-S1 .wds-tabs__wrapper, .pi-theme-S2 .wds-tabs__wrapper, .pi-theme-S3 .wds-tabs__wrapper, .pi-theme-S4 .wds-tabs__wrapper, .pi-theme-S5 .wds-tabs__wrapper, .pi-theme-S6 .wds-tabs__wrapper, .pi-theme-S7 .wds-tabs__wrapper, .pi-theme-S8 .wds-tabs__wrapper, .pi-theme-S9 .wds-tabs__wrapper, .pi-theme-MV .wds-tabs__wrapper, .pi-theme-SP .wds-tabs__wrapper, .pi-theme-PP .wds-tabs__wrapper, .pi-theme-WW .wds-tabs__wrapper, .pi-theme-WB .wds-tabs__wrapper, .pi-theme-LA .wds-tabs__wrapper { background: transparent; }

.pi-theme-S1 .wds-tabs__tab.wds-is-current, .pi-theme-S1 .wds-tabs__tab, .pi-theme-S1 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(255, 105, 180, 0.4); } .pi-theme-S1 ul.wds-tabs li:hover { background-color: rgba(230, 96, 163, 0.4); }

.pi-theme-S2 .wds-tabs__tab.wds-is-current, .pi-theme-S2 .wds-tabs__tab, .pi-theme-S2 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(255, 69, 0, 0.4); } .pi-theme-S2 ul.wds-tabs li:hover { background-color: rgba(227, 61, 0, 0.4); }

.pi-theme-S3 .wds-tabs__tab.wds-is-current, .pi-theme-S3 .wds-tabs__tab, .pi-theme-S3 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(238, 130, 238, 0.4); } .pi-theme-S3 ul.wds-tabs li:hover { background-color: rgba(209, 115, 209, 0.4); }

.pi-theme-S4 .wds-tabs__tab.wds-is-current, .pi-theme-S4 .wds-tabs__tab, .pi-theme-S4 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(255, 0, 255, 0.4); } .pi-theme-S4 ul.wds-tabs li:hover { background-color: rgba(222, 0, 222, 0.4); }

.pi-theme-S5 .wds-tabs__tab.wds-is-current, .pi-theme-S5 .wds-tabs__tab, .pi-theme-S5 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(255, 215, 0, 0.4); } .pi-theme-S5 .wds-tabs__tab-label, .pi-theme-S5 .pi-navigation:last-child a { color: #000; } .pi-theme-S5 ul.wds-tabs li:hover { background-color: rgba(209, 176, 0, 0.4); }

.pi-theme-S6 .wds-tabs__tab.wds-is-current, .pi-theme-S6 .wds-tabs__tab, .pi-theme-S6 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(255, 218, 185, 0.4); } .pi-theme-S6 .wds-tabs__tab-label, .pi-theme-S6 .pi-navigation:last-child a { color: #000; } .pi-theme-S6 ul.wds-tabs li:hover { background-color: rgba(219, 188, 160, 0.4); }

.pi-theme-S7 .wds-tabs__tab.wds-is-current, .pi-theme-S7 .wds-tabs__tab, .pi-theme-S7 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(127, 255, 212, 0.4); } .pi-theme-S7 .wds-tabs__tab-label, .pi-theme-S7 .pi-navigation:last-child a { color: #000; } .pi-theme-S7 ul.wds-tabs li:hover { background-color: rgba(101, 201, 168, 0.4); }

.pi-theme-S8 .wds-tabs__tab.wds-is-current, .pi-theme-S8 .wds-tabs__tab, .pi-theme-S8 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(128, 0, 0, 0.4); } .pi-theme-S8 ul.wds-tabs li:hover { background-color: rgba(176, 0, 0, 0.4); }

.pi-theme-S9 .wds-tabs__tab.wds-is-current, .pi-theme-S9 .wds-tabs__tab, .pi-theme-S9 .wds-tabs__tab.wds-is-current:hover { background-color: rgba(255, 33, 33, 0.4); } .pi-theme-S9 ul.wds-tabs li:hover { background-color: rgba(224, 29, 29, 0.4); }

.pi-theme-MV .wds-tabs__tab.wds-is-current, .pi-theme-MV .wds-tabs__tab, .pi-theme-MV .wds-tabs__tab.wds-is-current:hover { background-color: rgba(65, 105, 225, 0.4); } .pi-theme-MV ul.wds-tabs li:hover { background-color: rgba(48, 77, 166, 0.4); }

.pi-theme-SP .wds-tabs__tab.wds-is-current, .pi-theme-SP .wds-tabs__tab, .pi-theme-SP .wds-tabs__tab.wds-is-current:hover { background-color: rgba(188, 143, 143, 0.4); } .pi-theme-SP ul.wds-tabs li:hover { background-color: rgba(222, 93, 158, 0.4); }

.pi-theme-PP .wds-tabs__tab.wds-is-current, .pi-theme-PP .wds-tabs__tab, .pi-theme-PP .wds-tabs__tab.wds-is-current:hover { background-color: rgba(139, 0, 139, 0.4); } .pi-theme-PP ul.wds-tabs li:hover { background-color: rgba(189, 0, 189, 0.4); }

.pi-theme-WW .wds-tabs__tab.wds-is-current, .pi-theme-WW .wds-tabs__tab, .pi-theme-WW .wds-tabs__tab.wds-is-current:hover { background-color: rgba(148, 0, 211, 0.4); } .pi-theme-WW ul.wds-tabs li:hover { background-color: rgba(107, 0, 153, 0.4); }

.pi-theme-LA .wds-tabs__tab.wds-is-current, .pi-theme-LA .wds-tabs__tab, .pi-theme-LA .wds-tabs__tab.wds-is-current:hover { background-color: rgba(50, 205, 50, 0.4); } .pi-theme-LA .wds-tabs__tab-label, .pi-theme-LA .pi-navigation:last-child a { color: #000; } .pi-theme-LA ul.wds-tabs li:hover { background-color: rgba(41, 163, 41, 0.4); }

.pi-theme-WB .wds-tabs__tab.wds-is-current, .pi-theme-WB .wds-tabs__tab, .pi-theme-WB .wds-tabs__tab.wds-is-current:hover { background-color: rgba(0, 255, 60, 0.4); } .pi-theme-WB .wds-tabs__tab-label, .pi-theme-WB .pi-navigation:last-child a { color: #000; } .pi-theme-WB ul.wds-tabs li:hover { background-color: rgba(0, 196, 46, 0.4); }

/*=============================================================================================*/

.pi-theme-Comic .wds-tabs__tab.wds-is-current, .pi-theme-Comic .wds-tabs__tab.wds-is-current:hover { background-color: #B5B5FF; } .pi-theme-Comic .wds-tabs__tab { background-color: #9191FF; } .pi-theme-Comic ul.wds-tabs li:hover { background-color: #E6E6FF; }

.pi-theme-Book .wds-tabs__tab.wds-is-current, .pi-theme-Book .wds-tabs__tab.wds-is-current:hover { background-color: #A8FFDB; } .pi-theme-Book .wds-tabs__tab { background-color: #7BEDBE; } .pi-theme-Book .wds-tabs__tab-label, .pi-theme-Book .pi-navigation:last-child a { color: #000; } .pi-theme-Book ul.wds-tabs li:hover { background-color: #E6FFF5; }

.pi-theme-C1 .wds-tabs__tab.wds-is-current, .pi-theme-C1 .wds-tabs__tab.wds-is-current:hover { background-color: #FFC4E2; } .pi-theme-C1 .wds-tabs__tab { background-color: #FF9CCE; } .pi-theme-C1 .wds-tabs__tab-label, .pi-theme-C1 .pi-navigation:last-child a { color: #000; } .pi-theme-C1 ul.wds-tabs li:hover { background-color: #FFDEEF; }

.pi-theme-C2 .wds-tabs__tab.wds-is-current, .pi-theme-C2 .wds-tabs__tab.wds-is-current:hover { background-color: #FFA685; } .pi-theme-C2 .wds-tabs__tab { background-color: #FF9269; } .pi-theme-C2 ul.wds-tabs li:hover { background-color: #FFC2AB; }

.pi-theme-C3 .wds-tabs__tab.wds-is-current, .pi-theme-C3 .wds-tabs__tab.wds-is-current:hover { background-color: #EDB2ED; } .pi-theme-C3 .wds-tabs__tab { background-color: #EB81EB; } .pi-theme-C3 .wds-tabs__tab-label, .pi-theme-C3 .pi-navigation:last-child a { color: #000; } .pi-theme-C3 ul.wds-tabs li:hover { background-color: #EBCEEB; }

.pi-theme-C4 .wds-tabs__tab.wds-is-current, .pi-theme-C4 .wds-tabs__tab.wds-is-current:hover { background-color: #FCA2FC; } .pi-theme-C4 .wds-tabs__tab { background-color: #FA7AFA; } .pi-theme-C4 .wds-tabs__tab-label, .pi-theme-C4 .pi-navigation:last-child a { color: #000; } .pi-theme-C4 ul.wds-tabs li:hover { background-color: #FFB8FF; }

.pi-theme-C5 .wds-tabs__tab.wds-is-current, .pi-theme-C5 .wds-tabs__tab.wds-is-current:hover { background-color: #FCE97E; } .pi-theme-C5 .wds-tabs__tab { background-color: #F5DC4E; } .pi-theme-C5 .wds-tabs__tab-label, .pi-theme-C5 .pi-navigation:last-child a { color: #000; } .pi-theme-C5 ul.wds-tabs li:hover { background-color: #EDE19D; }

.pi-theme-C6 .wds-tabs__tab.wds-is-current, .pi-theme-C6 .wds-tabs__tab.wds-is-current:hover { background-color: #FFDAB9; } .pi-theme-C6 .wds-tabs__tab { background-color: #F2BE8F; } .pi-theme-C6 .wds-tabs__tab-label, .pi-theme-C6 .pi-navigation:last-child a { color: #000; } .pi-theme-C6 ul.wds-tabs li:hover { background-color: #FFECDB; }

.pi-theme-C7 .wds-tabs__tab.wds-is-current, .pi-theme-C7 .wds-tabs__tab.wds-is-current:hover { background-color: #86F0CE; } .pi-theme-C7 .wds-tabs__tab { background-color: #51E8B8; } .pi-theme-C7 .wds-tabs__tab-label, .pi-theme-C7 .pi-navigation:last-child a { color: #000; } .pi-theme-C7 ul.wds-tabs li:hover { background-color: #B5EBD9; }

.pi-theme-C8 .wds-tabs__tab.wds-is-current, .pi-theme-C8 .wds-tabs__tab.wds-is-current:hover { background-color: #824A4A; } .pi-theme-C8 .wds-tabs__tab { background-color: #752E2E; } .pi-theme-C8 ul.wds-tabs li:hover { background-color: #806161; }

.pi-theme-C9 .wds-tabs__tab.wds-is-current, .pi-theme-C9 .wds-tabs__tab.wds-is-current:hover { background-color: #FA7D7D; } .pi-theme-C9 .wds-tabs__tab { background-color: #EB5E5E; } .pi-theme-C9 ul.wds-tabs li:hover { background-color: #EB9B9B; }

.pi-theme-CW .wds-tabs__tab.wds-is-current, .pi-theme-CW .wds-tabs__tab.wds-is-current:hover { background-color: #B15FD4; } .pi-theme-CW .wds-tabs__tab { background-color: #9D3AC7; } .pi-theme-CW ul.wds-tabs li:hover { background-color: #B980D1; }

/*=============================================================================================*/

.pi-theme-Spell .wds-tabs__tab.wds-is-current { background-color: #7ECA8A; } .pi-theme-Spell .wds-tabs__tab { background-color: #000; } .pi-theme-Spell .wds-tabs__tab.wds-is-current:hover, .pi-theme-Spell ul.wds-tabs li:hover { background-color: #4E8056; }

/*=============================================================================================*/

.pi-theme-Song .wds-tabs__tab.wds-is-current, .pi-theme-Song ul.wds-tabs li:hover { background-image: url('https://images.wikia.nocookie.net/winx/images/2/2a/Sfondo_special.gif'); } .pi-theme-Song .wds-tabs__tab, .pi-theme-Song .wds-tabs__tab.wds-is-current:hover { background-color: #F53580; }

/*=============================================================================================*/

.pi-theme-Game .wds-tabs__wrapper { background: transparent; } .pi-theme-Game .wds-tabs__tab.wds-is-current, .pi-theme-Game ul.wds-tabs li:hover { background-color: hsl(55,45%,90%); background-image: linear-gradient(-116deg, transparent 40%, hsl(0,80%,80%) 0, hsl(0,80%,80%) 42%, transparent 42%), linear-gradient( 116deg, transparent 41%, hsl(0,80%,80%) 0, hsl(0,80%,80%) 43%, transparent 43%), linear-gradient(-116deg, transparent 40%, hsl(0,0%,40%) 0, hsl(0,0%,40%) 42%, transparent 42%), linear-gradient(116deg, transparent 41%, hsl(0,0%,40%) 41%, hsl(0,0%,40%) 43%, transparent 43%), linear-gradient(-115deg, hsl(0,0%,40%) 16.5%, transparent 0 ), linear-gradient(-65deg, hsl(0,0%,40%) 16.5%, transparent 0), linear-gradient(115deg, hsl(0,0%,40%) 16.5%, transparent 0), linear-gradient(65deg, hsl(0,0%,40%) 16.5%, transparent 0), linear-gradient(-115deg, hsl(0,80%,80%) 16.5%, transparent 0), linear-gradient(-65deg, hsl(0,80%,80%) 16.5%, transparent 0), linear-gradient(115deg, hsl(0,80%,80%) 16.5%, transparent 0), linear-gradient(65deg, hsl(0,80%,80%) 16.5%, transparent 0); background-size: 8em 8em, 8em 8em, 8em 8em, 8em 8em, 8em 8em, 8em 8em, 8em 8em, 8em 8em, 8em 8em, 8em 8em, 8em 8em, 8em 8em; background-position: 3em -8em, -3em -8em, -9em 8em, 9em 8em, 0, 0, 0, 0, 4em, 4em, 4em, 4em; text-shadow: -1px 1px 0 #FFF, 1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF; } .pi-theme-Game .wds-tabs__tab, .pi-theme-Game .wds-tabs__tab.wds-is-current:hover { background-color: rgba(89, 89, 89, .3); } .pi-theme-Game ul.pi-image-collection-tabs li:hover { background-color: rgba(194, 194, 194, .2); } .pi-theme-Game .wds-tabs__tab-label, .pi-theme-Game .pi-navigation:last-child a { color: #000; }

/*=============================================================================================*/

.pi-theme-Wiki .wds-tabs__tab.wds-is-current { background-color: #BFE6EF; } .pi-theme-Wiki .wds-tabs__tab { background-color: #A3C2C9; } .pi-theme-Wiki .wds-tabs__tab-label, .pi-theme-Wiki .pi-navigation:last-child a { color: #000; } .pi-theme-Wiki ul.wds-tabs li:hover, .pi-theme-Wiki .wds-tabs__tab.wds-is-current:hover { background-color: #E6FFF5; }

/*=============================================================================================*/

.pi-theme-Transformation .wds-tabs__tab.wds-is-current, .pi-theme-Transformation .pi-section-navigation .pi-section-active, .pi-theme-Transformation .pi-navigation { background-image: url('https://images.wikia.nocookie.net/winx/images/b/be/Blue-baddie-17.jpg'); text-shadow: -1px 1px 0 #0F52BA, 1px 1px 0 #0F52BA, 1px -1px 0 #0F52BA, -1px -1px 0 #0F52BA; } .pi-theme-Transformation .wds-tabs__tab, .pi-theme-Transformation .wds-tabs__tab.wds-is-current:hover { background-color: #0F52BA; } .pi-theme-Transformation ul.wds-tabs li:hover { background-color: #0B3D8A; }