Шаблон:Раздел КЗ/styles.css: различия между версиями

Add Cosmic Law section styles
 
Hide TOC-only law section headings
Строка 168: Строка 168:
         margin-left: 0;
         margin-left: 0;
     }
     }
}
/* ---------- TOC-only section headings ---------- */
/*
* Real MediaWiki headings are kept in the template so X00-X07
* remain part of the page outline and sidebar contents.
* The visible heading is the styled heading inside the section card.
*/
.rs-law-section-toc {
    display: none;
}
}

Версия от 05:51, 30 сентября 2026

.rs-law-section {
    position: relative;
    margin: 10px 0;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.075);
    border-left: 3px solid rgba(255, 59, 63, 0.42);
    border-radius: 8px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.020)
        ),
        rgba(10, 12, 16, 0.78);

    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.16),
        inset 0 1px rgba(255, 255, 255, 0.025);
}

.rs-law-section__heading {
    display: flex;
    align-items: center;
    gap: 7px;

    min-height: 38px;
    box-sizing: border-box;
    padding: 7px 48px 7px 11px;

    color: #e8ebf1;

    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;

    background:
        linear-gradient(
            90deg,
            rgba(255, 59, 63, 0.045),
            rgba(255, 255, 255, 0.018) 60%,
            transparent
        );
}

.rs-law-section__code {
    flex: 0 0 auto;

    padding: 2px 6px;

    border: 1px solid rgba(255, 59, 63, 0.20);
    border-radius: 4px;

    background: rgba(255, 59, 63, 0.075);
    color: #f0c8ca;

    font-size: 0.82em;
    letter-spacing: 0.025em;
}

.rs-law-section__description {
    padding: 7px 12px 8px;

    border-top: 1px solid rgba(255, 255, 255, 0.045);

    color: rgba(210, 215, 224, 0.66);

    font-size: 0.88rem;
    font-style: italic;
    line-height: 1.45;

    background: rgba(0, 0, 0, 0.10);
}

.rs-law-section__content {
    padding: 0 10px 8px;
}

.rs-law-section > .mw-collapsible-toggle {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 2;

    float: none;
}


/* ---------- Individual law articles ---------- */

.rs-law-article {
    padding: 11px 5px 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.060);
}

.rs-law-article:first-child {
    border-top: 0;
}

.rs-law-article__heading {
    display: flex;
    align-items: baseline;
    gap: 7px;

    margin-bottom: 4px;

    color: #e5e9ef;

    font-weight: 700;
}

.rs-law-article__code {
    flex: 0 0 auto;

    min-width: 34px;
    box-sizing: border-box;
    padding: 2px 5px;

    border: 1px solid rgba(255, 59, 63, 0.17);
    border-radius: 4px;

    background: rgba(255, 59, 63, 0.055);
    color: #f0b9bc;

    text-align: center;
    font-size: 0.82rem;
}

.rs-law-article__title {
    color: #e8ebf1;
}

.rs-law-article__description {
    margin: 0 0 8px 41px;

    color: rgba(205, 210, 220, 0.66);

    font-size: 0.88rem;
    font-style: italic;
    line-height: 1.45;
}

.rs-law-article__body {
    margin-left: 41px;

    color: var(--color-text-darker);
    line-height: 1.55;
}

.rs-law-article__body > :first-child {
    margin-top: 0;
}

.rs-law-article__body > :last-child {
    margin-bottom: 0;
}

@media (max-width: 760px) {
    .rs-law-section__heading {
        padding-right: 42px;
    }

    .rs-law-article__description,
    .rs-law-article__body {
        margin-left: 0;
    }
}

/* ---------- TOC-only section headings ---------- */

/*
 * Real MediaWiki headings are kept in the template so X00-X07
 * remain part of the page outline and sidebar contents.
 * The visible heading is the styled heading inside the section card.
 */
.rs-law-section-toc {
    display: none;
}