Wikia.css/Navbox.css

/* Cette page concerne le CSS relatif aux navboxes du wiki. */

.navbox, .NavFrame {
    background: var(--background);
    font-family: Roboto;
}

.navbox {
    border-collapse: collapse;
    border-style: solid;
    border-width: 5px;
    font-size: 8pt;
    width: 100%;
    margin-top: 20px;
}

.navbox ~ .navbox,
.NavFrame ~ .navbox {
    margin-top: 5px;
}

.navbox a:hover {
    text-decoration: none;
    transition: .2s ease-in-out;
}

.navbox th {
    font-family: Raleway;
    line-height: 10pt;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid grey;
}

.NavHead {
    font-family: Raleway;
    font-size: 10pt;
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 900;
}

.navbox th.left1 {
    font-weight: 900;
    text-transform: uppercase;
}

.navbox td {
    padding: 5px 10px 5px 5px;
    border-bottom: 1px solid grey;
}

.NavContent {
    padding: 5px 10px;
}

/*
** En tête
*/
.navbox tr:first-child th {
    position: relative;
    border-bottom: none;
}

/* Logos */
.navbox tr:first-child th img {
    padding: 1em 0;
}

/* Bouton afficher/masquer */
.navbox tr:first-child th span {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0,-50%);
}

.collapseButton {
    font-size: 8pt;
}

.NavFrame-label {
    display: inline-block;
    font-family: Raleway;
    font-weight: 900;
    padding: 1.25px 5px;
    text-transform: uppercase;
}

/*
** Aladdin (série télévisée)
*/
.navbox.aladdin,
.NavFrame.aladdin .NavHead {
    background-color: #1F3473;
    color: #F27F3D;
}

.navbox.aladdin {
    border-color: #26528C;
}

.navbox.aladdin th, .navbox.aladdin td {
    border-bottom-color: #26528C;
}

.aladdin .NavFrame-label {
    background-color: #1F3473;
    color: #F27F3D;
}

.navbox.aladdin a,
.NavFrame.aladdin .NavHead a {
    color: #F27F3D;
}

.navbox.aladdin a:hover,
.NavFrame.aladdin .NavHead a:hover {
    color: #F2A950;
}

/*
** Alice au Pays des Merveilles
*/
.aliceInWonderland {
    background-color: #E4F1F2;
    border-color: #5D8C60;
    color: #2F1159;
}

.aliceInWonderland a {
    color: #2F1159;
}

.aliceInWonderland th, .aliceInWonderland td {
    border-bottom-color: #5D8C60;
}

.aliceInWonderland a:hover {
    color: #5D8C60;
}

/*
** Blanche-Neige et les Sept Nains
*/
.snowWhite {
    background-color: #081E26;
    border-color: #BF2431;
    color: #F29727;
}

.snowWhite a {
    color: #F29727;
}

.snowWhite th, .snowWhite td {
    border-bottom-color: #BF2431;
}

.snowWhite a:hover {
    color: #F2D64B;
}

/*
** Cendrillon
*/
.cinderella {
    background-color: #011526;
    border-color: #BF9A56;
    color: #5496BF;
}

.cinderella a {
    color: #5496BF;
}

.cinderella th, .cinderella td {
    border-bottom-color: #BF9A56;
}

.cinderella a:hover {
    color: #BF9A56;
}

/*
** Club Penguin
*/
.clubPenguin {
    background-color: #0c76f9;
    border-color: #046bae;
    color: #ffffff;
}

.clubPenguin a {
    color: #ffffff;
}

.clubPenguin th, .clubPenguin td {
    border-bottom-color: #046bae;
}

.clubPenguin a:hover {
    color: #ffc505;
}

/*
** Disney Infinity
*/
.disneyInfinity {
    background-color: white;
    border-color: #F24738;
    color: #0D0D0D;
}

.disneyInfinity a {
    color: #0D0D0D;
}

.disneyInfinity th, .dumbo td {
    border-bottom-color: #F24738;
}

.disneyInfinity a:hover {
    color: #F24738;
}

/*
** Disneyland Paris
*/
.disneylandParis {
    border-color: var(--disneylandParis1);
    color: var(--disneylandParis1);
    background: white;
    font-family: Roboto;
}

.disneylandParis a {
    color: var(--disneylandParis1);
}

.disneylandParis a:hover {
    text-decoration: underline var(--disneylandParis2);
}

