Fandomdesktop.css

/* CSS PER LA SKIN FANDOMDESKTOP */

/*----------------------------------------------------------------------------------------*/
/* Infoboxes: codici generali + template:Profilo-wiki */
  
/* Titolo */
.portable-infobox .pi-title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
/* Headers */
.portable-infobox .pi-header {
	font-size: 14px;
	text-align: center;
}
/* Headers link */
.portable-infobox .pi-header a {
	color: inherit;
}
.portable-infobox .pi-header:last-child a {
	color: var(--theme-accent-label-color);
}
/* Correzione logo per profilo wiki*/
.portable-infobox.pi-theme-profilo_wiki div.pi-item.pi-item-spacing:first-of-type {
	padding: 0;
	text-align: center;
}
.portable-infobox.pi-theme-profilo_wiki div.pi-item.pi-item-spacing:first-of-type .pi-data-value {
	width: 100%;
}
.portable-infobox .pi-img-bg {
	padding: 5px 10px;
}

.portable-infobox .pi-img-bg img {
    max-width: 250px;
}

.portable-infobox a.external.text::after {
	display: none;
}
/* END infoboxes */

/*-------------------------------------------------------------------*/
/* Box avvisi MediaWiki */
.mw-warning-with-logexcerpt {
	padding: 10px !important;
}

/*-------------------------------------------------------------------*/
/* Stile tag <code> */
code {
    background-color: var(--theme-page-background-color--secondary);
	border-radius: 2px;
	border: 1px solid var(--theme-border-color);
	color: var(--theme-page-text-color);
	padding: 1px 4px;
}


/*-------------------------------------------------------------------*/
/* Tabella wiki sui social networks */
.TabellaSocial { width: 100%; }
.TabellaSocial th:nth-child(2) { width: 100px; }
.TabellaSocial th:nth-child(3) { width: 100px; }
.TabellaSocial th:nth-child(4) { width: 100px; }
.TabellaSocial th:nth-child(5) { width: 100px; }	
.TabellaSocial td {
	text-align: center;
	font-size: 80%;
}

/* tabella su Aiuto:Inclusione di una pagina speciale */
.TabellaInclusione {
	border:1px solid var(--border-tabella-inclusione);
	color: var(--text-tabella-inclusione);
	background-color: var(--background-tabella-inclusione);
	font-size:85%;
	width:100%;
	margin:0 auto;
	padding:0 10px 5px 10px;
}

/*----------------------------------------------------------------------*/
/* Pulsanti grandi */
.PulsanteGrande input {
	font-size: 150%;
	height: 42px;
    padding: 0 20px;
}

/*----------------------------------------------------------------------*/
/* Blog footer template */
.blog-footer {
	background: #404a57;
	border-collapse: collapse;
	border: 2px solid #404a57;
	clear: both;
	color: white;
	margin-top: 1em;
	width: 100%;
}
.blog-footer td {
	padding: 5px;
}
.blog-footer td a {
	color: inherit;
}
.blog-footer th {
	background: #f6f6f6;
	color: #404a57;
	padding: 5px;
}
.blog-footer th a {
	color: #404a57;
}
.blog-footer .blog-nav {
	background-color: #fff;
	color: #404a57;
}
.blog-footer .blog-nav td:first-child {
	font-weight: bold;
	padding-left: 30px;
	text-align: left;
}
.blog-footer .blog-nav td:last-child {
	font-weight: bold;
	padding-right: 20px;
	text-align: right;
}

/*----------------------------------------------------------------------*/
/* Template:Mainpage Discord */
/* Discord on Mainpage*/
.discord-banner {
	font-family:'Rubik',Arial,sans-serif;
	margin:14px 0 12px;
	font-size:16px;
	line-height:150%;
	text-align:center;
}

.discord-banner #discord-image {
	padding: 25px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.discord-banner #discord-button {
	cursor: pointer;
	background-color: #5865F2;
	border-color: #5865F2;
}
.discord-banner #discord-button a {
	color: white;
}
.discord-banner span > a {
	text-decoration: none;
}
.discord-banner #discord-button:hover {
	background-color: hsl(226,58%,72%);
	border-color: hsl(226,58%,72%);
}
.skin-fandomdesktop.theme-fandomdesktop-light .discord-banner #discord-image {
	background: url("https://static.wikia.nocookie.net/nekky_api_wiki/images/1/19/Discord-Logo%2BWordmark-Color.svg/revision/latest?cb=20210713205447&path-prefix=de") no-repeat;
	background-position: center;
}
.skin-fandomdesktop.theme-fandomdesktop-dark .discord-banner #discord-image {
	background: url("https://static.wikia.nocookie.net/nekky_api_wiki/images/3/36/Discord-Logo%2BWordmark-White.svg/revision/latest?cb=20210713204039&path-prefix=de") no-repeat;
	background-position: center;
}

