Шаблон:Infobox/styles.css: различия между версиями
Перейти к навигации
Перейти к поиску
Hloth (обсуждение | вклад) Новая страница: «.infobox { float: right; margin-left: 12px; margin-bottom: 6px; padding: 5px; width: 290px; border: 1px solid #a2a9b1; box-sizing: border-box; } .infobox .title { background-color: rgb(207, 227, 255); font-weight: 700; font-size: 15px; line-height: 18px; text-align: center; width: 100%; } .infobox .image { max-width: 100%; padding: 0 16px; } .infobox img { width: 100%; height: auto; } .infobox .image pre { background: transparent; border...» |
Hloth (обсуждение | вклад) Нет описания правки |
||
| (не показано 7 промежуточных версий этого же участника) | |||
| Строка 5: | Строка 5: | ||
padding: 5px; | padding: 5px; | ||
width: 290px; | width: 290px; | ||
max-width: 100%; | |||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Строка 16: | Строка 17: | ||
text-align: center; | text-align: center; | ||
width: 100%; | width: 100%; | ||
padding: 2px 0; | |||
} | |||
html[class*=skin-theme-clientpref-night] .infobox .title { | |||
background-color: rgb(57, 70, 88); | |||
} | |||
@media (prefers-color-scheme: dark) { | |||
html[class*=skin-theme-clientpref-os] .infobox .title { | |||
background-color: rgb(57, 70, 88); | |||
} | |||
} | } | ||
.infobox .image { | .infobox .image { | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
.infobox img { | .infobox .image img { | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
| Строка 35: | Строка 45: | ||
font-weight: 700; | font-weight: 700; | ||
text-align: left; | text-align: left; | ||
} | |||
.infobox .plainlist-container { | |||
display: flex; | |||
} | |||
.infobox .plainlist-container span[typeof="mw:File"] + a { | |||
vertical-align: middle; | |||
} | } | ||
Текущая версия от 08:19, 6 декабря 2025
.infobox {
float: right;
margin-left: 12px;
margin-bottom: 6px;
padding: 5px;
width: 290px;
max-width: 100%;
border: 1px solid #a2a9b1;
box-sizing: border-box;
}
.infobox .title {
background-color: rgb(207, 227, 255);
font-weight: 700;
font-size: 15px;
line-height: 18px;
text-align: center;
width: 100%;
padding: 2px 0;
}
html[class*=skin-theme-clientpref-night] .infobox .title {
background-color: rgb(57, 70, 88);
}
@media (prefers-color-scheme: dark) {
html[class*=skin-theme-clientpref-os] .infobox .title {
background-color: rgb(57, 70, 88);
}
}
.infobox .image {
max-width: 100%;
}
.infobox .image img {
width: 100%;
height: auto;
}
.infobox .image pre {
background: transparent;
border: none;
}
.infobox .plainlist {
width: 128px;
font-weight: 700;
text-align: left;
}
.infobox .plainlist-container {
display: flex;
}
.infobox .plainlist-container span[typeof="mw:File"] + a {
vertical-align: middle;
}