Template:Infobox/styles.css: Difference between revisions

Latest revision as of 18:34, 14 March 2023

.ec-infobox {
    clear: both;
    float: right;

    max-width: 400px;
    width: min-content;

    border: 2px solid;
    border-color: #ccc;
    border-radius: 2px;

    margin-bottom: 10px;
    margin-left: 10px;
}

.ec-infobox {
    font-size: 8pt !important;
}

.ec-infobox-content > p {
    padding: 0.6em;
    margin: 0;
    font-size: inherit !important;
}

.ec-infobox-title {
    background-color: #eee;

    font-weight: bold;
    text-align: center;

    border-bottom: 2px solid;
    border-color: inherit;
    padding: 1px;
}

.ec-infobox-content {
	border-color: inherit;
	font-size: inherit !important;
}

.ec-infobox img {
    max-width: 385px;
    height: 100%;
    
    display: inline-block;
    object-fit: contain;
}

.ec-infobox-content > .bordered-table {
    width: calc(100% + 4px);

    margin: -2px;
    border: none;
}

/* Responsive stuff */

@media only screen and (max-width: 740px) {
    /* Shrink infoboxes */
    .ec-infobox {
        font-size: 5pt;
    }
    .ec-infobox img {
        max-width: 20vw;
    }
}

@media print {
	.ec-infobox {
		break-inside: avoid;
		border-color: black !important;
		border-width: 2px;
		border-radius: 0;
		margin: 5mm;
	}
}