Common.css

Versione delle 18:30, 28 mar 2020

/*===============================
       CSS per tutte le skin
  ===============================*/
/* Importazioni schemi colore ed evidenziamento utenti */
@import url("/load.php?mode=articles&only=styles&articles=One_Piece_Wiki_Italia:Schemi_colore/schemiColore.css|MediaWiki:Common.css/slider.css|MediaWiki:Common.css/ultimemodifiche.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:AbuseLogRC.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css");

/*============================
        Variabili comuni
  ============================*/
/* Variabili CSS - https://drafts.csswg.org/css-variables/ */
/* Tema della wiki */
:root {
    --theme-bg-color1: #f0faff; /* colore corpo generico */
    --theme-bg-color2: #cbe6ff; /* colore intestazione semplice */
    --theme-bg-color3: #006cb0; /* colore intestazione principale */
    --theme-bg-img1: url("/it/wiki/Special:FilePath/Modulo-body-bg-transparent.png"); /* immagine sfondo generico */
    --theme-bg-img2: url("/it/wiki/Special:FilePath/Modulo-header-bg-transparent.png") /* immagine intestazione */;
    --theme-text-color1: #3a3a3a; /* colore testo generico */
    --theme-text-color2: #000000; /* colore testo intestazione semplice */
    --theme-text-color3: #ffffff; /* colore testo intestazione principale */
}


/* Dynamic Navigation Bars. See http://en.wikipedia.org/wiki/Wikipedia:NavFrame
 * or http://www.mediawiki.org/wiki/Manual:Collapsible_elements
 * Standard Navigationsleisten, aka box hiding thingy 
 */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    /* @noflip */
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
  
/*================================
     Correzioni e miglioramenti
  ================================*/
/* Evidenzia redirect in Special:Allpages e Special:Watchlist */
.allpagesredirect, .watchlistredir, .watched-list .mw-redirect {
    font-style: italic;
}
.allpagesredirect:after, .watchlistredir:after, .watched-list .mw-redirect:after {
    color: #808080;
    content: " (redirect)"
}

/* Ripristino link rossi per categorie richieste */
.newcategory { color: #CC2200; }
	
/* Righe con "sup" avranno la stessa altezza */
sup { line-height: 0; }

/* Template:Per e Template:Vedere */
.vedere-articolo img { margin: 0 5px; }

/* Larghezza lista blog */
.WikiaBlogListingBox.module { width: 265px !important; }

/* Sezioni non interrotti sulla sinistra */
.WikiaArticle h1,.WikiaArticle h2, .WikiaArticle h3,
#bodyContent h1, #bodyContent h2, #bodyContent h3 { clear: left; }
/** Esclusioni **/
.WikiaBlogListing h1,
.WikiFeatures h1,
.WikiFeatures h2,
.WikiFeatures h3,
.twtr-doc h3,
.WikiaBlogListingPost h2 { clear: none; }

/* Wikitable standard */
table.wikitable {
    background: var(--theme-bg-color1);
    border-collapse: collapse;
    border: 1px solid;
	border-color: var(--theme-text-color1);
    color: #3a3a3a;
}
body table.wikitable th,
body table.wikitable td {
	border-color: inherit;
    padding: 0.2em;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background: var(--theme-bg-color2);
	color: var(--theme-text-color2);
    text-align: center
}
table.wikitable th a {
    color: inherit;
}

/* Diffs */
td.diff-multi {
	font-weight: bold;
}
td.diff-addedline, td.diff-deletedline, td.diff-context {
	font-family: monospace;
	font-size: 80%;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
}
td.diff-addedline {
    border-color: #008e00;
}
td.diff-addedline .diffchange {
	background: #008e00;
    color: #fff;
}
td.diff-deletedline {
    border-color: #CB0000;
}
td.diff-deletedline .diffchange {
	background: #CB0000;
    color: #fff;
}
table.diff td div {
	word-wrap: break-word;
	overflow: auto;
}

/* PreloadFileDescription */
#fileDescTemplatesTip {
	background: var(--theme-bg-color3);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 690px;
}
#wpUploadDescription {
	width: 694px;
}


/*=================================
     Classi definite dall'utente
  =================================*/
/* Nihongo, kanji e romanji */
.nihongo-info { 
    font-weight: normal;
}
.kanji, .romaji {
    font-family: meiryo, sans-serif;
}
    /** link d'aiuto **/
.nihongo-info sup a {
	font-weight: bold;
	text-decoration: none;
}
.nihongo-info .romaji + sup {
	padding-left: .3em;
}

/* Animazione di mw-collapsible più netta */
.instant-collapsible .mw-collapsed {
    display: none !important;
}

/* Template-links */
.template-links {
	position: absolute;
	left: 10px;
	font-size: 10px;
	font-weight: normal;
}

