Шаблон:ІнфобоксПерсонаж/styles.css: відмінності між версіями
Матеріал зі «Світу Льоду й Полум’я» — українська вікі
Більше дій
Немає опису редагування Мітка: Ручний відкіт |
Немає опису редагування |
||
| Рядок 1: | Рядок 1: | ||
.charbox { | .charbox { | ||
width: | width: 340px; /* було 400 */ | ||
float: right; | float: right; | ||
margin-left: | margin-left: 20px; | ||
background: #0e1b27; | background: #0e1b27; | ||
border-radius: | border-radius: 12px; | ||
overflow: hidden; | overflow: hidden; | ||
box-shadow: 0 | box-shadow: 0 8px 20px rgba(0,0,0,.35); /* тінь м’якша */ | ||
color: white; | color: white; | ||
font-size: 14px; | font-size: 14px; | ||
} | } | ||
/* Фото */ | |||
.charbox-image { | .charbox-image { | ||
position: relative; | position: relative; | ||
padding: 0; | padding: 0; | ||
margin: 0; | |||
line-height: 0; | |||
} | } | ||
.charbox- | /* Фото займає всю ширину */ | ||
.charbox-image img, | |||
.charbox-image .mw-file-element { | |||
display: block; | |||
width: 100% !important; | width: 100% !important; | ||
height: auto !important; | |||
} | |||
/* Прибираємо зайві контейнери MediaWiki */ | |||
.charbox-image a { | |||
display: block; | display: block; | ||
} | } | ||
/* Легке затемнення */ | |||
.charbox-image::after { | .charbox-image::after { | ||
content: ""; | content: ""; | ||
| Рядок 27: | Рядок 39: | ||
left: 0; | left: 0; | ||
width: 100%; | width: 100%; | ||
height: | height: 35%; | ||
background: linear-gradient(to top, rgba(0,0,0,. | background: linear-gradient(to top, rgba(0,0,0,.6), transparent); | ||
} | } | ||
/* Герб */ | |||
.charbox-emblem { | .charbox-emblem { | ||
position: absolute; | position: absolute; | ||
bottom: 10px; | bottom: 10px; | ||
right: 10px; | right: 10px; | ||
width: | width: 70px; /* трохи менший */ | ||
z-index: 3; | |||
} | } | ||
/* Заголовок */ | |||
.charbox-title { | .charbox-title { | ||
background: #2f5f87; | background: #2f5f87; | ||
text-align: center; | text-align: center; | ||
padding: 12px; | padding: 12px; | ||
font-size: | font-size: 18px; /* трохи менше */ | ||
font-weight: 600; | font-weight: 600; | ||
} | } | ||
/* Контент */ | |||
.charbox-content { | .charbox-content { | ||
padding: | padding: 14px; | ||
} | } | ||
.charbox-content div { | .charbox-content div { | ||
padding: 6px 0; | padding: 6px 0; | ||
border-top: 1px solid rgba(255,255,255,. | border-top: 1px solid rgba(255,255,255,.08); | ||
} | } | ||
Версія за 19:34, 24 лютого 2026
.charbox {
width: 340px; /* було 400 */
float: right;
margin-left: 20px;
background: #0e1b27;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 20px rgba(0,0,0,.35); /* тінь м’якша */
color: white;
font-size: 14px;
}
/* Фото */
.charbox-image {
position: relative;
padding: 0;
margin: 0;
line-height: 0;
}
/* Фото займає всю ширину */
.charbox-image img,
.charbox-image .mw-file-element {
display: block;
width: 100% !important;
height: auto !important;
}
/* Прибираємо зайві контейнери MediaWiki */
.charbox-image a {
display: block;
}
/* Легке затемнення */
.charbox-image::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 35%;
background: linear-gradient(to top, rgba(0,0,0,.6), transparent);
}
/* Герб */
.charbox-emblem {
position: absolute;
bottom: 10px;
right: 10px;
width: 70px; /* трохи менший */
z-index: 3;
}
/* Заголовок */
.charbox-title {
background: #2f5f87;
text-align: center;
padding: 12px;
font-size: 18px; /* трохи менше */
font-weight: 600;
}
/* Контент */
.charbox-content {
padding: 14px;
}
.charbox-content div {
padding: 6px 0;
border-top: 1px solid rgba(255,255,255,.08);
}