MediaWiki:Wikia.css

/***** Le CSS placé ici sera appliqué à tous les habillages autres que Wikia *****/
@import url("/load.php?mode=articles&articles=MediaWiki:Common.css|MediaWiki:Themes.css|MediaWiki:Wikia.css/Avertissement.css|MediaWiki:Wikia.css/Prevent.css|MediaWiki:Forum.css|MediaWiki:Wikia.css/Other.css&only=styles");

/* Page */
 #spotlight-slider .description h2 {
   display:none !important;
}
 
.hiddenStructure { display:none; }
 
 
/* http://community.wikia.com/wiki/User_blog:Dopp/Technical_Update:_January_10,_2012 */
.WikiaArticle h2 {
	margin-top: 18px;
}
/** Exclusions  **/
.WikiaBlogListingPost h2 {
	margin-top: 0;
}
/* Important : Retire le lecteur, ainsi que l'"image ajoutée par"  */
.WikiaArticle .attribution { 
          display: none; }
 
.picture-attribution { display:none !important; }
 
/*Usertag*/
a.tag {
	color: inherit;
}
 
span.tag.usergroup-autoconfirmed.autoconfirmed-user { display: none !important; }
 
 /* Fond d'écran */
.WikiaSiteWrapper {
    background: url('http://vignette2.wikia.nocookie.net/onepiece/images/0/03/OPEWallpaper01.png/revision/latest?cb=20131228204824&path-prefix=fr') no-repeat fixed center top !important;
    }
 
 /* Exposition ExpoNav */
 
 
.exponav img { opacity: 0.55; filter: alpha(opacity=55); /* Compatibles avec tous les navigateurs sauf Internet Explorer 7 et versions précédentes */ }
.exponav img:hover { opacity: 1.0; filter: alpha(opacity=100); /* Compatibles avec tous les navigateurs sauf Internet Explorer 7 et versions précédentes */ }
 
/**************************
     Notifications  
 **************************/
 
 /* Icône de notifications */
 #WallNotifications .bubbles {
	background-image: url("http://img4.wikia.nocookie.net/__cb20140513090434/bacasable/fr/images/6/6e/Dendenden.png");
	height: 70px;
    width: 40px;
}
/* Code provenant du wiki catalan */
/* Change la façon d'afficher les news */
#WikiaNotifications {
	background: url('http://images4.wikia.nocookie.net/onepiece/it/images/a/a2/News_Coo.png') no-repeat bottom left transparent;
	bottom: 25px;
}
/** Correction de la place nécéssaire aux modifications **/
#WikiaNotifications li {
	display: table-cell;
	padding: 0px 2px 32px 100px;
	vertical-align: bottom;
}
 
/*Personnalisation du Sondage*/
.ajax-poll {
     width: auto !important; 
     -moz-border-radius: 5px; 
     -webkit-border-radius: 5px; 
     border-radius: 5px;
     -khtml-border-radius: 5px;   
     background: #F9F9F9 url(http://images.wikia.com/onepiece/fr/images/2/25/One_Piece_Sea_Sondage.png) repeat center bottom;
}
 
/* Personnalisation des encadrements de droite */
 
#WikiaRail .module {
	background-color: White;
	border: 1px solid #1686c6;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
 
/* Personnalisation du bandeau utilisateur */
.UserProfileMasthead .masthead-info {
  background: url("http://image.noelshack.com/fichiers/2016/41/1476187672-366829floriantriangleinfobox12.png");
  background-size:850px;
}
 
.UserProfileMasthead .wikis span {color:White}
#userIdentityBoxEdit a {color:White}
 
