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

Материал из Space Station 14 Вики
Новая страница: «.gradient-block { display: flex; flex-direction: column; border: 1px solid #3c3c47; border-radius: 0.2em; } .gradient-block__header, .gradient-block__sub-body { background: linear-gradient(120deg, #33333d, #2b2b33); text-align: left; border-radius: 0.2em 0.2em 0 0; } .gradient-block__header { border-radius: 0.2em 0.2em 0 0; padding: 6px; border-bottom: 2px solid #00000039; } .gradient-block__sub-body { border-ra...»
 
мНет описания правки
Строка 1: Строка 1:
.gradient-block {
.gradient-block {
    display: flex;
display: flex;
    flex-direction: column;
flex-direction: column;
    border: 1px solid #3c3c47;
border: 1px solid var(--theme-border);
    border-radius: 0.2em;
border-radius: var(--border-radius-low);
}
}


.gradient-block__header,
.gradient-block__header,
.gradient-block__sub-body {
.gradient-block__sub-body {
    background: linear-gradient(120deg, #33333d, #2b2b33);
background: var(--theme-bg-header--gradient);
    text-align: left;
text-align: left;
    border-radius: 0.2em 0.2em 0 0;
}
}


.gradient-block__header {
.gradient-block__header {
    border-radius: 0.2em 0.2em 0 0;
padding: 6px;
    padding: 6px;
border-bottom: 2px solid var(--color-darkened-border);
    border-bottom: 2px solid #00000039;
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
}
}


.gradient-block__sub-body {
.gradient-block__sub-body {
    border-radius: 0 0 0.2em 0.2em;
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
    padding: 2px 6px;
padding: 2px 6px;
    flex-grow: 1;
flex-grow: 1;
}
}


.gradient-block__body {
.gradient-block__body {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -3px 5px rgba(0, 0, 0, 0.2);
box-shadow: var(--box-shadow-inset-high);
    background: #232329;
background: var(--ooui--bg-dark);
    flex-grow: 100;
flex-grow: 100;
    border-radius: 0 0 0.2em 0.2em;
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
    padding: 8px;
padding: 8px;
    position: relative;
position: relative;
    font-size: 14px;
font-size: 14px;
    overflow: auto;
overflow: auto;
}
}

Версия от 15:55, 29 марта 2025

.gradient-block {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--theme-border);
	border-radius: var(--border-radius-low);
}

.gradient-block__header,
.gradient-block__sub-body {
	background: var(--theme-bg-header--gradient);
	text-align: left;
}

.gradient-block__header {
	padding: 6px;
	border-bottom: 2px solid var(--color-darkened-border);
	border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
}

.gradient-block__sub-body {
	border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
	padding: 2px 6px;
	flex-grow: 1;
}

.gradient-block__body {
	box-shadow: var(--box-shadow-inset-high);
	background: var(--ooui--bg-dark);
	flex-grow: 100;
	border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
	padding: 8px;
	position: relative;
	font-size: 14px;
	overflow: auto;
}