MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&family=Crimson+Pro&display=swap');

br {display: none;}
#searchInput {
    background: #ffffff00;
}
#simpleSearch {
    background: #f9f9f9;
    border: solid 2px #e6e6e6;
    box-shadow: none;
    border-radius: 10px;
}
#managewiki .managewiki-submit-formfields {
	background: #FDF2DB;
}
#searchInput {
	background: #ffffff00;
}
#personal h2 {
	font-family: 'Rubik', sans-serif;
	font-size: 1.1em;
}
#searchButton {
	left: 0;
}
body {
	font-family: 'Rubik', sans-serif;
	color: #52362d;
	line-height: 1.5em;
	font-size: 1em;
}
b, strong {
	font-weight: 600;
}

.ts-inner {
	max-width: 100em;
}
/*riquadro centrale*/
#mw-content-container {
	background: #F9F9F9;
	border-bottom: solid 4px #f1b357;
}
#mw-content {
	background: #FDF2DB;
	box-shadow: 3px 3px 0px rgb(230 230 230);
	border: solid #d4c3b4;
    border-width: 0px 3px 10px;
    padding: 0.1em 2.5em 3em;
    font-size: 1.05em;
}
#mw-content-ltr {
	line-height: 1.5em;
}
.mw-content-ltr ul {
    margin: 0em 0em 0.5em 1.2em;
    padding: 0;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt{
	font-family: 'Rubik', sans-serif;
}

/*=======================================Intestazione h1*/
.mw-body h1 {
    font-family: 'Rubik', sans-serif;
    line-height: 1.3em;
}
/*elementi di testata e tasti varii*/
.tools-inline li.selected a {
    color: #5b3e2a;
}
.tools-inline li {
    border-bottom: solid 3px #f1b35742;
}
#mw-header-container {
	color: #5a3d29;
}
p:empty {
  display: none;
}
.nomargin 
	{
	    margin:0
	}
/*=======================================Indice*/
.toc {
	padding: 1em 1.2em 0.3em 1.2em;
}
/*=======================================Intestazione h2*/
.mw-body .mw-parser-output h2:after {
    border-bottom: solid 3px #f1b357;
}
.mw-body h2 {
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: 500;
    margin: 1em 0em 0.3em;
    border-bottom: solid 3px #f1b357;
}
/*=======================================Intestazione h3*/
.mw-body h3 {
    margin: 1.2em 0 0.3em;
    font-size: 1.4em;
    font-weight: 500;
    border-left: solid 3px #f1b357;
    padding-left: 0.2em;
}
/*=======================================Intestazione h4*/
.mw-body h4 {
    font-size: 1.25em;
    font-weight: 500;
    margin: 1.2em 0 0.3em;
}
/*=======================================Intestazione h5*/
.mw-body h5 {
    font-size: 1.2em;
    margin: 1.2em 0 0.3em;
}
/*=======================================codice*/
code {
	font-family: 'Rubik';
	font-size: 0.95em;
	color: #52362d;
    background-color: #fffdf9;
    border: 1px solid #d4c3b4;
    border-radius: 5px;
    padding: 1px 4px;
}
/*=======================================testo formato piccolo*/
small {
	line-height: normal;
}
/*=======================================Colonne indici*/
.mw-category.mw-category-columns {
	column-count: 1;
}
/*=======================================Barra sinistra*/
#mw-site-navigation {
	flex: 0 0 15em;
}
#mw-site-navigation .sidebar-inner {
	background: #FFFFFF;
}
#mw-site-navigation .sidebar-chunk {
	background: #FFFFFF;
	border-top: solid #f1b357;
	border-width: 10px 0px 0.1em;
	box-shadow: 3px 3px 0px rgb(230 230 230);
	border-radius: 10px;
}
#mw-site-navigation .sidebar-chunk h3 {
    font-weight: 600;
}
/*Barra destra*/
#mw-related-navigation {
	flex: 0 0 17em;
}
#mw-related-navigation .sidebar-inner {
	background: #FFFFFF;
}
#mw-related-navigation .sidebar-chunk {
	background: #FFFFFF;
	border-top: solid #f1b357;
	border-width: 10px 0px 0.1em;
	box-shadow: 3px 3px 0px rgb(230 230 230);
	border-radius: 10px;
}
#mw-related-navigation .sidebar-chunk h3 {
    font-weight: 600;
}
/*=======================================Immagine miniatura*/
.thumbinner .thumbimage, .thumbborder {
	border: none;
}
.thumbinner {
    background: #fffaf1;
    border: solid #f1e4d9;
    border-width: 1px 1px 0.2em;
    padding: 0.5em;
    margin-left: auto;
    line-height: 1em;
    margin-right: auto;
    overflow: hidden;
}
/*Barre orizzontali colorate in testata*/
.color-middle-container {
	background: #f1b357;
}
.color-middle {
	background: #ffffff00;
}
.color-left {
	background: #ffffff;
}
.color-right {
	background: #ffffff;
}

