Jump to content
Открыть меню
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

Шаблон:FlatCardWithHeader/Сollapsible/styles.css: различия между версиями

Материал из Aavikko
Новая страница: «.flat-card-with-header--сollapsible { box-shadow: var(--box-shadow); display: grid; gap: 4px; border: 1px solid var(--theme-bg-color-300); border-radius: var(--border-radius-low); padding: 0.25em; --color-mix: color-mix(in srgb, var(--theme-bg-color-100) 80%, var(--theme-bg-color-base)); background: var(--color-mix); } .flat-card-with-header--сollapsible__header { display: flex; align-items: center; font-family:...»
 
Нет описания правки
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
.flat-card-with-header--сollapsible {
.flat-card-with-header--сollapsible {
     box-shadow: var(--box-shadow);
     border: 1px solid #3F3F46;
     display: grid;
     border-radius: 4px;
    gap: 4px;
     background-color: #1B1B1F !important;
     border: 1px solid var(--theme-bg-color-300);
     margin: 8px 0;
     border-radius: var(--border-radius-low);
     display: flex;
     padding: 0.25em;
     flex-direction: column;
     --color-mix: color-mix(in srgb, var(--theme-bg-color-100) 80%, var(--theme-bg-color-base));
     overflow: hidden;
     background: var(--color-mix);
}
}


Строка 13: Строка 12:
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     font-family: "noto sans";
     background-color: #2A2A2E !important;
    text-align: left;
     padding: 8px 12px;
     padding: 3px;
     border-bottom: 1px solid #3F3F46;
    border-radius: var(--border-radius-low);
     color: #FFFFFF !important;
    overflow-wrap: anywhere;
     font-size: 1.1em;
    min-height: 32px;
     font-weight: bold;
     border-bottom: 2px solid var(--color-darkened-border);
     border-top: 2px solid var(--color-lighter-alpha-x);
    background: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
      
    grid-row: 1;
     grid-column: 1 / 3;
}
 
.flat-card-with-header--сollapsible__header-img {
background: rgba(0, 0, 0, var(--alpha-xs));
padding: 2px;
border-radius: var(--border-radius-low);
}
}


.flat-card-with-header--сollapsible__content {
.flat-card-with-header--сollapsible__content {
    background-color: var(--theme-bg-color-150);
     padding: 12px;
    border-radius: var(--border-radius-low);
     background-color: #1B1B1F !important;
   
     color: #FFFFFF;
grid-column: 1 / 3;
    grid-row: 2;
}
 
.flat-card-with-header--сollapsible > .mw-collapsible-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
     padding: 7px;
      
    top: 0;
    right: 0;
   
    grid-row: 1;
     grid-column: 1 / 3;
}
 
.flat-card-with-header--сollapsible__header a {
    z-index: 2;
    position: relative;
}
}

Текущая версия от 15:49, 18 октября 2026

.flat-card-with-header--сollapsible {
    border: 1px solid #3F3F46;
    border-radius: 4px;
    background-color: #1B1B1F !important;
    margin: 8px 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.flat-card-with-header--сollapsible__header {
    display: flex;
    align-items: center;
    background-color: #2A2A2E !important;
    padding: 8px 12px;
    border-bottom: 1px solid #3F3F46;
    color: #FFFFFF !important;
    font-size: 1.1em;
    font-weight: bold;
}

.flat-card-with-header--сollapsible__content {
    padding: 12px;
    background-color: #1B1B1F !important;
    color: #FFFFFF;
}