.disneylandParis tr {
    padding: 0;
}

.disneylandParis th, .disneylandParis td {
    border-bottom-color: var(--disneylandParis2);
}

/** En-tête */
.disneylandParis tr:nth-child(1) th {
    padding: 0 !important;
}

.disneylandParis tr:nth-child(1) th .mw-collapsible-toggle:hover,
.disneylandParis tr:nth-child(1) th .mw-collapsible-toggle:hover a {
    color: var(--disneylandParis2);
    text-decoration: none;
}

.disneylandParis tr:nth-child(2) th,
.disneylandParis tr:nth-child(n+7) th {
    padding: 0 5px 0 10px;
}

.disneylandParis tr:nth-child(2) td {
    padding: 0 10px 5px 0 !important;
    border-bottom: none;
}

/** Boutons */
.disneylandParis .flexboxes1,
.disneylandParis .flexboxes2 {
    display: flex;
    flex-flow: wrap;
    padding: 0;
    text-align: center;
}

.disneylandParis .flexboxes1 div,
.disneylandParis .flexboxes2 div {
    font-family: Raleway;
    padding: 5px;
    flex: 1;
    margin: auto;
}

.disneylandParis .flexboxes1 a:hover,
.disneylandParis .flexboxes2 a:hover {
    color: var(--disneylandParis2);
    text-decoration: none;
}

.disneylandParis .flexboxes1 div {
    font-size: 14pt;
    text-transform: uppercase;
}

.disneylandParis .flexboxes1 div img {
    padding-right: 5px;
}

.disneylandParis .flexboxes1 a {
    vertical-align: middle;
}

.disneylandParis .flexboxes1 .selflink {
    font-weight: normal;
}

/** Bouton parc sélectionné */
.disneylandParis .flexboxes1 div.selected a,
.disneylandParis .flexboxes1 div.selected .selflink {
    font-weight: 600;
}

/** Bouton parc survolé */
.disneylandParis .flexboxes1 div:not(.selected):hover {
    border-bottom: 1px solid var(--disneylandParis2);
}

.disneylandParis .flexboxes2 div,
.disneylandParis .flexboxes2 .selflink {
    font-weight: 500;
}

.disneylandParis .flexboxes2 div.selected a,
.disneylandParis .flexboxes2 div.selected .selflink {
    font-weight: bold;
    border-bottom: 2px solid var(--disneylandParis2);
}

/** Bouton land survolé */
.disneylandParis .flexboxes2 div:not(.selected):hover a {
    border-bottom: 1px solid var(--disneylandParis2);
}

.disneylandParis .flexboxes2 div.selected:hover a {
    color: var(--disneylandParis1);
}

.disneylandParis tr:nth-child(n+7) td {
    padding: 10px;
}

.disneylandParis tr:last-child th,
.disneylandParis tr:last-child td {
    border-bottom: none;
}

/*
** Dumbo
*/
.dumbo {
    background-color: #B2CCDE;
    border-color: #0D0D0D;
    color: #2A2B2E;
}

.dumbo a {
    color: #2A2B2E;
}

.dumbo th, .dumbo td {
    border-bottom-color: #8C1004;
}

.dumbo a:hover {
    color: #D9310B;
}

/*
** Fantasia
*/
.fantasia {
    background-color: #0367A6;
    border-color: #D5E7F2;
    color: #D5E7F2;
}

.fantasia a {
    color: #D5E7F2;
}

.fantasia th, .fantasia td {
    border-bottom-color: #D5E7F2;
}

.fantasia a:hover {
    color: #F2C063;
}

/*
** Glee
*/
.glee {
    background-image: linear-gradient(90deg, rgb(255, 63, 66) 0%, 50%, rgb(255, 92, 98) 100%);
    border-color: white;
    color: white;
}

.glee a {
    color: white;
}

.glee th, .glee td {
    border-bottom-color: white;
}

.glee a:hover {
    color: #ffd200;
}

/*
** Kingdom Hearts
*/
.kingdomHearts {
    background-color: #D9D9D9;
    border-color: #0D0D0D;
    color: #0D0D0D;
}

.kingdomHearts a {
    color: #0D0D0D;
}

.kingdomHearts th, .kingdomHearts td {
    border-bottom-color: #0D0D0D;
}

.kingdomHearts a:hover {
    color: #373B8C;
}

