Jump to content

User:Nardog/ButtonizeRollback.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
.mw-changeslist .mw-rollback-link > a,
.quickrollback > a,
.quickrollback-doing,
.quickrollback-done,
.quickaccept > a,
.quickaccept-doing,
.mw-pager-tools .mw-thanks-thank-link:not(.jquery-confirmable-button),
.mw-pager-tools .mw-thanks-thank-confirmation {
	display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	color: transparent;
	vertical-align: middle;
	padding: 2px 4px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
}

.mw-changeslist .mw-rollback-link > a,
.quickrollback > a,
.quickrollback-done {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/c/c5/OOjs_UI_icon_editUndo-ltr.svg);
}

.quickrollback-done,
.mw-pager-tools .mw-thanks-thank-confirmation {
	opacity: 0.25;
	cursor: default;
}

.quickaccept > a {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/3/39/OOjs_UI_icon_check-green.svg);
}

.quickaccept-undo > a {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/5/53/OOjs_UI_icon_cancel-destructive.svg);
}

.mw-pager-tools .mw-thanks-thank-link:not(.jquery-confirmable-button),
.mw-pager-tools .mw-thanks-thank-confirmation {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/a/aa/OOjs_UI_icon_userTalk-ltr-constructive.svg);
}

.mw-pager-tools .mw-thanks-thank-confirmation {
	filter: brightness(0);
}

.quickrollback-doing,
.quickaccept-doing {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/b/b3/OOjs_UI_icon_ellipsis.svg);
	cursor: default;
}

.mw-changeslist .mw-rollback-link > a:hover,
.quickrollback > a:hover,
.quickaccept > a:hover,
.mw-pager-tools .mw-thanks-thank-link:not(.jquery-confirmable-button):hover {
	background-color: rgba(0,0,0,0.03);
}

.mw-changeslist .mw-rollback-link > a:active,
.quickrollback > a:active,
.quickaccept > a:active,
.mw-pager-tools .mw-thanks-thank-link:not(.jquery-confirmable-button):active {
	background-color: rgba(0,36,73,0.08);
}