MediaWiki:Gadget-develika-compare.css

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

/* Корзина сравнения устройств */
.dvlk-cmp-add {
	display: inline-flex;
	align-items: center;
	margin: .4rem 0 1rem;
	padding: .4rem 1rem;
	border: 1px solid #90c0d1;
	border-radius: 999px;
	background: transparent;
	color: #2a3d47;
	font-weight: 700;
	letter-spacing: -0.01em;
	cursor: pointer;
}
.dvlk-cmp-add:hover { background: #e9f2f6; }
.dvlk-cmp-add.is-on { background: #2a3d47; border-color: #2a3d47; color: #fff; }

.dvlk-cmp-badge {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 100;
	background: #2a3d47;
	color: #fff;
	padding: .5rem .9rem;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	box-shadow: 0 2px 10px rgba( 0, 0, 0, .25 );
}
.dvlk-cmp-badge__n {
	display: inline-block;
	min-width: 1.2em;
	text-align: center;
	background: #fff;
	color: #2a3d47;
	border-radius: 999px;
	padding: 0 .35rem;
	margin-left: .35rem;
}

.dvlk-cmp-controls { display: flex; gap: 1rem; align-items: center; margin: .6rem 0 1rem; }
.dvlk-cmp-clear {
	border: none; border-radius: 999px; background: #e9f2f6;
	padding: .35rem .9rem; color: #2a3d47; font-weight: 600; cursor: pointer;
}
.dvlk-cmp-clear:hover { background: #dbeaf0; }

.dvlk-cmp-table { width: 100%; border-collapse: collapse; }
.dvlk-cmp-table th,
.dvlk-cmp-table td {
	padding: .5rem .75rem;
	border-bottom: 1px solid #e8eef2;
	text-align: left;
	vertical-align: top;
}
.dvlk-cmp-sec th { background: #e9f2f6; font-weight: 700; }
.dvlk-cmp-k { color: #7f8b91; width: 30%; }
.dvlk-cmp-rm {
	border: none; background: transparent; color: #d92d2d; cursor: pointer; font-weight: 700;
}
.dvlk-cmp-empty { color: #7f8b91; }

/* Карточки устройств в шапке сравнения */
.dvlk-cmp-head th.dvlk-cmp-card {
	text-align: center;
	vertical-align: top;
	padding: 1rem .75rem;
	position: relative;
}
.dvlk-cmp-card__img { display: block; margin: 0 auto .5rem; max-width: 110px; max-height: 150px; }
.dvlk-cmp-card__name { display: block; font-weight: 700; margin-bottom: .25rem; }
.dvlk-cmp-card__rating { color: #7f8b91; font-size: .9em; }
.dvlk-cmp-card__stars { color: #f2a100; letter-spacing: 1px; }
.dvlk-cmp-head th.dvlk-cmp-card .dvlk-cmp-rm { position: absolute; top: .4rem; right: .5rem; }

/* Тёмная тема */
html.skin-theme-clientpref-night .dvlk-cmp-sec th { background: #161b22; }
html.skin-theme-clientpref-night .dvlk-cmp-table th,
html.skin-theme-clientpref-night .dvlk-cmp-table td { border-bottom-color: #30363d; }