MediaWiki:Common.css: Difference between revisions

From The Character Database
No edit summary
No edit summary
Line 30: Line 30:
}
}


/* Center infoboxes on mobile devices */
.container {
    max-width: 800px;
}
 
@media screen and (max-width: 767px) {
@media screen and (max-width: 767px) {
    .container {
        width: 100%;
    }
     .infobox {
     .infobox {
         margin-left: auto;
         margin-left: auto;
         margin-right: auto;
         margin-right: auto;
        float: none;
         text-align: center;
         text-align: center;
         clear: both;
         clear: both;
     }
     }
}
}

Revision as of 01:28, 25 April 2023

/* CSS placed here will be applied to all skins */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
    clear: none;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
    margin-left: inherit;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.container {
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .container {
        width: 100%;
    }
    .infobox {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        clear: both;
    }
}