מדיה ויקי:סקריפטים/107.css

/**
 * 
 * Stylesheet for [[מדיה ויקי:סקריפטים/107.js]].
 * 
 * Written by: [[User:Guycn2]] @ he.wikipedia.org
 *
 */

#vandal-cleaner-button {
	font-size: .8em;
	margin-bottom: 8px;
}

.vandal-cleaner-dark-cover {
	display: flex;
	opacity: 0;
	position: fixed;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(180, 180, 180, .4);
	z-index: 10;
}

#vandal-cleaner-loading-image {
	width: 200px;
}

.vandal-cleaner-dialog-wrapper {
	right: 0;
	left: 0 !important;
	top: 5vh !important;
	margin: auto;
	width: 58vw !important;
}

@media (max-width: 700px), (max-height: 350px) {
	.vandal-cleaner-dialog-wrapper {
		width: 90vw !important;
	}
}

#vandal-cleaner-interface-dialog[data-state="selection"] > p:last-of-type,
.vandal-cleaner-field:nth-last-child(2) {
	border-bottom: .8px solid rgba(0, 0, 0, .09);
}

#vandal-cleaner-interface-dialog[data-state="selection"] > p:last-of-type {
	padding-bottom: 6px;
}

.vandal-cleaner-field:not(:nth-last-child(2)) {
	border-bottom: .8px dashed rgba(0, 0, 0, .14);
}

.vandal-cleaner-field {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 5px;
	align-items: center;
	margin-bottom: 6px;
}

.vandal-cleaner-field-label,
.vandal-cleaner-field-info-wrapper {
	grid-column-start: 2;
}

.vandal-cleaner-field-label {
	font-weight: bold;
}

.vandal-cleaner-field-tog:disabled + .vandal-cleaner-field-label {
	color: grey;
}

.vandal-cleaner-field-tog:not(:disabled) + .vandal-cleaner-field-label {
	cursor: pointer;
}

.vandal-cleaner-field-tog:hover:not(:disabled) + .vandal-cleaner-field-label {
	color: #454545;
	text-shadow: 0 0 1px rgba(0, 0, 0, .12);
}

.vandal-cleaner-field-info-wrapper {
	font-size: smaller;
}

.vandal-cleaner-field-description {
	color: grey;
}

.vandal-cleaner-field-attention {
	font-weight: bold;
	color: darkred;
	display: none;
}

#vandal-cleaner-block-duration-container,
#vandal-cleaner-revdelete-advanced-container {
	color: #404040;
}

label[for="vandal-cleaner-block-duration-dropdown"] {
	font-weight: bold;
}

label[for="vandal-cleaner-block-duration-dropdown"]::after {
	content: ":";
	font-weight: normal;
}

#vandal-cleaner-block-duration-dropdown {
	display: none;
}

#vandal-cleaner-revdelete-advanced-container {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 2px;
	align-items: center;
}

#vandal-cleaner-revdelete-hide-summaries-tog {
	transform: scale(.9);
}

#vandal-cleaner-summary-input {
	width: 72%;
}

#vandal-cleaner-run-btn {
	font-weight: bold;
}

#vandal-cleaner-interface-dialog[data-state="working"] {
	cursor: wait;
}

#vandal-cleaner-total-progress-container {
	width: 78%;
	height: 12px;
	margin-top: 5px;
	border: thin solid rgba(0, 0, 0, .08);
	background: rgba(0, 0, 0, .04);
}

#vandal-cleaner-total-progress-value {
	width: 0;
	height: 100%;
	transition: width 700ms;
	background: #90ee90; /* Fallback for IE */
	--green-gradient: hsl(120, 60%, 55%), hsl(120, 90%, 68%), hsl(120, 90%, 85%);
	--orange-gradient: hsl(45, 60%, 55%), hsl(45, 90%, 68%), hsl(45, 90%, 85%);
}

.ltr #vandal-cleaner-total-progress-value {
	background: linear-gradient(to right, var(--green-gradient));
}

.rtl #vandal-cleaner-total-progress-value {
	background: linear-gradient(to left, var(--green-gradient));
}

#vandal-cleaner-total-progress-value[data-failure="yes"] {
	background: #ffd280; /* Fallback for IE */
}

.ltr #vandal-cleaner-total-progress-value[data-failure="yes"] {
	background: linear-gradient(to right, var(--orange-gradient));
}

.rtl #vandal-cleaner-total-progress-value[data-failure="yes"] {
	background: linear-gradient(to left, var(--orange-gradient));
}

#vandal-cleaner-interface-dialog[data-state="working"] > p {
	display: none;
}

#vandal-cleaner-interface-dialog[data-state="working"] > p:not(.vandal-cleaner-failure) {
	border-image: linear-gradient(to left, transparent, #dbdbdb, transparent) 70;
	border-width: 1.5px;
	border-style: solid hidden hidden;
	padding-top: 4px;
}

#vandal-cleaner-interface-dialog[data-state="working"] > p::before {
	content: "";
	background-size: cover;
	display: inline-block;
	margin: 6px;
	width: 17px;
	height: 17px;
	vertical-align: -10px;
}

.vandal-cleaner-status-working {
	font-weight: bold;
}

.vandal-cleaner-status-working > span {
	font-weight: normal;
}

.vandal-cleaner-status > span > bdi::before {
	content: "(";
}

.vandal-cleaner-status > span > bdi::after {
	content: "%)";
}

.vandal-cleaner-status-working::before {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/7/7a/Ajax_loader_metal_512.gif");
}

.vandal-cleaner-status-complete::before {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/8/8f/Checkmark.svg");
}

.vandal-cleaner-failure::before {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg");
}

.vandal-cleaner-info::before {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e1/Info.svg");
}

.vandal-cleaner-dialog-wrapper-disappear {
	transform: scale(0) rotate(360deg);
	transform-origin: top left;
	transition: transform 800ms 1.2s;
}

.vandal-cleaner-dialog-wrapper-reappear {
	top: 10vh !important;
	transform: scale(0, .75);
	animation: openFinalDialog 600ms ease-out 500ms forwards;
}

@media (min-width: 1000px) and (min-height: 350px) {
	.vandal-cleaner-dialog-wrapper-reappear {
		width: 50vw !important;
	}
}

@keyframes openFinalDialog {
	from {
		transform: scale(0, .75);
	}
	to {
		transform: scale(1, 1);
	}
}

#vandal-cleaner-thumb-img {
	width: 120px;
	opacity: .8;
}

.ltr #vandal-cleaner-thumb-img {
	float: right;
}

.rtl #vandal-cleaner-thumb-img {
	float: left;
}

#vandal-cleaner-finished-running-heading {
	color: green;
}

#vandal-cleaner-failure-warning {
	font-size: smaller;
	display: none;
}