Участник:alivepillow/песочница/шаблоны/cellimage/styles.css

Вернуться

Строка 1: Строка 1:
/* Стили для прикольного отображения картинок в таблице*/
.boxplate {
:root {
font-family: sans-serif;
  --main-bg-color: rgb(255, 99, 71); /* Томатный цвет для пробы */
  --secondary-bg-color: rgb(143, 63, 63);
  --main-text-color: rgb(46, 204, 113);
}
 
.alivepillow-wiki-cell-image {
background: var(--main-bg-color);
    display: flex;
    flex-direction: column !important;
    border-radius: 8px;
}
 
.alivepillow-wiki-cell-image__title {
position: relative;
display: flex;
display: flex;
flex-flow: row wrap;
background-color: rgb(102, 102, 102);
justify-content: space-around;
align-items: center;
align-items: center;
color: var(--main-text-color);
width: 200px;
padding:5px 10px
height: 100px;
align-content: space-around;
gap: 10px 20px;
}
.cellbox__title {
position: relative;
display: flex;
min-height: 32px;
padding: 2px 8px;
}
}
 
.cellbox {
.alivepillow-wiki-cell-image__content {
padding: 10px;
background: var(--secondary-bg-color);
border-radius: 15px;
flex-grow: 3;
background-color: rgb(56, 56, 56);
}
}