Wikia.css

/*
* Sommaire des Pages CSS :
* Apparence générale du Wiki : Wikia.css
* Apparence de la Page d'accueil : Mainpage.css (crédit Community Central)
* Apparence des Pages Utilisateurs & codes à Vocation Perso : Utilisateurs.css
* Apparence du Chat : Chat.css
* Apparence des Infoboxes Portables : Themes.css
*/
/*Chargement des Pages CSS*/
@import '/load.php?mode=articles&articles=MediaWiki:Utilisateurs.css|MediaWiki:Chat.css|MediaWiki:Themes.css|MediaWiki:Fuji.css|MediaWiki:Mainpage.css&only=styles';
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css&only=styles";

/* Fond d'écran */
.WikiaSiteWrapper {
    background-image: url("https://vignette.wikia.nocookie.net/fairy-tail/images/c/c2/Fond_Fuji.png/revision/latest?cb=20150315200756&path-prefix=fr");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    background-attachment: fixed;
}

/* Marque les redirections dans Special:Allpages et Special:Watchlist */
.allpagesredirect {
    font-style: italic;
}

.allpagesredirect:after {
    color: #808080;
    content: " (redirect)"
}

.watchlistredir {
    font-style: italic;
}

/* Donne un peu plus d'espace aux en-têtes et au TOC */
h2 {
    margin-top: 20px;
}

.toc {
    margin-top: 20px;
}

/* Indicateurs des octets dans les modifications récentes */
.mw-plusminus-pos {
    color: #006500;
}

.mw-plusminus-neg {
    color: #8B0000;
}

/* Correctif cadre image */
div.tright,
div.tleft {
    border: 1px solid silver;
}

div.thumbinner {
    background: inherit;
    border: none;
    color: inherit;
}

#article div.thumb {
    color: inherit;
}

/* Fond de Bannière Utilisateur */
.UserProfileMasthead .masthead-info {
    background: #F5EBF5 url("https://vignette.wikia.nocookie.net/fairy-tail/images/2/2b/Backuser2.png/revision/latest?cb=20140526084543&path-prefix=fr") center no-repeat !important;
    background-size: 875px !important;
}

/*Étiquettes*/
a.tag {
    color: inherit;
}

/* 
* "Étiquettes" identifiant les modérateurs & Administrateurs
* dans les forums et Mur de discussions (Par Fujimaru-kun)
*/

