MediaWiki:Common.css

/* OJS/Pandoc expandable sections. Works without MediaWiki JavaScript. */
.pravaha-collapse {
    clear: both;
    margin: 12px 0;
    overflow: hidden;
    border: 1px solid #e2b76f;
    border-radius: 8px;
    background: #fffaf2;
    box-shadow: 0 2px 7px rgba(91, 48, 0, 0.08);
}

.pravaha-collapse-title {
    display: flex;
    min-height: 28px;
    padding: 12px 16px;
    align-items: center;
    gap: 10px;
    color: #7b4300;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 28px;
}

.pravaha-collapse-open,
.pravaha-collapse-close {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 50%;
    background: #35b8ef;
    color: #073b55 !important;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
}

.pravaha-collapse-open {
    display: inline-flex;
}

.pravaha-collapse-close {
    display: none;
}

.pravaha-collapse-content {
    display: none;
    padding: 4px 16px 16px;
    border-top: 1px solid #efd7ad;
    background: #fffdf9;
}

.pravaha-collapse:target .pravaha-collapse-content {
    display: block;
}

.pravaha-collapse:target .pravaha-collapse-open {
    display: none;
}

.pravaha-collapse:target .pravaha-collapse-close {
    display: inline-flex;
}

.pravaha-collapse-open:hover,
.pravaha-collapse-open:focus,
.pravaha-collapse-close:hover,
.pravaha-collapse-close:focus {
    background: #1aa9e6;
    color: #052d42 !important;
}

@media (max-width: 600px) {
    .pravaha-collapse-title {
        padding: 10px 12px;
    }
}

/* Collapsible Abstract box below the right-side article infobox. */
.bjs-abstract-controls {
    display: flex;
    align-items: center;
    gap: 9px;
}

.bjs-abstract-open,
.bjs-abstract-close {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #35b8ef;
    color: #073b55 !important;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    text-align: center;
    text-decoration: none !important;
}

.bjs-abstract-close,
.bjs-abstract-content-row {
    display: none;
}

.bjs-abstract-panel:target .bjs-abstract-open {
    display: none;
}

.bjs-abstract-panel:target .bjs-abstract-close {
    display: inline-block;
}

.bjs-abstract-panel:target .bjs-abstract-content-row {
    display: table-row;
}

.bjs-abstract-panel:target .bjs-abstract-heading {
    border-bottom: 1px solid #d6a9bc;
}