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

Новая страница: «.gradient-header-frame { background: linear-gradient(90deg, #1B263B, #00D4FF); border-radius: 8px; padding: 15px; color: #FFFFFF; box-shadow: 0 0 10px rgba(0, 212, 255, 0.5); } .gradient-header-frame .title { font-size: 18px; font-weight: 500; text-shadow: 0 0 5px #00D4FF; }»
 
Нет описания правки
 
Строка 1: Строка 1:
.gradient-header-frame {
.gradient-header-frame {
    background: linear-gradient(90deg, #1B263B, #00D4FF);
display: flex;
    border-radius: 8px;
flex-direction: column;
    padding: 15px;
    color: #FFFFFF;
border: 1px solid var(--theme-bg-color-300);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
border-radius: var(--border-radius-medium);
}
}


.gradient-header-frame .title {
.gradient-header-frame__header {
    font-size: 18px;
display: flex;
    font-weight: 500;
align-items: center;
    text-shadow: 0 0 5px #00D4FF;
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-center);
text-align: center;
}
 
.gradient-header-frame__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);
}
}