.Wall .edited-by a[href$="NikoErza"]~.subtle::after,
.Wall .edited-by a[href$="Fujimaru-kun"]~.subtle::after {
    content: "Administrateur";
    color: white;
    background-color: #7B68EE;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

.Wall .edited-by a[href$="Timdom1026"]~.subtle::after,
.Wall .edited-by a[href$="Pomon60"]~.subtle::after {
    content: "Administrateur";
    color: white;
    background-color: #DAA520;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

.Wall .edited-by a[href$="Lady_Quartz"]~.subtle::after {
    content: "Bureaucrate";
    color: white;
    background-color: deepskyblue;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

.Wall .edited-by a[href$="Reby_Redfox"]~.subtle::after {
    content: "Administratrice";
    color: white;
    background-color: #006D80;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

.Wall .edited-by a[href$="MadaraUchiwaRikudô"]~.subtle::after {
    content: "Modérateur";
    color: white;
    background-color: #000000;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

.Wall .edited-by a[href$="Kamika_Marvel"]~.subtle::after {
    content: "Modératrice";
    color: white;
    background-color: #DF00FF;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

.Wall .edited-by a[href$="Lumen_Serena"]~.subtle::after {
    content: "Modératrice";
    color: white;
    background-color: deeppink;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

.Wall .edited-by a[href$="Emperor_Jarjarkine"]~.subtle::after {
    content: "Administrateur";
    color: #db1cdb;
    background-color: Black;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

.Wall .edited-by a[href$="Manonfrealove"]~.subtle::after {
    content: "Modératrice";
    color: white;
    background-color: IndianRed;
    border-radius: 2px;
    padding: 0 5px;
    margin-left: 1px;
}

/* Couleur crimson de bureaucrate */
a[href$=":Lady_Quartz"],
a[href$="/Lady_Quartz"] {
    color: #DC143C;
}

/*Couleur verte des admins */
a[href$=":NikoErza"],
a[href$="/NikoErza"],
a[href$=":Reby_Redfox"],
a[href$="/Reby_Redfox"],
a[href$=":Fujimaru-kun"],
a[href$="/Fujimaru-kun"],
a[href$=":Emperor_Jarjarkine"],
a[href$="/Emperor_Jarjarkine"],
a[href$=":Pomon60"],
a[href$="/Pomon60"] {
    color: forestgreen;
}

/*Couleur bleu pâle des Modérateurs de contenu */
a[href$=":MadaraUchiwaRikud%C3%B4"],
a[href$="/MadaraUchiwaRikud%C3%B4"],
a[href$=":Trafalgar_D._Mavis"],
a[href$="/Trafalgar_D._Mavis"] {
    color: steelblue;
}

/* Personnalisation des liens */

a:hover {
    text-shadow: gold 0 0 3px;
    color: orange !important;
    text-decoration: none;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}

a:active {
    border: 0px !important;
    text-decoration: none !important;
}

/* Personnalisation des modules du rail */
/*
.module {
    background:none !important;
    border:none !important;
}

.module h2 {
    border-bottom: 1px solid #c4bcc4 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    min-height: 30px !important;
    margin-bottom: 16px !important;
    padding-left: 2px !important;
}
*/
/* Sondages */
div.ajax-poll {
    width: auto !important;
}

/* TabberDesign (dev.wikia.com) */

.tabbernav {
    font-family: inherit !important;
    font-weight: normal !important;
    font-size: 13px !important;
    border-bottom: 3px solid #002E59 !important;
    padding: 0.3em 0 !important;
}

.tabbernav a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: black !important;
    border: none !important;
    background: transparent !important;
}

.tabberactive a {
    color: white !important;
    background: #002E59 !important;
}

.tabbernav :not(.tabberactive) a:hover {
    background: rgba(0, 46, 89, 0.2) !important;
}

.tabbertab {
    border: none !important;
    padding: 0 !important;
}

/* === Babel === */

div.babelbox {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
    width: 246px;
    border: 1px solid #99B3FF;
    padding: 2px 0 2px 0;
}

.lang-blockN,
.lang-block0,
.lang-block1,
.lang-block2,
.lang-block3 {
    margin: 2px 4px 2px 4px;
    /* t, l, b, r */
    width: 238px;
    border-collapse: collapse;
}

td.lang-codeN,
td.lang-code0,
td.lang-code1,
td.lang-code2,
td.lang-code3 {
    text-align: center;
    font-size: 14pt;
    width: 45px;
    height: 45px;
}

td.lang-descriptionN,
td.lang-description0,
td.lang-description1,
td.lang-description2,
td.lang-description3 {
    font-size: 8pt;
    padding: 4pt;
    line-height: 1.25em;
}

.lang-block0 {
    border: 1px solid #FFB3B3;
}

td.lang-code0 {
    background-color: #FFB3B3;
    color: black;
}

td.lang-description0 {
    background-color: #FFE0E8;
    color: black;
}

.lang-block1,
.lang-block2,
.lang-block3 {
    border: 1px solid #99B3FF;
}

td.lang-code1,
td.lang-code2,
td.lang-code3 {
    background-color: #99B3FF;
    color: black;
}

td.lang-description1,
td.lang-description2,
td.lang-description3 {
    background-color: #E0E8FF;
    color: black;
}

.lang-blockN {
    border: 1px solid #6EF7A7;
}

td.lang-codeN {
    background-color: #6EF7A7;
    color: black;
}

td.lang-descriptionN {
    background-color: #C5FCDC;
    color: black;
}

.banner {
    background-image: url('https://vignette.wikia.nocookie.net/fairy-tail/images/c/ce/Banni%C3%A8re-Accueil.png/revision/latest?cb=20170411200057&path-prefix=fr');
    background-size: 100% auto;
    max-width: 100%;
    min-height: 250px;
}

/**
 * This is CSS Style that we recommended
 * For WdsTooltips (https://dev.fandom.com/wiki/WdsTooltips)
 **/
.custom-tooltip .wds-dropdown__toggle {
    border-bottom: 1px dotted #aaa;
    cursor: help;
}

.custom-tooltip .wds-dropdown__toggle:hover {
    border-bottom: 1px solid #888;
}

.custom-tooltip .wds-dropdown__content {
    min-width: 100px;
    max-width: 250px;
    max-height: 200px !important;
    overflow: hidden;
    padding: 0;
    text-align: center;
    font-size: 12px;
    background: #fff;
    box-shadow: 0px 0px 15px gray;
}

.custom-tooltip .wds-dropdown__content .inset {
    color: #565656;
    margin: 4px;
    max-height: 192px;
    max-width: 100%;
    overflow-y: auto;
    background-image: radial-gradient(farthest-side at 50% 0, rgba(26, 26, 26, 0.42), transparent), radial-gradient(farthest-side at 50% 100%, rgba(26, 26, 26, 0.42), transparent);
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 9px;
    position: relative;
    z-index: 1;
}

.custom-tooltip .wds-dropdown__content .inset::before {
    background-color: #fff;
    content: '';
    display: block;
    height: 30px;
    margin: 0 0 -30px;
    position: relative;
    z-index: -1;
}

.custom-tooltip .wds-dropdown__content .inset::after {
    background-color: #fff;
    margin: -29px 0 0;
    content: '';
    display: block;
    height: 30px;
    position: relative;
    z-index: -1;
}

.custom-tooltip .wds-dropdown__content .inset h2 {
    margin: 0;
}

.custom-tooltip .wds-dropdown__content img {
    margin: 4px 4px;
    max-width: 90%;
    height: auto;
}

/* Notices (Source: Dev Wiki) */
.notice {
    background-color: #EEE;
    border-collapse: collapse;
    border-left: 10px solid #404A57;
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}
.notice.red {
    border-left: 10px solid #BA0000;
}
.notice.orange {
    border-left: 10px solid #F28500;
}
.notice.yellow {
    border-left: 10px solid #F4C430;
}
.notice.purple {
    border-left: 10px solid #9932CC;
}
.notice.blue {
    border-left: 10px solid #1E90FF;
}
.notice.gray {
    border-left: 10px solid #BBA;
}
.notice.wheat {
    border-left: 10px solid #DFD297;
}
.notice.pblue {
    border-left: 10px solid powderblue;
}
.notice .notice__content {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
}
.notice .notice__title {
    font-size: larger;
    line-height: normal;
    margin: 0;
    margin-bottom: 5px;
}
.notice .notice__text {
    margin: 0;
    padding: 0.25em 0.5em;
}