MediaWiki

Common.css: Difference between revisions

No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
.botc-example {
.botc-example {
     margin: 1em 0;
     width: 36em;
     border: 1px solid #d8d8d8;
    max-width: 90%;
     border-radius: 8px;
     margin: 1em auto;
     padding: 0.75em 1em;
     background: #f8f9fa;
     background: #f8f9fa;
     overflow: hidden;
     border: 1px solid #a2a9b1;
    border-radius: 6px;
    box-sizing: border-box;
    line-height: 1.5;
}
}


.botc-example-title {
.botc-example > :first-child {
     padding: .55em .9em;
     margin-top: 0;
    font-weight: 600;
    font-size: 0.95em;
    color: #555;
    background: #efefef;
    border-bottom: 1px solid #d8d8d8;
}
}


.botc-example-body {
.botc-example > :last-child {
     padding: .9em 1em;
     margin-bottom: 0;
     line-height: 1.6;
}
.character-info {
    display: flex;
    gap: 2em;
     align-items: flex-start;
}
 
.character-info > div {
    flex: 1;
}
 
@media (max-width: 1000px) {
    .character-info {
        flex-direction: column;
        gap: 0;
    }
 
    .character-info > div {
        width: 100%;
    }
}
}

Latest revision as of 12:06, 29 June 2026

.botc-example {
    width: 36em;
    max-width: 90%;
    margin: 1em auto;
    padding: 0.75em 1em;
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    border-radius: 6px;
    box-sizing: border-box;
    line-height: 1.5;
}

.botc-example > :first-child {
    margin-top: 0;
}

.botc-example > :last-child {
    margin-bottom: 0;
}
.character-info {
    display: flex;
    gap: 2em;
    align-items: flex-start;
}

.character-info > div {
    flex: 1;
}

@media (max-width: 1000px) {
    .character-info {
        flex-direction: column;
        gap: 0;
    }

    .character-info > div {
        width: 100%;
    }
}