MediaWiki:Gadget-ondemand-arbcomVoting.css

/* Используется в [[MediaWiki:Gadget-ondemand-arbcomVoting.js]] */
.voting-container {
	margin: 1em 0 0 0;
}
.voting-container.active {
	border: 2px solid #A9C6F1;
	padding: 1em;
	background: #E8F0FA;
}

.voting-container .voting-msg,
.voting-container .voting-status {
	clear: both;
	padding: 0.5em 0;
}

.voting-container .voting-msg:empty,
.voting-container .voting-status:empty {
	display: none;
}

.voting-container .voting-error {
	color: #D70400;
}

.voting-container .voting-saving {
	margin-top: 2em;
	width: 100%;
	font-size: 90%;
	font-weight: bold;
}

/* Прогресс-бар */
.voting-container .voting-progress {
	width: 20em;
	display: inline-block;
	border: 1px solid #97B6E2;
	background: #F0F8FF;
	margin-right: 1em;
	line-height: 0.6em;
}

.voting-container .voting-progress-progress {
	background: #97B6E2;
}

/* Таблица */
.voting-container .voting-table {
	background: transparent;
	border-collapse: collapse;
	font-size: 125%;
	margin: 1em 0;
	margin-left: -0.3em;
}

.voting-table td {
	padding: 0.25em;
}

.voting-table th {
	padding-right: 0.5em;
	text-align: left;
}

.voting-table th > a {
	margin-bottom: 2px;
	padding: 0.25em;
}

.voting-table .vote-support th > a {
	background: #E8FFE6;
	border-bottom: 2px solid #2AA11D;
	margin-bottom: 0;
}
.voting-table .vote-oppose th > a {
	background: #FFE8E8;
	border-bottom: 2px solid #FF5555;
	margin-bottom: 0;
}

.vote-button {
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	background-size: 100%;
	border: 0;
	height: 44px;
	padding: 0;
	width: 44px;
}

/* [[:en:Template:Screen reader-only/styles.css]] */
.voting-table > caption,
.vote-button > span {
	border: 0;
	clip: rect(0, 0, 0, 0); /* Removed from CSS specification */
	/* clip-path is the replacement for clip, but very few browsers support it. */
	clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}

/* Иконки */
.vote-button[data-type="support"][aria-checked="false"] {
	background-image: url( 'https://upload.wikimedia.org/wikipedia/commons/2/2d/Support-gray.svg' );
}

.vote-button[data-type="support"][aria-checked="true"] {
	background-image: url( 'https://upload.wikimedia.org/wikipedia/commons/4/42/Support-colored-solid-filled.svg' );
}

.vote-button[data-type="support"][data-voted] {
	background-image: url( 'https://upload.wikimedia.org/wikipedia/commons/1/14/Support-colored-solid.svg' );
}

.vote-button[data-type="oppose"][aria-checked="false"] {
	background-image: url( 'https://upload.wikimedia.org/wikipedia/commons/e/e7/Oppose-gray.svg' );
}

.vote-button[data-type="oppose"][aria-checked="true"] {
	background-image: url( 'https://upload.wikimedia.org/wikipedia/commons/5/53/Oppose-colored-solid-filled.svg' );
}

.vote-button[data-type="oppose"][data-voted] {
	background-image: url( 'https://upload.wikimedia.org/wikipedia/commons/0/02/Oppose-colored-solid.svg' );
}