Шаблон:Pageframe/styles.css: различия между версиями
Aylong (обсуждение | вклад) мНет описания правки |
Aylong (обсуждение | вклад) мНет описания правки |
||
Строка 3: | Строка 3: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
background-color: var(-- | background-color: var(--tmp-10); | ||
box-shadow: var(--template-shadow--small) -1px var(-- | box-shadow: var(--template-shadow--small) -1px var(--tmp-50); | ||
border-radius: var(--border-radius-medium); | border-radius: var(--border-radius-medium); | ||
} | } | ||
Строка 10: | Строка 10: | ||
.pageframe hr { | .pageframe hr { | ||
margin: 0.5rem 0; | margin: 0.5rem 0; | ||
background-color: var(-- | background-color: var(--tmp-25); | ||
} | } | ||
Строка 19: | Строка 19: | ||
gap: 0.5rem; | gap: 0.5rem; | ||
padding: 2px 0.5rem 0; | padding: 2px 0.5rem 0; | ||
background-color: var(-- | background-color: var(--tmp-75); | ||
color: var(--color-white); | color: var(--color-white); | ||
border-bottom: 2px solid hsl(from var(-- | border-bottom: 2px solid hsl(from var(--tmp-100) h s calc(l + 5)); | ||
} | } | ||
Строка 38: | Строка 38: | ||
.pageframe-content { | .pageframe-content { | ||
padding: 0.5rem; | padding: 0.5rem; | ||
border: 1px solid var(-- | border: 1px solid var(--tmp-25); | ||
border-top: unset; | border-top: unset; | ||
border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium); | border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium); | ||
} | } |
Текущая версия от 10:13, 2 июня 2025
.pageframe {
overflow: hidden;
display: flex;
flex-direction: column;
background-color: var(--tmp-10);
box-shadow: var(--template-shadow--small) -1px var(--tmp-50);
border-radius: var(--border-radius-medium);
}
.pageframe hr {
margin: 0.5rem 0;
background-color: var(--tmp-25);
}
.pageframe-header {
display: flex;
align-items: center;
min-height: 1.75rem;
gap: 0.5rem;
padding: 2px 0.5rem 0;
background-color: var(--tmp-75);
color: var(--color-white);
border-bottom: 2px solid hsl(from var(--tmp-100) h s calc(l + 5));
}
.pageframe-header-icon {
line-height: 1em;
}
.pageframe-header-text {
flex: 1;
font-weight: bold;
text-align: center;
line-height: 1.1rem;
padding: 0.25em 0;
}
.pageframe-content {
padding: 0.5rem;
border: 1px solid var(--tmp-25);
border-top: unset;
border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
}