Шаблон:ТаблицаРолей/Роль/styles.css: различия между версиями

Материал из SUNRISE WIKI
Нет описания правки
Нет описания правки
 
(не показаны 3 промежуточные версии этого же участника)
Строка 1: Строка 1:
/* Основные стили карточки */
/* Основные стили карточки */
.card {
.cardRole {
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
     max-width: 400px;
     max-width: 400px;
     min-width: 190px;
     min-width: 190px;
    border: 1px solid #465298;
     padding: 2px;
     padding: 2px;
     border-radius: 6px;
     border-radius: 6px;
Строка 13: Строка 12:


/* Заголовок карточки */
/* Заголовок карточки */
.card_header {
.card_headerRole {
    background-color: #465298;
     border-radius: 3px;
     border-radius: 3px;
     text-align: center;
     text-align: center;
}
}


.card_header_title {
.card_header_titleRole {
     padding: 0 3px;
     padding: 0 3px;
}
}


.card_header_title p {
.card_header_titleRole p {
     margin: 6px 0;
     margin: 6px 0;
}
}


.title_text {
.title_textRole {
     color: white;
     color: white;
}
}


/* Область изображения */
/* Область изображения */
.card_image {
.card_imageRole {
     height: 100%;
     height: 100%;
     display: flex;
     display: flex;
Строка 40: Строка 38:
}
}


.fixed_image {
.fixed_imageRole {
     padding: 0 64px;
     padding: 0 64px;
}
}

Текущая версия от 21:56, 31 июля 2025

/* Основные стили карточки */
.cardRole {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    min-width: 190px;
    padding: 2px;
    border-radius: 6px;
    min-height: 36px;
    box-sizing: border-box;
}

/* Заголовок карточки */
.card_headerRole {
    border-radius: 3px;
    text-align: center;
}

.card_header_titleRole {
    padding: 0 3px;
}

.card_header_titleRole p {
    margin: 6px 0;
}

.title_textRole {
    color: white;
}

/* Область изображения */
.card_imageRole {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.fixed_imageRole {
    padding: 0 64px;
}