Template:BestiarioPMTOK/styles.css

/* Tabella principale */
.bestPMTOK {
	background: #eeeeff;
    border: 1px solid #afadd7;
	border-spacing: 0;
	margin-bottom: 2px;
}

/* Nome del nemico */
.bestPMTOK tr:first-child td:first-child {
	font-size: 115%;
	text-align: center;
	color: white;
	background: #6562af;
}
.bestPMTOK tr:first-child td:last-child {
	background: #6562af;
}

/* Bordi arrotondati */
.bestPMTOK {
	border-radius: 4px;
}
.bestPMTOK tr:first-child td:first-child,
.bestPMTOK tr:last-child td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.bestPMTOK tr:first-child td:last-child,
.bestPMTOK tr:last-child td:last-child{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Padding delle caselle */
.bestPMTOK td {
    padding: 0;
}
.bestPMTOK_contenuto td {
    padding: 0 4px;
}

/* Sfondo alternato */
.bestPMTOK_contenuto td:nth-last-child(odd){
    background: #f3f3ff;
}

/* Bordo tra righe */
.bestPMTOK_contenuto:nth-child(2) td,
.bestPMTOK_contenuto:nth-child(3) td:nth-child(1),
.bestPMTOK_contenuto:nth-child(3) td:nth-child(2) {
    border-bottom: 2px solid #d5d5eb;
}

/* Immagine */
.bestPMTOK tr:nth-child(2) td:first-child{
    padding: 4px;
    text-align: center;
    width: 20%;
    border: none;
}

/* Ultima riga */
.bestPMTOK tr:last-child {
	text-align: center;
}
.bestPMTOK tr:last-child td {
    background: #dedcff;
}

/* Risoluzioni basse */
@media only screen and (max-width: 550px) {

    /* Larghezza maggiore */
    .bestPMTOK {
        margin: 0 0 3px -12px!important;
        width: calc(100% + 24px)!important;
    }

    /* Tutto su una sola riga  */
    .bestPMTOK tr:first-child td:first-child {
        white-space: nowrap;
    }
    .bestPMTOK_contenuto td {
        white-space: nowrap;
    }

}