Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Vector.css: Difference between revisions

MediaWiki interface page
Created page with "All CSS here will be loaded for users of the Vector skin: Infobox section: @media screen and (max-width: 720px) { table.infobox { display: inline-table !important; } } .citizen-body ul { margin: 0.5rem 0 0.5rem 1.5rem; } table.infobox { margin-left: 1.4rem; clear: right; float: right; z-index: 3!important; overflow: hidden; width: 320px; padding: 5px; max-width: 100%; margin-bottom: 1.6rem; padding-bottom:..."
 
infobox
Line 26: Line 26:
     border-radius: var(--border-radius--medium);
     border-radius: var(--border-radius--medium);
     border-spacing: 0;
     border-spacing: 0;
    border: 1px solid #62626226;
     box-shadow: var(--box-shadow-card);
     box-shadow: var(--box-shadow-card);
     font-size: 0.875rem;
     font-size: 0.875rem;

Revision as of 03:08, 2 April 2023

/* All CSS here will be loaded for users of the Vector skin */

/* Infobox section */
@media screen and (max-width: 720px) {
table.infobox {
    display: inline-table !important;
    }
}

.citizen-body ul {
    margin: 0.5rem 0 0.5rem 1.5rem;
}

table.infobox {
    margin-left: 1.4rem;
    clear: right;
    float: right;
    z-index: 3!important;
    overflow: hidden;
    width: 320px;
    padding: 5px;
    max-width: 100%;
    margin-bottom: 1.6rem;
    padding-bottom: 20px!important;
    background: var(--color-surface-2);
    border-radius: var(--border-radius--medium);
    border-spacing: 0;
    box-shadow: var(--box-shadow-card);
    font-size: 0.875rem;
}


th.infobox-title{
    padding-top: 10px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 5px;
    color: var(--color-base--emphasized);
    font-size: 1.4rem;
    line-height: 1.4;
}

th.infobox-header{
width: 100%;
    padding-top: 15px;
    border-top: 1px solid;
    border-color: var(--border-color-base);
    margin-top: 15px;
    color: var(--color-base--emphasized);
    font-size: 1rem;
}

table.infobox>tbody {
    text-align: center;
}

Advertising: