מדיה ויקי:סקריפטים/107.css
הערה: לאחר הפרסום, ייתכן שיהיה צורך לנקות את זיכרון המטמון (cache) של הדפדפן כדי להבחין בשינויים.
- פיירפוקס / ספארי: להחזיק את המקש Shift בעת לחיצה על טעינה מחדש (Reload) או ללחוץ על צירוף המקשים Ctrl-F5 או Ctrl-R (במחשב מק: ⌘-R).
- גוגל כרום: ללחוץ על צירוף המקשים Ctrl-Shift-R (במחשב מק: ⌘-Shift-R).
- אינטרנט אקספלורר / אדג': להחזיק את המקש Ctrl בעת לחיצה על רענן (Refresh) או ללחוץ על צירוף המקשים Ctrl-F5.
- אופרה: ללחוץ על Ctrl-F5.
/**
*
* 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;
}