MediaWiki:Common.css: различия между версиями
Внешний вид
Admin (обсуждение | вклад) Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: →Базовая карточка: .infobox{float:right;clear:right;margin:0 0 1em 1em;width:320px; border:1px solid #a2a9b1;background:#f8f9fa} .infobox .infobox-title{font-weight:700;text-align:center;padding:.5em;background:#eaecf0} .infobox .infobox-image{text-align:center;padding:.5em} .infobox .infobox-row{display:flex;bord...» |
Admin (обсуждение | вклад) Нет описания правки |
||
Строка 2: | Строка 2: | ||
/* | /* ===== Базовый инфобокс ===== */ | ||
.infobox{float:right;clear:right;margin:0 0 1em 1em;width:320px; | .infobox{float:right;clear:right;margin:0 0 1em 1em;width:320px; | ||
border:1px solid #a2a9b1;background:#f8f9fa} | border:1px solid #a2a9b1;background:#f8f9fa;border-radius:4px;overflow:hidden} | ||
.infobox .infobox-title{font-weight:700;text-align:center;padding:.5em;background:#eaecf0} | .infobox .infobox-title{font-weight:700;text-align:center;padding:.5em;background:#eaecf0} | ||
.infobox .infobox-image{text-align:center;padding:.5em} | .infobox .infobox-image{text-align:center;padding:.5em} | ||
.infobox .infobox-row{display:flex;border-top:1px solid #a2a9b1} | .infobox .infobox-row{display:flex;border-top:1px solid #a2a9b1} | ||
.infobox .infobox-label{flex:0 0 40%;background:#f3f4f5;padding:. | .infobox .infobox-label{flex:0 0 40%;background:#f3f4f5;padding:.35em .5em;font-weight:600} | ||
.infobox .infobox-data{flex:1;padding:. | .infobox .infobox-data{flex:1;padding:.35em .5em} | ||
/* Галерея в карточке */ | /* Галерея изображений в карточке (список картинок сверху) */ | ||
.infobox-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr)); | .infobox-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr)); | ||
gap:6px;align-items:end;margin:.4em} | gap:6px;align-items:end;margin:.4em .5em} | ||
.infobox-gallery img{width:100%;height:auto} | .infobox-gallery img{width:100%;height:auto} | ||
/* Утилиты | /* Утилиты для модулей/шаблонов */ | ||
.list-style-none{list-style:none;margin:0;padding:0} | .list-style-none{list-style:none;margin:0;padding:0} | ||
.invslot{display:inline-block;position:relative} | .invslot{display:inline-block;position:relative} | ||
.invslot-item-image img{vertical-align:bottom} | .invslot-item-image img{vertical-align:bottom} | ||
.invslot-stacksize{position:absolute;right:2px;bottom:0;font-weight:700} | .invslot-stacksize{position:absolute;right:2px;bottom:0;font-weight:700} | ||
/* Отрисовка значений данных */ | |||
.dv{font-family:monospace;padding:0 .25em;border:1px solid #c8ccd1;background:#fff;border-radius:3px} |
Версия от 08:07, 10 августа 2025
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* ===== Базовый инфобокс ===== */
.infobox{float:right;clear:right;margin:0 0 1em 1em;width:320px;
border:1px solid #a2a9b1;background:#f8f9fa;border-radius:4px;overflow:hidden}
.infobox .infobox-title{font-weight:700;text-align:center;padding:.5em;background:#eaecf0}
.infobox .infobox-image{text-align:center;padding:.5em}
.infobox .infobox-row{display:flex;border-top:1px solid #a2a9b1}
.infobox .infobox-label{flex:0 0 40%;background:#f3f4f5;padding:.35em .5em;font-weight:600}
.infobox .infobox-data{flex:1;padding:.35em .5em}
/* Галерея изображений в карточке (список картинок сверху) */
.infobox-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));
gap:6px;align-items:end;margin:.4em .5em}
.infobox-gallery img{width:100%;height:auto}
/* Утилиты для модулей/шаблонов */
.list-style-none{list-style:none;margin:0;padding:0}
.invslot{display:inline-block;position:relative}
.invslot-item-image img{vertical-align:bottom}
.invslot-stacksize{position:absolute;right:2px;bottom:0;font-weight:700}
/* Отрисовка значений данных */
.dv{font-family:monospace;padding:0 .25em;border:1px solid #c8ccd1;background:#fff;border-radius:3px}