/*testata*/
#mw-header-nav-hack, #mw-header-hack {
	box-shadow: 0 0px 0px 0px rgb(0 0 0 / 0%), 0 0 0px rgb(0 0 0 / 0%);
}

/*intestazione articolo*/
.mw-body h1.firstHeading {
    border-bottom: solid 4px #f1b357;
    margin: 0.25em 0 0.3em;
}
.tools-inline li.selected {
    border-bottom-color: #f1b357b3;
}

/*
 * Stile per delle tabelle epiche.
 * Forse dovremmo separare queste cose in un altro foglio di stile.
 */
.tabellainformazioni {
	width: 100%;
	padding: 1px;
	line-height: 1.2em;
}

.tabellainformazioni td:first-child {
	background: #d4c3b450;
	text-align: end;
	padding: 3px 5px;
	vertical-align: top;
	word-break: normal;
	font-size: 90%;
	width: 33%;
}

.tabellainformazioni td:not(:first-child) {
	background: #d4c3b425;
	padding: 3px 5px;
	vertical-align: top;
	word-break: normal;
	font-size: 90%;
}
/*=======================================*/
/* Tabella del menù */
table.menu {
	width: 100%;
	table-layout:fixed;
	font-weight: 500;
	font-size: 110%
}

/* Elementi del menù */
.menu td {
	padding: 10px;
	border-style: solid;
	border-width: 1px 1px 5px;
	background: #fffaf1;
	border-color: #d4c3b4;
	border-radius: 10px;
}
.menu a {
	line-height: 1.2em;
	text-align: end;
}
.menu td img {
	padding-right: 5px;
}

/*=======================================*/

table.menuSottotitolo {
	width: 100%;
	table-layout:fixed;
	font-weight: 500;
	font-size: 110%
}
.menuSottotitolo td {
	padding: 6px 10px 3px 5px;
	margin: 0px;
	border-style: solid;
	border-width: 1px 1px 5px;
	background: #fffaf1;
	border-color: #d4c3b4;
	line-height: 1.2em;
	text-align: end;
	border-radius: 10px;
}
.menuSottotitolo p {
	margin: 0px;
    margin-bottom: 0.2em;
}
.menuSottotitolo a {
	vertical-align: sub;
	text-align: end;
}
.menuSottotitolo td img {
	padding-right: 10px
}
/*=======================================*/

div[class="riquadro"] {
	box-shadow: 3px 3px 0px rgb(245 231 213);
	background: #fffaf1;
	border: solid #d4c3b4;
	border-width: 1px 1px 2px;
	float: right;
	min-width: 300px;
	margin-left: 30px;
	margin-bottom: 20px;
	overflow: hidden;
	word-break: normal;
	max-width: min-content;
}

