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

Материал из Space Station 14 Вики
мНет описания правки
м Замена текста — «--theme-bg-color-350» на «--theme-bg-color-300»
 
(не показано 7 промежуточных версий этого же участника)
Строка 1: Строка 1:
.gradient-header-frame-sub {
.gradient-header-frame-sub {
    display: flex;
display: flex;
    flex-direction: column;
flex-direction: column;
   
    border: 1px solid var(--theme-bg-color-400);
border: 1px solid var(--theme-bg-color-300);
    border-radius: 0.3em;
border-radius: var(--border-radius-medium);
}
}


.gradient-header-frame-sub__header {
.gradient-header-frame-sub__header {
    color: #efefef;
display: flex;
    font-size: 1.15em;
align-items: center;
    font-family: "noto sans";
justify-content: space-between;
    padding: 6px 10px;
min-height: 32px;
    background: var(--theme-bg-header-light--gradient);
padding: 4px 10px;
    text-align: left;
 
color: var(--theme-text-color-header);
font-size: var(--font-size-l);
font-family: var(--font-family-heading);
background: var(--theme-bg-header-light--gradient);
text-align: left;
}
}


.gradient-header-frame-sub__content {
.gradient-header-frame-sub__content {
    box-shadow: var(--box-shadow-inset);
box-shadow: var(--box-shadow-inset);
    background: var(--theme-bg-color-200);
background: var(--theme-bg-color-150);
    flex-grow: 2;
flex-grow: 2;
    border-radius: 0 0 0.3em 0.3em;
border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
}
}

Текущая версия от 21:04, 20 июня 2025

.gradient-header-frame-sub {
	display: flex;
	flex-direction: column;
	
	border: 1px solid var(--theme-bg-color-300);
	border-radius: var(--border-radius-medium);
}

.gradient-header-frame-sub__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 32px;
	padding: 4px 10px;

	color: var(--theme-text-color-header);
	font-size: var(--font-size-l);
	font-family: var(--font-family-heading);
	background: var(--theme-bg-header-light--gradient);
	text-align: left;
}

.gradient-header-frame-sub__content {
	box-shadow: var(--box-shadow-inset);
	background: var(--theme-bg-color-150);
	flex-grow: 2;
	border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
}