.UserProfileMasthead .tally:last-of-type {
  color:White;
}
.UserProfileMasthead .tally em {
  color:White;
}
.UserProfileMasthead .tally span {
  color:White;
}
 .UserProfileMasthead .details li {
    color:White;
}
#UserProfileMasthead .wikis a {
  color:White;
}
.UserProfileMasthead .details span {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
 
/* Affichage optimisé de la liste des billets de blogs */
.WikiaBlogListing h1 {font-size: 11pt !important; margin:0 !important; display:inline-block}
.WikiaBlogListing .author-details{margin:0 !important;}
.WikiaBlogListing ul,.WikiaBlogListing .WikiaBlogListingPost {padding:0;}
.WikiaBlogListing blockquote, span.read-more {display:none}
.WikiaBlogListing .commentslikes{position:static;float:right}
.WikiaBlogListing .avatar {display:none}
.WikiaBlogListing span{display:inline-block !important; color:#8D7C7C !important;font-style:italic;font-size:9pt;padding-left:10px}
.WikiaBlogListingPost blockquote {font-size: 9pt !important;}
.WikiaBlogListingPost:last-child {border-bottom: 1px solid #c7bc9c;}
 
/* Navigation */
/* Ligne */
.WikiHeader > nav li a {border:none !important;}
 
/* Fond */
.WikiaHeader {
	font-family: Open Sans, Verdana;
	background-color: #317bb4 !important;
	background-image: -moz-linear-gradient(top, #1e4c6f 20%, #317bb4 80%) !important;
	background-image: -webkit-gradient(linear,left top, left bottom,
		color-stop(80%, #1e4c6f),
		color-stop(20%, #317bb4)) !important;
}
 
/* Navigation - Couleurs */
.WikiHeader nav {
	width:auto;
	height: 35px;
	border-radius: 8px 8px 0 0;
}
 
#WikiHeader .navbackground {
    border-radius: 0 5px 5px 5px;
    border-top: 0;
	width: calc(100% - 25px);
}
 
.WikiHeader nav li.marked,
.WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {border-radius: 8px 8px 0 0;}
.WikiHeader > nav .subnav-3 {border-radius: 0 8px 8px 8px;}
 
.WikiHeader .navbackground,
.WikiHeader > nav .subnav-2 {
	background-color: #317bb4;
	background-image: linear-gradient(top, #317bb4,#1e4c6f);
	background-image: -o-linear-gradient(top, #317bb4,#1e4c6f);
	background-image: -moz-linear-gradient(top, #317bb4,#1e4c6f);
	background-image: -webkit-linear-gradient(top, #317bb4,#1e4c6f);
	border-radius: 0 8px 0 8px;
}
 
.WikiHeader > nav li.marked {
	background-color: #317bb4;
	background-image: linear-gradient(top, #1e4c6f, #317bb4 75%);
	background-image: -o-linear-gradient(top, #1e4c6f, #317bb4 75%);
	background-image: -moz-linear-gradient(top, #1e4c6f, #317bb4 75%);
	background-image: -webkit-linear-gradient(top, #1e4c6f, #317bb4 75%);
}
 
.WikiHeader .navbackground {box-shadow: 1px 1px 3px #000;}
.WikiHeader > nav li.marked > a { border-top: none; }
.WikiHeader > nav li { border-bottom: none; }
.WikiHeader .navbackground div { background-color: transparent; }
.WikiHeader a { text-decoration:none; }

/* Réduire l'écart entre les catégories dans la navigation */
.WikiHeader .subnav-2a { padding: 0 10px; }

/* Corps */

 .nav-item .subnav-2 {
	display: block !important;
	opacity:0;
	-webkit-transition: opacity .2s linear 0s;
	-moz-transition: opacity .2s linear 0s;
	-ms-transition: opacity .2s linear 0s;
	-o-transition: opacity .2s linear 0s;
	transition: opacity .2s linear 0s;
}
 
.nav-item.marked .subnav-2 {
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity .2s linear 0s;
	-moz-transition: opacity .2s linear 0s;
	-ms-transition: opacity .2s linear 0s;
	-o-transition: opacity .2s linear 0s;
	transition: opacity .2s linear 0s;
}
.WikiHeader > nav li.marked > a {color: #FFFFFF;}
.subnav-2-item.marked2 a {text-shadow: 0 1px 0 rgba(0,0,0,.7), 0 0 8px #121212 !important;}
.WikiHeader > nav li.marked a:hover,
.WikiHeader > nav li.marked .subnav-2 > li a:hover {text-decoration: none !important;}
.WikiHeader > nav .subnav-3 li a {text-shadow: 0 1px rgba(255,255,255,.9) !important;}

.WikiHeader > nav li.marked .subnav-2 > li a {
	-webkit-transition: text-shadow .2s linear 0s;
	-moz-transition: text-shadow .2s linear 0s;
	-ms-transition: text-shadow .2s linear 0s;
	-o-transition: text-shadow .2s linear 0s;
	transition: text-shadow .2s linear 0s;
}

.WikiHeader > nav li.marked .subnav-2 > li a:hover {
    -webkit-transition: text-shadow .1s linear 0s;
	-moz-transition: text-shadow .1s linear 0s;
	-ms-transition: text-shadow .1s linear 0s;
	-o-transition: text-shadow .1s linear 0s;
	transition: text-shadow .1s linear 0s; 
	text-shadow: 0 1px 0 rgba(255,255,255,.7), 0 0 8px #FFFFFF !important;
}

.navbackground {
background-image:linear-gradient(to bottom, #317bb4, #1e4c6f);
border-radius:8px;
height:40px;
}

.WikiHeader > nav li.marked {
background-image:radial-gradient(circle, steelblue, #317bb4, #1e4c6f);
opacity:1;
}

.nav-item {
background-image:linear-gradient(to top, skyblue, royalblue);
opacity:0.5;
border-top-left-radius:8px;
border-top-right-radius:8px;
color:white;
}
 
/*Div BorderRadius */
.BorderRadius img {
    border-radius: 10px;
}
/* Expanding Template */ 
.hiddentext { display: none } 
.visibletext:hover .hiddentext { display: inline !important }
 
/* Cache Message de la communauté qui fait maladroit */
section.CommunityCornerModule.module > h2.dark_text_2 {
display: none;
}
 
/* Meilleur rendu du message de la communauté */
.CommunityCornerModule module {
clear:both; 
width:21em; 
padding:1px; 
float:left; 
margin:auto; 
border:2px solid #008CDC !important; 
border-radius: 5ex 5ex 0ex 0ex !important;
border-spacing : 2;
}
div#myhome-community-corner-content hr {
height: 3px;
background-color: blue !important;
}

/* Personnalisation du Tabber */

ul.tabbernav li a {
    border:none !important;
    background: #ffffff !important;
    font-family: Helvetica !important;
    font-size: 13px !important;
    color: #444444 !important;
    font-weight: 300 !important;
    margin:0 !important;
    padding:3px 12px !important;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
    font-size: 13px !important;
    cursor:default;
}
ul.tabbernav li:first-child a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
ul.tabbernav li:last-of-type a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.tabberlive .tabbertab {
    border: none !important;
    border-radius: 3px !important;
    padding:10px 10px 5px 10px !important;
}
ul.tabbernav {
    background: transparent;
    border-bottom: 0 !important;
    padding: 3px 0 !important;
    text-align:center;
    margin: 0 0 -10px 0 !important;
}
ul.tabbernav li a:active {
    background: #f0f0f0 !important;
}
ul.tabbernav li.tabberactive a {
    background:linear-gradient(#6FB3F4, #2687F7) !important;
    color:white !important;
}
ul.tabbernav li.tabberactive a:active {
    background:linear-gradient(#5198F6, #1D6EDD) !important;
    color:white !important;
}
 
/* "Étiquettes" identifiant les membres de l'Administration dans les forums (Inspiré de Fairy Tail Wiki) */ 
.Wall .edited-by a[href$="Monkey_D_Chopper"] ~ .subtle::after,
.Wall .edited-by a[href$="OP4bestOnes"] ~ .subtle::after,
.Wall .edited-by a[href$="Sanjilopus-kun"] ~ .subtle::after,
.Wall .edited-by a[href$="Ph%C3%A9nix-Marco"] ~ .subtle::after,
.Wall .edited-by a[href$="Franky:F2"] ~ .subtle::after { 
    content: "Modérateur du Forum";  
    color: white; 
    background-color: DarkGray;
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
.Wall .edited-by a[href$="CrocoboyMr0"] ~ .subtle::after,
.Wall .edited-by a[href$="Ichigo_kurosaki1979"] ~ .subtle::after,
.Wall .edited-by a[href$="Yung_Wun"] ~ .subtle::after {
    content: "Bureaucrate";  
    color: white;  
    background-color: Red;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
.Wall .edited-by a[href$="Defropp"] ~ .subtle::after,
.Wall .edited-by a[href$="Mihawk_Moha"] ~ .subtle::after {
    content: "Administrateur";  
    color: white;  
    background-color: Black;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    } 
 
.Wall .edited-by a[href$="Gikou_Mouria"] ~ .subtle::after,
.Wall .edited-by a[href$="LeRidje"] ~ .subtle::after {
    content: "Modérateur du Tchat";  
    color: white;  
    background-color: LightSkyBlue;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
.Wall .edited-by a[href$="Jah-Queen"] ~ .subtle::after {
    content: "Modératrice du Tchat";  
    color: white;  
    background-color: LightSkyBlue;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
.Wall .edited-by a[href$="Stern_Ritter"] ~ .subtle::after,
.Wall .edited-by a[href$="Heat_Fist_%C3%91o_Ace"] ~ .subtle::after,
.Wall .edited-by a[href$="Gol_D_Shanks"] ~ .subtle::after,
.Wall .edited-by a[href$="Mugiwara-Kaizoku"] ~ .subtle::after,
.Wall .edited-by a[href$="John_Trololo"] ~ .subtle::after,
.Wall .edited-by a[href$="Choppy_Teen_Queen"] ~ .subtle::after,
.Wall .edited-by a[href$="Takanome_Nagashi"] ~ .subtle::after,
.Wall .edited-by a[href$="VaLoon"] ~ .subtle::after,
.Wall .edited-by a[href$="Portgas_D\._Dohv"] ~ .subtle::after,
.Wall .edited-by a[href$="Azpp"] ~ .subtle::after,
.Wall .edited-by a[href$="Patateboy"] ~ .subtle::after {
    content: "Doyen";  
    color: white;  
    background-color: Purple;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
 
.Wall .edited-by a[href$="Lady_Quartz"] ~ .subtle::after,
.Wall .edited-by a[href$="Seoyeon"] ~ .subtle::after,
.Wall .edited-by a[href$="M%C3%A9li-sama"] ~ .subtle::after {
    content: "Doyenne";  
    color: white;  
    background-color: Purple;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
.Wall .edited-by a[href$="Think_D\._Solucer"] ~ .subtle::after {
    content: "Codeur";  
    color: white;  
    background-color: BurlyWood;  
    border-radius: 2px;  
    padding: 0 5px;
    margin-left: 1px;  
    }
    
.Wall .edited-by a[href$="Franky003"] ~ .subtle::after,
.Wall .edited-by a[href$="Monkey-d-luffi"] ~ .subtle::after,
.Wall .edited-by a[href$="Loiciol"] ~ .subtle::after{
    content: "Modérateur de Contenu";  
    color: white;  
    background-color: MidnightBlue;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }

.Wall .edited-by a[href$="Nefertari Vivi297733"] ~ .subtle::after{
    content: "Modératrice de Contenu";  
    color: white;  
    background-color: MidnightBlue;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
    
.Wall .edited-by a[href$="Yaransu"] ~ .subtle::after,
.Wall .edited-by a[href$="Jama-Gong"] ~ .subtle::after,
.Wall .edited-by a[href$="Le_Paladin_des_Mers"] ~ .subtle::after,
.Wall .edited-by a[href$="MrGlutis"] ~ .subtle::after{
    content: "Rollback";  
    color: white;  
    background-color: MidnightBlue;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
.Wall .edited-by a[href$="MossLuffy"] ~ .subtle::after,
.Wall .edited-by a[href$="Dment"] ~ .subtle::after,
.Wall .edited-by a[href$="Eloun"] ~ .subtle::after,
.Wall .edited-by a[href$="Kippiti"] ~ .subtle::after,
.Wall .edited-by a[href$="Krysthal"] ~ .subtle::after,
.Wall .edited-by a[href$="Natsu29"] ~ .subtle::after,
.Wall .edited-by a[href$="Capitaine_Jack_Sparrow"] ~ .subtle::after,
.Wall .edited-by a[href$="White_Sparrow"] ~ .subtle::after,
.Wall .edited-by a[href$="Mr\._Katana"] ~ .subtle::after{
    content: "Vétéran";  
    color: white;  
    background-color: Orange;  
    border-radius: 2px;  
    padding: 0 5px;  
    margin-left: 1px;  
    }
 
/* Code provenant du Wikia Italien : suggestion d'article lié */
 
.RelatedPagesModule .more {
    width: 200px;
    overflow: hidden;
    background: #006CB0;
    color: #FFFFFF;
    text-shadow: 1px 1px 3px #303030;
    padding-left: 4px;
    margin-top: 0px;
    -moz-border-radius: 2px 2px 2px 2px;
    -khtml-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}
 
.RelatedPagesModule img {
    border: 2px solid #006CB0;
    border-radius: 2px 2px 2px 2px;
}

/* Chat */
/** Main module **/
.ChatModule.module {
	background-size: cover;
	background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url("http://vignette4.wikia.nocookie.net/onepiece/images/0/02/Chapitre_717_Infobox.png/revision/latest?cb=20160520101109&path-prefix=fr") no-repeat center;
	color: #000;
	font-weight: bold;  
	text-shadow: 0 0 2px white;
}
/** Image carousel **/
.ChatModule .chat-whos-here {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #000;
	box-shadow: 0 0 5px white;
	color: #000;
	font-weight: bold;
	text-shadow: 0 0 2px white;
}

/* Arrondir la barre inferieur */
.WikiaBarWrapper {
    bottom: 0px;
    height: 25px;
    padding: 0px;
    position: fixed;
    width: 100%;
    z-index: 20000000;
    box-shadow: 0px 0px 10px 0px #333;
    transition: all 200ms ease-in 200ms;
    border-radius: 5px;
}

/*Animation Logo*/
.WikiHeader .wordmark {
     -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
     -moz-transition: All 0.6863s ease;
     -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
     -o-transition: All 0.6863s ease;
     -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
     -webkit-transition: All 0.6863s ease;
     color: #708090;
     font-weight: bold;
     margin-bottom: 10px;
     width: 250px;
     word-wrap: break-word;
}
.WikiHeader .wordmark:hover {
     -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
     -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
     -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
     -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
} 

/* Avatars arrondis */
.avatar {
    border: none !important;
    border-radius: 5px;
}
 
 /* Discussions Module */
.discussions-module {
    text-align: center;
    font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    position: relative;
}
 
.discussions-module-description {
    white-space: pre-line;
}
 
.discussions-button a {
    background: #1E90FF;
    color: #000000;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    margin: 14px 0;
    padding: 0 30px;
    text-decoration: none;
    text-transform: uppercase;
}
 
.discussions-button a:hover {
    background-color: #6495ED;
}
 
.discussion-module .discussion-threads .discussion-thread {
    background: rgba(255,0,0,0.1);
    border: 0;
}
 
.discussion-module .discussion-threads .discussion-thread:hover {
    background: rgba(255,0,0,0.2);
}
 
 .WikiaRail .railModule {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url(http://vignette3.wikia.nocookie.net/mihawk-moha/images/b/ba/Blabla.png/revision/latest?cb=20161014175618&path-prefix=fr);
    background-position: 30% 20%; 
    background-size: 290px;
    color: #000000;
	font-weight: bold;
	text-shadow: 0 0 2px white;
}

/* Communauté module */
#WikiaRail .community-page-entry-point-module {
	background-size: cover;
	background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url("http://vignette1.wikia.nocookie.net/onepiece/images/1/1d/Slide_4_preview.png/revision/latest?cb=20160821205155") !important;
}
#WikiaRail > section.community-page-entry-point-module.module > div.community-page-entry-point-description {
	color: #000;
	text-shadow: 0 0 2px white;
}
.community-page-entry-point-description {
    font-weight: bold;
}

/* Onglets Profil */
 
.WikiaUserPagesHeader .tabs {
    padding-left: 17px;
}
 
.WikiaUserPagesHeader .tabs-container .tabs li[data-id="profile"] a {
    padding-left: 12px !important;
}
 
.WikiaUserPagesHeader ul.tabs,
.WikiaUserPagesHeader ol.tabs {
    margin-left: -1px;
}
 
.WikiaUserPagesHeader .tabs li a,
.WikiaUserPagesHeader ul.tabbernav li a,
.WikiaUserPagesHeader ul.tabbernav li a:link,
.WikiaUserPagesHeader ul.tabbernav li a:visited {
    background: #d4e6f7 !important;
    background-image: none !important;
    border: 1px solid #00B2EE !important;
    border-bottom: 0 solid transparent !important;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    color: #00B2EE !important;
}
 
.WikiaUserPagesHeader .tabs .selected a,
.WikiaUserPagesHeader .tabs .selected a:hover,
.WikiaUserPagesHeader ul.tabbernav li.tabberactive a,
.WikiaUserPagesHeader ul.tabbernav li.tabberactive a:hover {
    background: #00B2EE !important;
    background-image: none !important;
    border: 1px solid #00B2EE !important;
    border-bottom: 0 solid transparent !important;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    color: #fff !important;
}
 
.WikiaUserPagesHeader ul.tabbernav li a:hover,
.WikiaUserPagesHeader .tabs li a:hover {
    background: #008ebd !important;	
    background-image: none !important;
    border: 1px solid #00B2EE !important;
    border-bottom: 0 solid transparent !important;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    color: #fff !important;
}
 
.WikiaUserPagesHeader .tabberlive .tabbertab {
    border-top: 1px solid #00B2EE !important;
    border-right: 0 solid transparent !important;
    border-left: 0 solid transparent !important;
    border-bottom: 0 solid transparent !important;
}
 
.WikiaUserPagesHeader ul.tabbernav {
    border: none !important;
    margin: 0 !important;
    padding: 0;
    line-height: 20px;
}
 
.WikiaUserPagesHeader input.color-changer {
    margin-left: 10px;
    margin-top: 2px;
}