Шаблон:Таблица ролей/styles.css: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) Нет описания правки |
||
| (не показано 12 промежуточных версий этого же участника) | |||
| Строка 4: | Строка 4: | ||
padding: 0.4em; | padding: 0.4em; | ||
border-radius: var(--border-radius-low); | border-radius: var(--border-radius-low); | ||
width: 100%; | |||
} | } | ||
.таблица-ролей__content { | .таблица-ролей__content { | ||
padding: 12px | padding: 14px 12px; | ||
display: flex; | |||
gap: 12px; | |||
justify-content: space-evenly; | |||
align-items: flex-start; | |||
flex-wrap: wrap; | |||
border: 1px solid var(--color-lighter-alpha-x); | |||
border-top: none; | |||
border-radius: var(--border-radius-low); | |||
} | |||
.таблица-ролей__content > .link-card { | |||
min-width: 165px; | |||
} | } | ||
.таблица-ролей__header { | .таблица-ролей__header { | ||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
padding: 2px 8px; | |||
font-weight: bold; | |||
border-radius: var(--border-radius-low); | border-radius: var(--border-radius-low); | ||
border-top: 1px solid var(--color-lighter-alpha-x); | border-top: 1px solid var(--color-lighter-alpha-x); | ||
border-bottom: 2px solid var(--color-darkened-border); | border-bottom: 2px solid var(--color-darkened-border); | ||
font-size: var(--font-size-l); | |||
box-shadow: var(--box-shadow); | |||
position: relative; | |||
} | } | ||
| Строка 22: | Строка 41: | ||
display: grid; | display: grid; | ||
gap: 6px; | gap: 6px; | ||
grid-template-columns: repeat(auto-fit, minmax( | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | ||
margin-top: 6px; | margin-top: 6px; | ||
} | } | ||
.таблица-ролей__sub-content { | .таблица-ролей__sub-content { | ||
border | border: 1px solid var(--color-lighter-alpha-x); | ||
border-radius: var(--border-radius-low); | border-radius: var(--border-radius-low); | ||
} | } | ||
| Строка 33: | Строка 52: | ||
.таблица-ролей__sub > div { | .таблица-ролей__sub > div { | ||
padding: 0.2em 0.4em 0.2em; | padding: 0.2em 0.4em 0.2em; | ||
} | } | ||
Текущая версия от 01:41, 24 июня 2026
.таблица-ролей {
background: var(--theme-bg-color-100);
border: 1px solid var(--theme-border-color-base);
padding: 0.4em;
border-radius: var(--border-radius-low);
width: 100%;
}
.таблица-ролей__content {
padding: 14px 12px;
display: flex;
gap: 12px;
justify-content: space-evenly;
align-items: flex-start;
flex-wrap: wrap;
border: 1px solid var(--color-lighter-alpha-x);
border-top: none;
border-radius: var(--border-radius-low);
}
.таблица-ролей__content > .link-card {
min-width: 165px;
}
.таблица-ролей__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2px 8px;
font-weight: bold;
border-radius: var(--border-radius-low);
border-top: 1px solid var(--color-lighter-alpha-x);
border-bottom: 2px solid var(--color-darkened-border);
font-size: var(--font-size-l);
box-shadow: var(--box-shadow);
position: relative;
}
.таблица-ролей__sub {
display: grid;
gap: 6px;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
margin-top: 6px;
}
.таблица-ролей__sub-content {
border: 1px solid var(--color-lighter-alpha-x);
border-radius: var(--border-radius-low);
}
.таблица-ролей__sub > div {
padding: 0.2em 0.4em 0.2em;
}