/* Evidenziamento righe tabelle */
tr.high-light:hover, .high-light tr:hover { background-color: #E0E8FF;}
.high-light td { empty-cells: hide; }

/* Template:Volume nota */
.volume-nota .floatleft {
	margin: 5px 20px 10px 0;
}
.volume-nota blockquote {
	display: table;
	line-height: 26px;
	font-size: 18px;
	font-style: italic;
	font-family: 'Times New Roman', serif;
}
    /** doppio corsivo **/
.volume-nota blockquote i {
	font-style: normal;
}

/* *
 * Correzione allineamento liste in colonne
 * https://stackoverflow.com/questions/5314726/css-multi-column-layout-of-list-items-doesnt-align-properly-in-chrome
 * */
.column-list ul li,
.column-list ol li {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}
.column-list ul,
.column-list ol {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;
	line-height: 1.8em;
}

/*************/
/*  Profili  */
/*************/
/* Stili comuni */
	/** tab galleria in basso **/
.portable-infobox .pi-image-collection {
	display: flex;
	flex-direction: column-reverse;
}
	/** tab galleria - per il margine vedere MediaWiki:Wikia.css - "Elenchi puntati" **/
ul.pi-image-collection-tabs {
	border-bottom: 1px solid #000;
	width: 100%;
	font-size: 12px;
}
	/** fix per ultima immagine galleria **/
.portable-infobox .pi-image {
	display: block;
	width: 100%;
}
    /** rimozione didascalia (per immagine unica in galleria) **/
.portable-infobox .pi-caption {
	display: none;
}
    /** evidenziatura al passaggio del mouse **/
.portable-infobox .pi-data:hover {
	background: #eee;
}
    /** correzione colore collapse **/
.portable-infobox .pi-collapse .pi-header:first-child::after {
	border-color: inherit;
}
    /** correzione colore link headers **/
.pi-header a:link, .pi-header a:visited, .pi-header a.new:link, .pi-header a.new:visited { 
	color: inherit;
	background: inherit;
}
    /** correzione liste **/
.portable-infobox .pi-data-value ul {
	list-style-type: none;
}
	/** correzione note **/
.portable-infobox .reference {
	font-size: 8px;
}

	/** immagine **/
.pi-theme-manga .pi-image-thumbnail,
.pi-theme-anime .pi-image-thumbnail,
.pi-theme-profilo-saga .pi-image-thumbnail {
	max-height: 500px;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* Classici */
	/** generale **/
.pi-theme-classico {
	background-color: #fff;
	border: 1px solid #bbb;
	margin: 0 0 0.5em 1em;
}
.pi-theme-classico .pi-border-color {
	border-color: #e3e3e3;
}
	/** spaziatura **/
.pi-theme-classico .pi-item-spacing {
	padding: 0;
}
	/** titolo & headers**/
.pi-theme-classico .pi-title,
.pi-theme-classico .pi-header{
	font-size: 15px;
	font-weight: bold;
	padding: 1px !important;
	text-align: center;
}
.pi-theme-classico .pi-header div {
	padding: 3px;
}
	/** nome delle informazioni **/
.pi-theme-classico .pi-data-label {
	flex-basis: 40%;
	font-size: 10px;
	padding: 5px;
}
	/** informazioni **/
.pi-theme-classico .pi-data-value {
	font-size: 10px;
	padding: 5px;
}


/* Capitolo */
.pi-theme-manga {
	width: 300px;
	background-color: #f0faff;
	border: 2px solid #000;
	margin: 0 0 0.5em 1em;
}
.pi-theme-manga .pi-item {
	border-bottom: 1px solid #000;
}
	/** titolo **/
.pi-theme-manga .pi-title {
	font-size: 15px;
	font-weight: bold;
	padding: 1px !important;
	text-align: center;
}
	/** headers **/
.pi-theme-manga .pi-header {
	font-size: 15px;
	font-weight: bold;
	padding: 1px !important;
	text-align: center;
}
.pi-theme-manga .pi-header div {
	padding: 3px;
}
    /** spaziatura **/
.pi-theme-manga .pi-data {
	padding: 0;
}
	/** nome delle informazioni **/
.pi-theme-manga .pi-data-label {
	flex-basis: 110px;
	font-size: 12px;
	padding: 5px 0px 5px 5px;
}
	/** informazioni **/
.pi-theme-manga .pi-data-value {
	font-size: 12px;
	padding: 5px;
}
	/** navigazione **/
.pi-theme-manga .pi-horizontal-group-item {
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
}

/* Profilo volume */
.pi-theme-manga .pi-group:nth-child(4).pi-collapse .pi-data-value {
	width: 100%;
}
.pi-theme-manga .pi-item .pi-sezione {
	width: 100%;	
	background: #cbe6ff;
	padding: 5px;
	margin: -5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/* Profilo saga */
.pi-theme-profilo-saga {
	width: 300px;
	background-color: #fff;
	border: 2px solid #000;
	margin: 0 0 0.5em 1em;
}
.pi-theme-profilo-saga .pi-item {
	border-bottom: 1px solid #000;
}
	/** titolo **/
.pi-theme-profilo-saga .pi-title {
	font-size: 15px;
	font-weight: bold;
	padding: 1px !important;
	text-align: center;
}
	/** headers **/
.pi-theme-profilo-saga .pi-header {
	font-size: 15px;
	font-weight: bold;
	padding: 1px !important;
	text-align: center;
}
.pi-theme-profilo-saga .pi-header div {
	padding: 3px;
}
    /** spaziatura **/
.pi-theme-profilo-saga .pi-data {
	padding: 0;
}
	/** nome delle informazioni **/
.pi-theme-profilo-saga .pi-data-label {
	flex-basis: 45px;
	font-size: 11px;
	padding: 5px;
}
	/** informazioni **/
.pi-theme-profilo-saga .pi-data-value {
	flex-basis: auto;
	font-size: 11px;
	padding: 5px;
}
	/** cella cronologia madre **/
.pi-theme-profilo-saga > .pi-data > .pi-data-value {
	flex-basis: 100%;
	background: #FFFF00;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
	/** cella manga cronologia **/
.pi-theme-profilo-saga .pi-item:nth-child(6) .pi-header {
	background-color: #dedede;
	color: #000;
	font-size: 12px;
}
	/** cella anime cronologia **/
.pi-theme-profilo-saga .pi-item:nth-child(7) .pi-header {
	background-color: #dedede;
	font-size: 12px;
}
	/** prec/succ **/
.pi-theme-profilo-saga .pi-smart-data-value {
	font-size: 12px;
	font-weight: bold;
}

/* Episodio */
.pi-theme-anime {
	width: 300px;
	background-color: #fff;
	border: 1px solid #000;
	margin: 0 0 0.5em 1em;
}
.pi-theme-anime .pi-item {
	border-bottom: 1px solid #000;
}
	/** titolo **/
.pi-theme-anime .pi-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;

}
	/** headers **/
.pi-theme-anime .pi-header {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
	/** spaziatura **/
.pi-theme-anime .pi-data {
	padding: 0;
}
	/** nome delle informazioni **/
.pi-theme-anime .pi-data-label {
	background: rgba(255, 255, 255, 0.5);
	font-size: 12px;
	padding: 4px;
}
	/** informazioni **/
.pi-theme-anime .pi-collapse .pi-data-value {
	flex-basis: 200px;
	padding: 4px;
	border-left: 1px solid #000;
	background: #fff;
	color: #000;
	font-size: 12px;
}
	/** navigazione **/
.pi-theme-anime .pi-horizontal-group {
	border-top: 1px solid #000;
}
.pi-theme-anime .pi-horizontal-group-item {
	width: 25%;
	font-size: 10px;
	font-weight: bold;
	padding: 10px 0;
}
.pi-theme-anime .pi-horizontal-group-item:nth-child(2) {
	width: 50%;
	padding: 10px 2px;
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

/* Videogioco */
.pi-theme-videogiochi {
	width: 300px;
	background-color: #fff;
	border: 1px solid #000;
	margin: 0 0 0.5em 1em;
}
.pi-theme-videogiochi .pi-item {
	border-bottom: 1px solid #000;
}
	/** titolo **/
.pi-theme-videogiochi .pi-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;

}
	/** headers **/
.pi-theme-videogiochi .pi-header {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
	/** spaziatura **/
.pi-theme-videogiochi .pi-data {
	padding: 0;
}
	/** nome delle informazioni **/
.pi-theme-videogiochi .pi-data-label {
	background: rgba(255, 255, 255, 0.5);
	font-size: 12px;
	padding: 4px;
}
	/** informazioni **/
.pi-theme-videogiochi .pi-collapse .pi-data-value {
	flex-basis: 200px;
	padding: 4px;
	border-left: 1px solid #000;
	background: #fff;
	color: #000;
	font-size: 12px;
}
	/** navigazione **/
.pi-theme-videogiochi .pi-horizontal-group {
	border-top: 1px solid #000;
}
.pi-theme-videogiochi .pi-horizontal-group-item {
	width: 25%;
	font-size: 10px;
	font-weight: bold;
	padding: 10px 0;
}
.pi-theme-videogiochi .pi-horizontal-group-item:nth-child(2) {
	width: 50%;
	padding: 10px 2px;
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

/***************/
/* END profili */
/***************/

/* Template:Quiz */
    /** Contenuto subito nascosto */
.quiz.mw-collapsed td { 
    display: none;
}
    /** Correzione link mostra/nascondi **/
.quiz .mw-collapsible-toggle {
	font-size: 12px;
}

/* Collapsible tables customization */
.mw-collapsible-toggle {
	font-family: Monospace;
}
.mw-collapsible-toggle a {
	color: inherit;
}
    /** Per evitare che la posizione venga cambiata anche        **/
    /** per tabelle espandibili personali, vengono dichiarati    **/
    /** tutti i casi.                                            **/
.collapsible-custom {
	position: relative;
}

.profilo .mw-collapsible-toggle,
.profilo-episodio .mw-collapsible-toggle,
.navbar .mw-collapsible-toggle,
.lista-volumi .mw-collapsible-toggle,
.crono-main .mw-collapsible-toggle,
.collapsible-custom .mw-collapsible-toggle {
	position: absolute;
	right: 0;
}

    /** Correzione link mostra/espandi **/
.profilo .mw-collapsible-toggle {
	font-size: 10px !important;
}
.profilo-episodio .mw-collapsible-toggle,
.profilo-canzone .mw-collapsible-toggle {
	font-size: 11px !important;
}
.navbar .mw-collapsible-toggle {
	font-size: 11px !important;
	top: 3px;
}

/* Template di navigazione (Template:NavBar) */
.navbar {
	font-size: 14px;
	margin-bottom: 10px;
	clear: both;
	border-collapse: collapse;
	border: 1px solid #AEAEAE;

}
    /** Bordi **/
.navbar th, .navbar td {
	border-collapse: collapse;
	border: 1px solid #AEAEAE;
}
    /** Intestazioni **/
.navbar-title {
	padding: 1px;
    text-align: center;
}
    /** Celle informazioni **/
.navbar td {
	text-align: left;
	padding: 2px 5px;
}
    /** Classi **/
.navbar-class {
    width: 15%;
    min-width: 100px;
    max-width: 200px;
    padding: 2px;
    text-align: center;
    background: #F3F3F3;
    color: #000000;
}
    /** Link **/
.navbar-class a:link, .navbar-class a:visited, .navbar-title a:link, .navbar-title a:visited { 
	color: inherit;
	background: inherit;
}
.navbar-class a:hover, .navbar-class a:active, .navbar-title a:hover, .navbar-title a:active { 
	color: inherit;
	background: transparent;
    text-decoration: none;
}

/* Template: Prec-succ */
.prec-succ {
    width: 100%;
    margin :0 auto 5px auto;
    border-collapse: collapse;
    border: 3px solid var(--theme-bg-color3);
    background: var(--theme-bg-color1);
    color: var(--theme-text-color1);
}

/* Links */
    /** Link normali **/
.simplelinks a { color: #006CB0 !important; } /* Colore link normali */
.simplelinks a.new { color: #CC2200 !important; } /* Colore red-links */

/* Nolink */
.nolink a, .nolink a.new, .nolink a:visited, .nolink a.new:visited, .nolink a:hover, .nolink a.new:hover { 
	color: inherit;
    text-decoration: none;
}

/* No wrap */
.nowraplinks a { white-space: nowrap; }

/* Template:Scheda */
    /** ordinamento schede **/
div.article-tabs {
	display: table;
	clear: both;
}
div.article-tabs ul {
	list-style-type: none;
	list-style-image: none; /* monobook */
	margin: 0;
	padding: 0;
}
    /** questo testo verrà mostrato solo su mobile **/
.article-tabs .at-mobile-text {
    display: none;
}
    /** stile schede **/
.article-tabs li {
	float: left;
	min-width: 100px;
	border: 2px solid var(--theme-text-color1);
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	background-color: var(--theme-bg-color2);
	text-align: center;
	color: var(--theme-text-color2);
	font-weight: bold;
}
    /** link occupano tutta la scheda **/
.article-tabs li a,
.article-tabs li a.new,
.article-tabs li .selflink {
	display: block;
	color: inherit;
	padding: 5px 30px;
}
    /** stile scheda attiva e al passaggio del mouse **/
.article-tabs .at-selected,
.article-tabs li:hover {
	background-color: var(--theme-bg-color3);
	color: var(--theme-text-color3);
}

/* Classi per tabelle personaggi nelle pagine dei capitoli */
.TabellaPersonaggi {
    margin: auto;
	border: 2px solid var(--theme-text-color1);
	border-collapse: collapse;
}
.TabellaPersonaggi th {
    border: 2px solid var(--theme-text-color1);
	background: var(--theme-bg-color3);
    color: var(--theme-text-color3);
    padding: 5px 10px;
}
.TabellaPersonaggi th a {
    color: var(--theme-text-color3);
}
.TabellaPersonaggi td {
	border: 2px solid var(--theme-text-color1);
    background: var(--theme-bg-color1);
	vertical-align: top;
	font-size: 14px;
	padding: 0 10px;
}
.TabellaPersonaggi ul,
.WikiaArticle .TabellaPersonaggi ul{
	margin-left: 0;
	padding: 0;
	list-style: none;
}

/* Personalizzazione Display Clock */
.buttons a#DisplayClockJS { color: inherit !important; }
#DisplayClockJS { font-weight: bold !important; }

/* Schemi colore */
    /** Classe madre per gli schemi colore e V-D-M-? template-links**/
.Schema a:link, .Schema a:visited, .Schema a.new:link, .Schema a.new:visited, .template-links a:link, .template-links a:visited, .template-links a.new:link, .template-links a.new:visited { 
	color: inherit;
	background: inherit;
}
.Schema a:hover, .Schema a:active, .Schema a.new:hover, .Schema a.new:active, .template-links a:hover, .template-links a:active, .template-links a.new:hover, .template-links a.new:active { 
	color: inherit;
	background: inherit;
    text-decoration: underlined;
}

    /** Anteprima schemi colore su Project:Schemi colore **/
.CSSPreviewContainer {
	padding: 0;
	text-align: center;
}
.CSSPreview {
	display: inline-block;
	width: 19%;
	margin: 2px 0;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 5px 0;
	border: 1px solid;
}

    /** Schemi speciali **/
.EpisodioCanonico, .pi-theme-Canonico .pi-title, .pi-theme-Canonico .pi-secondary-background, .pi-theme-anime.pi-theme-Canonico .pi-data { background: #DEDEDE; color: #000000; }
.EpisodioFiller, .pi-theme-Filler .pi-title, .pi-theme-Filler .pi-secondary-background, .pi-theme-anime.pi-theme-Filler .pi-data { background: #33FFCC; color: #000099; }
.EpisodioSpeciale, .pi-theme-Speciale .pi-title, .pi-theme-Speciale .pi-secondary-background, .pi-theme-anime.pi-theme-Speciale .pi-data { background: #99FF33; color: #000000; }
.EpisodioSpecialeTV, .pi-theme-SpecialeTV .pi-title, .pi-theme-SpecialeTV .pi-secondary-background, .pi-theme-anime.pi-theme-SpecialeTV .pi-data { background: #FF3333 ; color: #FFFFFF; }
.EpisodioMobile, .pi-theme-Mobile .pi-title, .pi-theme-Mobile .pi-secondary-background, .pi-theme-anime.pi-theme-Mobile .pi-data { background: #FF66FF ; color: #FFFFFF; }
.OVA, .pi-theme-OVA .pi-title, .pi-theme-OVA .pi-secondary-background, .pi-theme-anime.pi-theme-OVA .pi-data { background: #CC00CC; color: #FFFFFF; }
.EpisodioBonus, .pi-theme-Bonus .pi-title, .pi-theme-Bonus .pi-secondary-background, .pi-theme-anime.pi-theme-Bonus .pi-data { background: #FF9900; color: #FFFFFF; }
.Film, .pi-theme-Film .pi-title, .pi-theme-Film .pi-secondary-background, .pi-theme-anime.pi-theme-Film .pi-data { background: #0000CC; color: #FFFFFF; }
.Videogiochi, .pi-theme-Videogiochi .pi-title, .pi-theme-Videogiochi .pi-secondary-background, .pi-theme-anime.pi-theme-Videogiochi .pi-data { background: #00CC00; color: #000000; }
    /** Misto **/
.EpisodioMezzoMezzo, .pi-theme-Mezzo .pi-title, .pi-theme-Mezzo .pi-secondary-background, .pi-theme-anime.pi-theme-Mezzo .pi-data { 
    background-color: #DEDEDE;
    background-image: url("/it/wiki/Special:FilePath/Striscie_filler.png");
    color: #000000;
}
    /** Saghe **/
.Saga, .pi-theme-Saga .pi-title, .pi-theme-Saga .pi-secondary-background { background: #FFFF00; color: #000000; }
.SagaFiller, .pi-theme-SagaFiller .pi-title, .pi-theme-SagaFiller .pi-secondary-background { background: #0099ff; color: #000099; }
.Miniavventura, .pi-theme-Miniavventura .pi-title, .pi-theme-Miniavventura .pi-secondary-background { background: #006600; color: #FFFFFF; }
.Minisaga, .pi-theme-Minisaga .pi-title, .pi-theme-Minisaga .pi-secondary-background { background: #FFCC00; color: #000000; }

    /** Wiki **/
.Wiki, .pi-theme-Wiki .pi-title, .pi-theme-Wiki .pi-secondary-background { background: var(--theme-bg-color3); color: var(--theme-text-color3); }

/* Citazioni */
.citazione {
	display: table;
	margin: 20px auto 20px auto;
}
.citazione blockquote {
    display: table;
	position: relative;
	margin: auto;
	padding: 0 30px 0 30px;
	font-size:120%;
	font-family: 'Times New Roman',serif;
	font-style: italic;
}
.citazione blockquote::before {
	content: '“';
	position: absolute;
	left:0;
	top: 2px;
	font-size:40px;
	color: #88B7FD;
	font-family: 'Times New Roman',serif;
	font-weight: bold;
	text-shadow: 1px -1px gray;
}
.citazione blockquote::after {
	content: '„';
	position: absolute;
	right:0;
	bottom: 5px;
	font-size:40px;
	color:#88B7FD;
	font-family:'Times New Roman',serif;
	font-weight:bold;
	text-shadow: 1px -1px gray;
}
.citazione .citazione-nome {
	font-size: 120%;
	font-family: 'Times New Roman',serif;
}
.citazione q {
	font-size: 120%;
	font-family: 'Times New Roman',serif;
	font-style: italic;
}
.citazione q::before {
	content: '“';
	font-weight:bold;
}
.citazione q::after {
	content: '”';
	font-weight:bold;
}
.citazione .citazione-didascalia {
	margin-top: 10px;
	font-size: 80%;
	font-family: 'Arial',sans-serif;
}
.citazioni-indovina .citazione-didascalia {
	display: none;
}
.citazione .citazione-nota {
	float: right;
}
.citazione .citazione-altro {
	float: left;
	padding-right: 5px;
}

    /** fumetto **/
.quote-balloon-main {
    width: 100%;
}
.quote-balloon-main > tbody > tr > td:first-child { 
    padding-right: 12px;
    text-align: left;
    vertical-align: top;
}
.quote-balloon-main > tbody > tr > td:last-child {
    width: 100%;
    vertical-align: top;
}
.quote-balloon-main > tbody > tr > td:first-child img {
    border: 2px solid black;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.quote-balloon {
    background-color: var(--theme-bg-color1);
    border: 2px solid #666666;
    padding: 10px;
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 5px #888888;
    -webkit-box-shadow: 0 0 5px #888888;
    box-shadow: 0 0 5px #888888;
}
.quote-balloon:before {
    content: "";  
    border-color: transparent #666666 transparent transparent;
    border-style: solid;
    border-width: 10px 15px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: 0;
    left: -30px;
    top: 10px;
}
.quote-balloon:after {
    content: "";  
    border-color: transparent var(--theme-bg-color1) transparent transparent;
    border-style: solid;
    border-width: 10px 15px;
    height: 0;
    width: 0;
    position: absolute;
    bottom: 0;
    left: -27px;
    top: 10px;
}


/*************************
    Gallerie personaggi
 *************************/
/* generale  */
.galleria {
	display: table;
	position: relative;
	margin: 0 auto 10px auto;
	border: 2px solid;
}
	/** indice **/
.galleria #toc {
    display: none
}

/* collapsible toggle */
.galleria .mw-collapsible-toggle {
	position: absolute;
	right: 4px;
	top: 11px;
	font-size: 12px;
}

/* template V-D-M */
.galleria .template-links {
	position: absolute;
	left: 14px;
	top: 11px;
	font-size: 10px;
}

/* link ai file */
.galleria .immagine-info {
	display: none;
	background: transparent;
	right: 4px;
	bottom: 4px;
	padding: 0;
	position: absolute;
}
.galleria .immagine-info .sprite.details.magnify {
	background-color: #fff;
}
.galleria .wikia-gallery .gallery-image-wrapper:hover .immagine-info {
	display: block;
}

/* sezioni */
.galleria .editsection {
	display: none;
}
    /** stile 1 **/
.galleria > h2, /* se intestazione */
.galleria > h3, /* se intestazione */
.galleria > h4, /* se intestazione */
.galleria > h5, /* se intestazione */
.galleria .galleria-sezione h3 {
	margin: 5px;
	padding: 5px 70px;
	border: 3px solid;
	line-height: 22px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
    /** stile 2 **/
.galleria .galleria h4, /* sub-galleria */
.galleria .galleria-sezione h4 {
	margin: 5px;
	padding: 0 70px;
	border: double;
	line-height: 22px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
    /** stile 3 **/
.galleria .galleria h5, /* sub-galleria */
.galleria .galleria-sezione h5 {
	margin: 5px;
	padding: 0 70px;
	border: 1px solid;
	line-height: 22px;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}
    /** stile 4 **/
.galleria .galleria h6, /* sub-galleria */
.galleria .galleria-sezione h6 {
	margin: 5px;
	padding: 0 70px;
	border: 1px dotted;
	line-height: 22px;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}

/* galleria FANDOM interna */
.galleria .wikia-gallery {
	margin: 0 auto;
}
    /** colore testo **/
.galleria .wikia-gallery .accent {
	color: inherit;
}
.galleria .wikia-gallery .gallery-image-wrapper {
	border-color: inherit;
}
    /** posizione **/
.galleria .wikia-gallery .wikia-gallery-item {
	text-align: center;
}
    /** didascalia **/
.galleria .wikia-gallery .lightbox-caption {
	border: double;
	color: inherit;
	font-size: 12px;
    font-weight: bold;
	margin-left: -2px;
}
        /*** informazioni extra ***/
.galleria .didascalia-extra {
	font-size: 11px;
    font-weight: normal;
}

/* sub-galleria */
.galleria .galleria {
	border: none;
	width: 100%;
}
	/* V-D-M e collapsible */
.galleria .galleria .mw-collapsible-toggle,
.galleria .galleria .template-links {
	display: none;
}


/*************************
    Alberi geneaologici
 *************************/
 /* principale */
.galleria-albero {
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid gray;
	min-width: 240px;
}
.galleria-albero-titolo {
	font-size: 15px;
	text-align: center;
}
.galleria-albero-body {
	padding: 5px 10px;
	text-align: center;
}

/* cella */
.galleria-albero-cella {
	display: table;
	margin: -2px;
	text-align: center;
	vertical-align: top;
	width: 122px;
}
.galleria-albero-cella td {
    border: 1px solid;
	padding: 0;
}
.galleria-albero-didascalia {
	border: double;
	font-size: 12px;
	height: 44px !important;
	line-height: 18px;
}
    /** informazioni extra **/
.galleria-albero .didascalia-extra {
	font-size: 11px;
    font-weight: normal;
}
	/** casella generata del modulo **/
.galleria-albero .albero-casella {
	border: none !important;
	padding: 0 !important;
	vertical-align: top;
}

/* link all'immagine */
.galleria-albero-immagine-info {
	display: none;
}
.galleria-albero-immagine:hover .galleria-albero-immagine-info {
	display: inline;
}
.galleria-albero .sprite.details.magnify {
	background-color: #fff;
}

/* correzione toggle tabelle espandibili */
.galleria-albero-titolo .mw-collapsible-toggle {
	font-size: 10px;
	margin: 4px;
	position: relative;
	z-index: 2;
}


/************************************
    Cronologia capitoli ed episodi
 ************************************/
.crono-main {
    position: relative;
    margin-bottom: 5px;
    width: 100%;
    border: 2px solid black;
    padding: 0;
}
/* Cella contenitore */
@media screen and (max-width: 1023px) {
	.crono-container {
		width: 708px;
		overflow: auto;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1083px) {
	.crono-container {
		width: 654px;
		overflow: auto;
	}
}
@media screen and (min-width: 1084px) and (max-width: 1595px) {
	.crono-container {
		width: 694px;
		overflow: auto;
	}
}
@media screen and (min-width: 1596px) {
	.crono-container {
		width: 848px;
		overflow: auto;
	}
}

/* Tabella di navigazione */
.crono-nav {
    border-collapse: collapse;
    display: block;
    font-size: 14px;
}
/* Espansione link */
.crono-nav a {
    display: block;
    width: 100%;
    height: 100%;
}
/* Bordi headers */
.crono-nav th {
    border: 2px solid #000000;
    padding: 0;
}
/* Stile celle */
.crono-nav td {
    padding: 0;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    border: 1px solid #000000;
    border-bottom: 2px solid #000000;
}
/* Larghezza celle */
.crono-manga td { min-width: 39px; }
.crono-anime td { min-width: 69px; }
/* Bordi esterni prima ed ultima cella */
.crono-nav td:first-child {
    border-left: 2px solid black;
}
.crono-nav td:last-child {
    border-right: 2px solid black;
}
/* Bordo separazione tra saghe */
.crono-manga td.iniziosaga {
    border-left: 2px solid #000000;
    min-width: 38px;
}
.crono-anime td.iniziosaga {
    border-left: 2px solid #000000;
    min-width: 69px;
}
/* Passaggio del mouse */
.crono-nav td:hover, .crono-nav td a:hover {
    background: #000000;
    color: #FFFFFF;
    text-decoration: none;
}
.crono-nav th:hover, .crono-nav th a:hover {
    background: #1560BD;
    color: #FFFFFF;
    text-decoration: none;
}

/************************
    Angoli arrotondati
 ************************/
/* Intestazione (pagina principale) */
.header-round {
	-moz-border-radius: 1.5em 1.5em 0 0;
	-khtml-border-radius: 1.5em 1.5em 0 0;
	-webkit-border-radius: 1.5em 1.5em 0 0;
	border-radius: 1.5em 1.5em 0 0;
}

/* Tutti gli angoli arrotondati */
.all-round {
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
    /** Solo angoli superiori **/
.top-round {
	-moz-border-radius: 1em 1em 0 0;
	-khtml-border-radius: 1em 1em 0 0;
	-webkit-border-radius: 1em 1em 0 0;
	border-radius: 1em 1em 0 0;
}
    /** Solo angoli inferiori **/
.bottom-round {
	-moz-border-radius: 0 0 1em 1em;
	-khtml-border-radius: 0 0 1em 1em;
	-webkit-border-radius: 0 0 1em 1em;
	border-radius: 0 0 1em 1em;
}
/* Singoli angoli */
    /** Angolo superiore destro **/
.topright-round {
	-moz-border-top-right-radius:1em;
	-khtml-border-top-right-radius: 1em;
	-webkit-border-top-right-radius:1em;
	border-top-right-radius:1em;
}
    /** Angolo superiore sinistro **/
.topleft-round {
	-moz-border-top-left-radius:1em;
	-khtml-border-top-left-radius: 1em;
	-webkit-border-top-left-radius:1em;
	border-top-left-radius:1em;
}
    /** Angolo inferiore destro **/
.bottomright-round {
	-moz-border-bottom-right-radius:1em;
	-khtml-border-bottom-right-radius: 1em;
	-webkit-border-bottom-right-radius:1em;
	border-bottom-right-radius:1em;
}
    /** Angolo inferiore sinistro **/
.bottomleft-round {
	-moz-border-bottom-left-radius:1em;
	-khtml-border-bottom-left-radius: 1em;
	-webkit-border-bottom-left-radius:1em;
	border-bottom-left-radius:1em;
}

/***********************
    Pagina principale
 ***********************/
/* Tabella principale */
.modulo-home {
	background: var(--theme-bg-color1) var(--theme-bg-img1) repeat;
	border-spacing: 0;
	border: 1px solid var(--theme-bg-color3);
	font-size: 15px;
	color: var(--theme-text-color1);
	margin: 0 0 5px 0;
	width: 100%;
}
.modulo-home {
	-khtml-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.modulo-home td,
.modulo-home th {
	padding: 5px;
}
.modulo-home th a {
	color: inherit;
}
/* Titolo */
.modulo-home-title {
	background: var(--theme-bg-color3) var(--theme-bg-img2) top left no-repeat;
	color: var(--theme-text-color3);
	font-size: 16px;
}
/* Header principale */
.modulo-home-header {
	background: var(--theme-bg-color3);
	color: var(--theme-text-color3);
}
/* Header secondario */
.modulo-home-header2 {
	background: var(--theme-bg-color2);
	color: var(--theme-text-color2);
}
/* Correzioni per template specifici */
.modulo-home-navigazione td:hover {
	background: var(--theme-bg-color3);
	color: var(--theme-text-color3);
}
.modulo-home-navigazione td:hover a {
	color: var(--theme-text-color3);
}
body.skin-oasis .modulo-home-intro .portal_container {
	margin: 0 -1px 0 -1px;
}
/* Modulo di Discussioni */
.main-page-tag-rcs .embeddable-discussions-module {
	padding: 10px;
	background: var(--theme-bg-img1) repeat;
}

/*****************
       Forum
 *****************/
/* stile forum header */
.forumheader {
	width: 100%;
	clear: both;
	margin: 0 0 10px 0;
}
.forumheader .forum-nav {
	padding: 5px 10px;
	background: var(--theme-bg-color1) var(--theme-bg-img1) repeat;
	border: 4px solid var(--theme-bg-color3);
	color: var(--theme-text-color1);
	font-size: 18px;
}
.forumheader .forum-warning {
	margin-top: 5px;
    padding: 5px 10px;
	background-color: #FFF2F2;
	border: 2px solid #FF0000;
    font-size: 16px;
	color: #3a3a3a;
	text-align: center;
}

/* stile lista forum */
.forum-lista  td.forum_title {
	min-width: 400px;
	text-align: left;
}
.forum-lista  td.forum_editor {
	text-align: center;
}
.forum-lista  td.forum_edited {
	width: 150px;
	text-align: center;
}

/* stile forum nuovi */
.forum-lista a.forum_new {
	background: url("it/wiki/Special:FilePath/Forum_new.gif") center left no-repeat;
	font-weight: bold;
	padding-left: 20px;
}
	/** ripristino stile normale per i forum visitati **/
.forum-lista a.forum_new:visited {
	background: none;
	font-weight: normal;
	padding-left: inherit;
}

/* rimozione link alla pagina di discussione per i forum */
body.ns-110 #ca-talk {
	display: none;
}

/*========================================
     Personalizzazione dell'interfaccia
  ========================================*/
/* Stile codici */
code {
    color: black;
    background-color: #F9F9F9;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 1px 4px;
}

/* Pre style */
#mw-content-text pre {
	background-color: #F9F9F9;
	border: 1px dashed black;
	color: black;
	line-height: 14px;
	overflow: auto;
	padding: 12px;
}
  
/* Avvisi */
.mw-warning-with-logexcerpt {
	border: 2px solid #FF0000 !important;
    padding: 5px !important;
	background-color: #FFF2F2;
    font-size: 95%;
}

/* Tags in RC */
.mw-tag-markers { font-weight: bold; }

/* Amministratori */
a.mw-userlink[href$=":Leviathan_89"], .subtle a[href$=":Leviathan_89"], .edited-by a[href$=":Leviathan_89"], a.mw-userlink[href$=":Leviathan_89?action=edit&redlink=1"], .subtle a[href$=":Leviathan_89?action=edit&redlink=1"], .edited-by a[href$=":Leviathan_89?action=edit&redlink=1"] { 
    font-weight: bold !important;
}
a.mw-userlink[href$=":Kitetsu-sama"], .subtle a[href$=":Kitetsu-sama"], .edited-by a[href$=":Kitetsu-sama"], a.mw-userlink[href$=":Kitetsu-sama?action=edit&redlink=1"], .subtle a[href$=":Kitetsu-sama?action=edit&redlink=1"], .edited-by a[href$=":Kitetsu-sama?action=edit&redlink=1"] { 
    font-weight: bold !important;
}
a.mw-userlink[href$=":KuroUrufu"], .subtle a[href$=":KuroUrufu"], .edited-by a[href$=":KuroUrufu"], a.mw-userlink[href$=":KuroUrufu?action=edit&redlink=1"], .subtle a[href$=":KuroUrufu?action=edit&redlink=1"], .edited-by a[href$=":KuroUrufu?action=edit&redlink=1"] { 
    font-weight: bold !important;
}

/* Utente anonimo */
a.mw-userlink[href^="/it/wiki/Special"], .subtle a[href^="/it/wiki/Special"], .edited-by a[href^="/it/wiki/Special"] { 
    color: #FF0000 !important;
    font-weight: bold !important;
}

/*******
   TOC 
 *******/
.toc {
	background-color: var(--theme-bg-color1) !important;
	color: var(theme-text-color1);
	border: 1px solid var(--theme-bg-color3) !important;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#toctitle {
	padding: 2px 4px;
	background: var(--theme-bg-color3);
	color: var(--theme-text-color3);
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#toctitle a, #toctitle h2{
	color: var(--theme-text-color3);
}