/* Titolo con striscia colorata usato in varii modelli */
.titolo {
	padding-top: 6px;
    padding-bottom: 2px;
    
    text-align: center;
    font-weight: 600;

    background-color: #f9f2e8;

    border-style: solid;
    border-color: #5a3d29;
    border-width: 0 0 5px;
}

.didascalia {
	padding: 5px 5px 0px 5px;
    margin: 0px;
    margin-top: 2px;
    background-color: #FFFFFF00;
    text-align: center;
    font-style: italic;
    line-height: 1.3em;
    font-size: 90%;
}

/* Intestazione usata dai modelli */
.intestazione {
    margin: 5px 25px 5px 25px;
	padding-top: 5px;
    padding-bottom: 5px;
   
	background-color: #f9f2e8;
   
    border-style: solid;
    border-color: #5a3d29;
    border-width: 0 3px;

	font-weight: normal;
    text-align: center;
}

/*tabella predefinita*/
.wikitable {
	background: #fffaf1;
	color: #5a3d29;
}

/* piccoli avvisi come quelli per l'approfondimento */
div[class="avviso"] {
	max-width: 60%;
	width: fit-content;
	box-shadow: 3px 3px 0px #f5e7d5;
	background: #fefefe;
	border: solid #cdcdcd;
	border-width: 1px 1px 3px;
	padding: 5px 0px 0px 0px;
	margin: 0em 0em 0.3em 0em;
}

div[class="avviso"] img {
	padding-left: 5px;
}

div[class="avviso"] a {
	padding-right: 10px;
	font-weight: 600;
}

.mw_metadata, .mw-datatable, .wikitable {
    border-color: #f1b357;
    box-shadow: 3px 3px 0px rgb(245 231 213);
}
.wikitable > * > tr > td {
    border: 1px solid #e4d6c9;
}
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #f1e4d9;
    text-align: center;
}
.wikitable > * > tr > th, .mw_metadata > * > tr > td, .mw-datatable > * > tr > td, .wikitable > * > tr > td {
    border: 1px solid #d4c3b4;
    padding: 0.2em 0.4em;
}

/*piè di pagina*/
.mw-footer-container {
    border-top: solid 1px #f1b357;
    box-shadow: inset 0 0px 0px 0px rgb(0 0 0);
    box-shadow: 0 0px 0px 0px rgb(0 0 0);
    color: #fffaf6;
    font-size: 90%;
    line-height: 1.1em;
    overflow-x: hidden;
    background: #4e4c4a;
}

/*INDICE PAGINA*/
.mw-body .toctitle h2 {
	font-family: 'Rubik', sans-serif;
	color: #5a3d29;
	font-weight: 600;
}
#filetoc, .toc, .toccolours, .mw-warning {
    background: #fffaf1;
    border: solid #d4c3b4;
    border-width: 1px 1px 3px;
    box-shadow: 3px 3px 0px rgb(245 231 213);
}
.mw-body .toctitle {
    border-bottom: solid 2px #f2d4a8;
}
#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
    font-size: 80%;
    width: 500px;
    font-family: 'Rubik';
    max-width: 600px;
}

ul.mw-gallery-packed li.gallerybox div.thumb, ul.mw-gallery-packed-overlay li.gallerybox div.thumb, ul.mw-gallery-packed-hover li.gallerybox div.thumb {
	border: solid #d4c3b4;
	border-width: 5px 1px 5px 1px;
    box-shadow: 3px 3px 0px rgb(245 231 213);
    margin-bottom: 3px;
}
.mw-body li.gallerybox div.thumb {
	background: #fffaf1;
    border: solid #f2e9dd;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 2%);
    padding: 0;
    border-width: 1px 1px 0.2em;
}
div.gallerytext {
	line-height: 1.2em;
	padding: 0px;
}
p {
    margin: 0em 0em 0.3em;
    line-height: 1.4em;
}
li.gallerycaption {
	margin-bottom: 2px;
    margin-top: 10px;
}
.mw-editsection {
	display: none;
}

.createbox{
	display: none;
}