MediaWiki:Common.css: Difference between revisions

Revision as of 18:34, 15 August 2024

/* CSS placed here will be applied to all skins */

/** Main Page */
.hhw-main-page {
    display: grid;
    grid-template-areas:
        "a a a"
        "b b c"
        "d e f";
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px;
    padding: 4px;
}

.hhw-item-header { 
    background-color: #f4f4f4; 

    display: flex;
    justify-content: center;
    
    font-weight: bold;

    width: 100%; 
}

.hhw-item-content {
    margin: 0.5em;
}

.hhw-item   { background-color: #fff; border: solid 1px #00000044 }
.hhw-item-1 { grid-area: a; }
.hhw-item-2 { grid-area: b; }
.hhw-item-3 { grid-area: c; }
.hhw-item-4 { grid-area: d; }
.hhw-item-5 { grid-area: e; }
.hhw-item-6 { grid-area: f; }

/** Notice Boxes */
.hhw-noticebox {
    display: flex;
    padding: 1em;
    margin: 0.5rem auto 0.5rem;

    font-weight: bold;

    border-radius: 0.5rem;
    border: solid 2px var(--color-progressive);
    border-left: solid 8px var(--color-progressive);
}

.hhw-noticebox-error {
    display: flex;
    padding: 1em;
    margin: 0.5rem;

    font-weight: bold;

    border-radius: 0.5rem;
    border: solid 2px var(--color-error);
    border-left: solid 8px var(--color-error);
}

.hhw-noticebox-warning {
    display: flex;
    padding: 1em;
    margin: 0.5rem;

    font-weight: bold;

    border-radius: 0.5rem;
    border: solid 2px var(--color-warning);
    border-left: solid 8px var(--color-warning);
}