/*
** La Bande à Picsou
*/
.duckTales {
    background-color: #feeb82;
    border-color: #050505;
    color: black;
}

.duckTales a {
    color: black;
}

.duckTales a:hover {
    text-decoration: underline;
}

/*
** La Belle et la Bête
*/
.beautyBeast {
    background-color: #011526;
    border-color: #022340;
    color: #D99152;
}

.beautyBeast a {
    color: #D99152;
}

.beautyBeast th, .beautyBeast td {
    border-bottom-color: #022340;
}

.beautyBeast a:hover {
    color: #C1CBD9;
}

/*
** La Reine des Neiges
*/
.frozen {
    background-color: #032859;
    border-color: #04ADBF;
    color: #04ADBF;
}

.frozen a {
    color: #04ADBF;
}

.frozen th, .frozen td {
    border-bottom-color: #04ADBF;
}

.frozen a:hover {
    color: #CEECF2;
}

/*
** Le Crapaud et le Maître d'École
*/
.ichabodToad {
    background-color: #384C73;
    border-color: #5679A6;
    color: #F2C335;
}

.ichabodToad a {
    color: #F2C335;
}

.ichabodToad th, .ichabodToad td {
    border-bottom-color: #5679A6;
}

.ichabodToad a:hover {
    color: #F2D479;
}

/*
** Le Livre de la Jungle
*/
.theJungleBook {
    background-color: #18391E;
    border-color: #DFAF2C;
    color: #DFAF2C;
}

.theJungleBook a {
    color: #DFAF2C;
}

.theJungleBook th, .theJungleBook td {
    border-bottom-color: #DFAF2C;
}

.theJungleBook a:hover {
    color: white;
}

/*
** Le Roi Lion
*/
.theLionKing {
    background-color: gold;
    border-color: black;
    color: black;
}

.theLionKing a {
    color: black;
}

.theLionKing th, .theLionKing td {
    border-bottom-color: #806C00;
}

.theLionKing a:hover {
    text-decoration: underline;
}

/*
** Le Voyage d'Arlo
*/
.theGoodDinosaur {
    background-color: #84A994;
    border-color: #095228;
    color: #095228;
}

.theGoodDinosaur a {
    color: #095228;
}

.theGoodDinosaur th, .theGoodDinosaur td {
    border-bottom-color: #095228;
}

.theGoodDinosaur a:hover {
    color: white;
}

/*
** Les Aristochats
*/
.theAristocats {
    background-color: #8B0000;
    border-color: #DAA520;
    color: white;
}

.theAristocats a {
    color: white;
}

.theAristocats th, .theAristocats td {
    border-bottom-color: #DAA520;
}

.theAristocats a:hover {
    text-decoration: underline #DAA520;
}

/*
** Les Simpson
*/
.theSimpsons {
    background-color: #fcdf05;
    border-color: black;
    color: black;
}

.theSimpsons a {
    color: black;
}

.theSimpsons a:hover {
    color: #ec5a9f;
}

/*
** Les Trois Caballeros
*/
.caballeros {
    background-image: linear-gradient(90deg, rgb(104, 82, 90) 0%, 50%, rgb(126, 128, 171) 100%);
    border-color: rgb(225, 208, 135);
    color: white;
}

.caballeros a {
    color: white;
}

.caballeros th, .caballeros td {
    border-bottom-color: rgb(225, 208, 135);
}

.caballeros a:hover {
    color: #F2D43D;
}

/*
** Lilo et Stitch
*/
.liloStitch {
    background-color: #00ACE3;
    border-color: #6D6EA7;
    color: #e44640;
}

.liloStitch a {
    color: #e44640;
}

.liloStitch th, .liloStitch td {
    border-bottom-color: #6D6EA7;
}

.liloStitch a:hover {
    color: #F5CD03;
}

/*
** Marvel
*/
.marvel {
    background-color: #202020;
    border-color: #EC1D24;
    color: white;
}

.marvel a {
    color: white;
}

.marvel th, .marvel td {
    border-bottom-color: white;
}

.marvel a:hover {
    text-decoration: underline overline #EC1D24;
}

/*
** Mickey Mouse (série cinématographique)
*/
.mickeyMouseFilms {
    background-color: #8d7571;
    border-color: #F2CA50;
    color: #fffffd;
}

.mickeyMouseFilms a {
    color: #fffffd;
}

.mickeyMouseFilms th, .mickeyMouseFilms td {
    border-bottom-color: #F2CA50;
}

.mickeyMouseFilms a:hover {
    color: #F2CA50;
}

/*
** Mickey Mouse (série télévisée)
*/
.mickeyMouse {
    background-color: #F2C641;
    border-color: #F28F38;
    color: #0D0D0D;
}

.mickeyMouse a {
    color: #0D0D0D;
}

.mickeyMouse th, .mickeyMouse td {
    border-bottom-color: #F28F38;
}

.mickeyMouse a:hover {
    color: #D91A2A;
}

/*
** Mulan
*/
.mulan {
    background-color: #A60505;
    border-color: #59050C;
    color: #e5af13;
}

.mulan a {
    color: #e5af13;
}

.mulan th, .mulan td {
    border-bottom-color: #59050C;
}

.mulan a:hover {
    color: #e9e9e9;
}

/*
** Once Upon a Time
*/
.ouat {
    background-color: #003366;
    border-color: #D98723;
    color: #D98723;
}

.ouat a {
    color: #D98723;
}

.ouat a:hover {
    color: #F2EA7E;
}

/*
** Pixar
*/
.pixar {
    background-color: white;
    border-color: #1d1d1d;
}

/*
** Remakes
*/
.remakes .NavHead {
    background-image: linear-gradient(90deg, rgb(53, 43, 101) 0%, 19.1257%, rgb(53, 33, 83) 38.2514%, 69.1257%, rgb(5, 7, 20) 100%);
    color: white;
}

/*
** Robin des Bois
*/
.robinHood {
    background-color: #2D7331;
    border-color: #7A8C51;
    color: #D9A13B;
}

.robinHood a {
    color: #D9A13B;
}

.robinHood th, .robinHood td {
    border-bottom-color: #7A8C51;
}

.robinHood a:hover {
    color: #F2DDB6;
}

/*
** Rox et Rouky
*/
.foxHound {
    background-color: #ABB872;
    border-color: #BD8761;
    color: #092A3D;
}

.foxHound a {
    color: #092A3D;
}

.foxHound th, .foxHound td {
    border-bottom-color: #BD8761;
}

.foxHound a:hover {
    color: #F2E5A2;
}

/*
** Star Wars
*/
.navbox.starWars {
    background-color: black;
    border-color: white;
    color: white;
}

.navbox.starWars a {
    color: white;
}

.navbox.starWars a:hover {
    color: yellow;
}

/*
** Soul
*/
.soul {
    background: linear-gradient(#212f65, #7ba5d9);
    border-color: white;
    color: white;
}

.soul a {
    color: white;
}

.soul a:hover {
    color: #e3df23;
}

/*
** Tous en Boîte
*/
.houseOfMouse {
    background-color: #E9EFF2;
    border-color: #0F5FA6;
    color: #F20C36;
}

.houseOfMouse a {
    color: #F20C36;
}

.houseOfMouse th, .houseOfMouse td {
    border-bottom-color: #0F5FA6;
}

.houseOfMouse a:hover {
    color: #F2BB13;
}

/*
** Walt Disney Animation Studios
*/
.wdas {
    background-color: #e8e5d9;
    border-color: #f2783c;
    color: #6c666c;
}

.wdas a {
    color: #443e3a;
}

.wdas th, .wdas td {
    border-bottom-color: #6c666c;
}

.wdas a:hover {
    text-decoration: underline #f2783c;
}

.wdas:not(.mw-collapsed) {
    background-image: url(https://vignette.wikia.nocookie.net/lemondededisney/images/d/db/Mickey_WDAS.png/revision/latest?cb=20160228085625&path-prefix=fr);
    background-repeat: no-repeat;
    background-position: right bottom;
}

/*
** Zootopie
*/
.zootopia {
    background-color: #0D0D0D;
    border-color: #04BF68;
    color: #04BF9D;
}

.zootopia a {
    color: #04BF9D;
}

.zootopia th, .zootopia td {
    border-bottom-color: #04BF68;
}

.zootopia a:hover {
    color: #81F230;
}

/*
** Phinéas et Ferb
*/
.phineasetferb {
    background-color: #E7D172;
    border-color: #D3583E;
    color: #322D2B;
}

.phineasetferb a {
    color: #322D2B;
}

.phineasetferb a:hover {
    color: #454C4D ;
}