https://develika-wiki.marus.team/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-develika-compare.css 2026-07-01T18:22:31Z История изменений этой страницы в вики MediaWiki 1.43.9 https://develika-wiki.marus.team/index.php?title=MediaWiki:Gadget-develika-compare.css&diff=67&oldid=prev 2026-07-01T10:31:45Z

<p>Библиотека компонентов</p> <p><b>Новая страница</b></p><div>/* Корзина сравнения устройств */<br /> .dvlk-cmp-add {<br /> display: inline-flex;<br /> align-items: center;<br /> margin: .4rem 0 1rem;<br /> padding: .4rem 1rem;<br /> border: 1px solid #90c0d1;<br /> border-radius: 999px;<br /> background: transparent;<br /> color: #2a3d47;<br /> font-weight: 700;<br /> letter-spacing: -0.01em;<br /> cursor: pointer;<br /> }<br /> .dvlk-cmp-add:hover { background: #e9f2f6; }<br /> .dvlk-cmp-add.is-on { background: #2a3d47; border-color: #2a3d47; color: #fff; }<br /> <br /> .dvlk-cmp-badge {<br /> position: fixed;<br /> right: 16px;<br /> bottom: 16px;<br /> z-index: 100;<br /> background: #2a3d47;<br /> color: #fff;<br /> padding: .5rem .9rem;<br /> border-radius: 999px;<br /> text-decoration: none;<br /> font-weight: 700;<br /> box-shadow: 0 2px 10px rgba( 0, 0, 0, .25 );<br /> }<br /> .dvlk-cmp-badge__n {<br /> display: inline-block;<br /> min-width: 1.2em;<br /> text-align: center;<br /> background: #fff;<br /> color: #2a3d47;<br /> border-radius: 999px;<br /> padding: 0 .35rem;<br /> margin-left: .35rem;<br /> }<br /> <br /> .dvlk-cmp-controls { display: flex; gap: 1rem; align-items: center; margin: .6rem 0 1rem; }<br /> .dvlk-cmp-clear {<br /> border: none; border-radius: 999px; background: #e9f2f6;<br /> padding: .35rem .9rem; color: #2a3d47; font-weight: 600; cursor: pointer;<br /> }<br /> .dvlk-cmp-clear:hover { background: #dbeaf0; }<br /> <br /> .dvlk-cmp-table { width: 100%; border-collapse: collapse; }<br /> .dvlk-cmp-table th,<br /> .dvlk-cmp-table td {<br /> padding: .5rem .75rem;<br /> border-bottom: 1px solid #e8eef2;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> .dvlk-cmp-sec th { background: #e9f2f6; font-weight: 700; }<br /> .dvlk-cmp-k { color: #7f8b91; width: 30%; }<br /> .dvlk-cmp-rm {<br /> border: none; background: transparent; color: #d92d2d; cursor: pointer; font-weight: 700;<br /> }<br /> .dvlk-cmp-empty { color: #7f8b91; }<br /> <br /> /* Карточки устройств в шапке сравнения */<br /> .dvlk-cmp-head th.dvlk-cmp-card {<br /> text-align: center;<br /> vertical-align: top;<br /> padding: 1rem .75rem;<br /> position: relative;<br /> }<br /> .dvlk-cmp-card__img { display: block; margin: 0 auto .5rem; max-width: 110px; max-height: 150px; }<br /> .dvlk-cmp-card__name { display: block; font-weight: 700; margin-bottom: .25rem; }<br /> .dvlk-cmp-card__rating { color: #7f8b91; font-size: .9em; }<br /> .dvlk-cmp-card__stars { color: #f2a100; letter-spacing: 1px; }<br /> .dvlk-cmp-head th.dvlk-cmp-card .dvlk-cmp-rm { position: absolute; top: .4rem; right: .5rem; }<br /> <br /> /* Тёмная тема */<br /> html.skin-theme-clientpref-night .dvlk-cmp-sec th { background: #161b22; }<br /> html.skin-theme-clientpref-night .dvlk-cmp-table th,<br /> html.skin-theme-clientpref-night .dvlk-cmp-table td { border-bottom-color: #30363d; }</div>

Admin