Template:Infobox/styles.css: Difference between revisions

Revision as of 12:59, 23 July 2022

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

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

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

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

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

.ec-infobox-content > p {
    padding: 0.6em;
    margin: 0;
}

.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;
}

.ec-infobox-content > img, .ec-infobox-content > .image > img  {
    max-width: 385px;


    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 {
        max-width: 100px;
        font-size: 5pt;
        min-width: 80px;
    }
    .ec-infobox img {
        width: 100%;
        height: 100%;
    }
}