/*----------------------------------------------------------------------*/
/* Stili titolo sezione e toc per blog 
 da [[w:MediaWiki:Badge-blogs.css]] */
 
 .theme-fandomdesktop-light {
 	--colore-titoli-h2-blog: #520044; /*Fandom purple */
 	--colore-decorazioni-h2-blog: #FFC500; /* Fandom yellow */
 	--border-tabella-inclusione: #E0E0E0;
 	--text-tabella-inclusione: #000;
 	--background-tabella-inclusione: #F8F8F8;
 }
 
.theme-fandomdesktop-dark {
	--colore-titoli-h2-blog: #F9EDD8; /*Fandom cream */
 	--colore-decorazioni-h2-blog: #9B004E; /* Fandomc crimson */
 	--border-tabella-inclusione: var(--theme-border-color);
 	--text-tabella-inclusione: var(--theme-page-text-color);
 	--background-tabella-inclusione: var(--theme-page-background-color);
}
 
.ns-500 .page-content h2:not(.pi-title):not(.pi-header) {
    border-bottom: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--colore-decorazioni-h2-blog)), to(var(--colore-decorazioni-h2-blog)));
    background-image: -webkit-linear-gradient(left, var(--colore-decorazioni-h2-blog), var(--colore-decorazioni-h2-blog));
    background-image: -o-linear-gradient(left, var(--colore-decorazioni-h2-blog), var(--colore-decorazioni-h2-blog));
    background-image: linear-gradient(90deg, var(--colore-decorazioni-h2-blog), var(--colore-decorazioni-h2-blog));
    background-position: 0 0.9em;
    background-repeat: repeat-x;
    background-size: 1px 4px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--colore-titoli-h2-blog);
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 6px;
    text-transform: uppercase
}

.ns-500 .page-content h3 {
    border-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    padding: 0 6px;
    text-transform: uppercase
}

.ns-500 .page-content h2 + h3 { margin-bottom: 15px }

/*----------------------------------------------------------------------*/
/* stile per Template:Box_avviso */
.BoxAvviso {
	border: 1px solid var(--theme-border-color);
	background-color: var(--theme-page-text-mix-color-95);
}

/*----------------------------------------------------------------------*/
/* stile per Template:Documentazione */
#Documentazione {
	border: 2px solid var(--theme-border-color);
}

.DocHeader {
	background: var(--theme-page-text-mix-color-95);
	color: var(--theme-page-text-color); 
	border-bottom:1px solid var(--theme-border-color);
}

.DocFooter {
	background: var(--theme-page-text-mix-color-95);
	color: var(--theme-page-text-color); 
	border-top:1px solid var(--theme-border-color);
}

/* ----------------------------------------------------------------------------------------------*/
/* Prettier alignment of infoboxes on Project:Staff and Help:Global Discussions moderators */

.profilecards {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: space-between;
}

.profilecards .portable-infobox {
  display:flex;
  flex-direction:column;
  max-width:270px;
}

.profilecards .portable-infobox [data-item-name="biography"],
.profilecards .portable-infobox [data-source="description"] {
  height:100%;
}

.profilecards .portable-infobox h2,
.profilecards .portable-infobox .pi-data{
  overflow:visible;
}

/*-----------------------------------------------------------------------------------*/
/* Help Boxes by User:SlyCooperFan1 */
/* utilizzate nelle pagine di navigazione legate a Aiuto:Contenuti */
.helpbox-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    margin: 5px 0;
}
.helpbox {
	padding: 0 30px 10px;
	border: 1px solid var(--theme-border-color);
}
.helpbox:nth-child(even) {
	margin-left: 5px;
}
.helpbox h2 {
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.helpbox h2 > span > span {
	position: relative;
	top: 4px;
}
.helpbox a {
	font-weight: bold;
}