MediaWiki:Gadget-abuseLogRC-core.css

/* keep in sync with <https://runescape.wiki/w/MediaWiki:Gadget-abuseLogRC-core.less> */

/* <pre> */
.gadget-abuselog-error {
    width: fit-content;
    max-width: 40em;
    margin: auto;
}

.gadget-abuselog-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.gadget-abuselog-header h4 {
    display: inline;
}

.gadget-abuselog-settings {
    z-index: 2;
}

.gadget-abuselog-settings .oo-ui-popupWidget-body {
    margin: 0;
    width: fit-content !important;
}

.gadget-abuselog-settings .oo-ui-fieldsetLayout {
    padding: 1.25em 1.5em;
}

.gadget-abuselog-settings .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
    border-top: 1px solid var(--ooui-interface-border);
    margin-top: 0.5em;
}

.gadget-abuselog-settings-entries {
    white-space: nowrap;
}

.gadget-abuselog-settings-refresh legend .oo-ui-labelElement-label {
    margin-bottom: 0.2em !important;
}

.gadget-abuselog-settings-last-updated {
    font-size: 0.95em;
    opacity: 0.7;
}

.gadget-abuselog-settings-last-updated .last-update {
    cursor: help;
    border-bottom: 2px var(--body-border) dotted;
}

.gadget-abuselog-settings-auto-refresh .oo-ui-fieldLayout-field {
    margin: 0.6em 0 0 0.5em;
    width: fit-content !important;
}

.gadget-abuselog-list.loading {
    opacity: 0.5;
    pointer-events: none;
}

.gadget-abuselog-list.hide {
    display: none;
}

.gadget-abuselog-row {
    display: flex;
    gap: 0.25em;
}

.match-gadget-rc .gadget-abuselog-row {
    margin-top: 0.4em;
    gap: 0.5em;
}

.gadget-abuselog-col-1 {
    font-family: monospace;
    font-size: 1.2em;
    width: fit-content;
}

.gadget-abuselog-col-1 .hide {
    visibility: hidden;
}

.gadget-abuselog-col-2 {
    margin-left: 0.3em;
}

.match-gadget-rc .gadget-abuselog-col-2 {
    width: 22vw;
    max-width: 350px;
    margin-left: 0;
}

.match-gadget-rc .gadget-abuselog-col-3 {
    width: 14vw;
    max-width: 175px;
}

.gadget-abuselog-result {
    text-transform: lowercase;
}

.gadget-abuselog-result-allow,
.gadget-abuselog-result-tag {
    color: var(--text-color-green);
}

.gadget-abuselog-result-warn,
.gadget-abuselog-result-throttle {
    color: var(--text-color-orange);
}

.gadget-abuselog-result-disallow,
.gadget-abuselog-result-block {
    color: var(--text-color-red);
}

.gadget-abuselog-col-4::before {
    content: ' . . ';
}

.gadget-abuselog-col-4 .mw-usertoollinks > span:not(:first-child)::before {
    content: '|';
}

.gadget-abuselog-col-4 .mw-usertoollinks a {
    padding: 0 0.15em;
}

.gadget-abuselog-col-4 .mw-usertoollinks-talk::before {
    content: 'talk';
}

.gadget-abuselog-col-4 .mw-usertoollinks-contribs::before {
    content: 'contribs';
}

.gadget-abuselog-col-4 .mw-usertoollinks-abuselog::before {
    content: 'abuse';
}

.gadget-abuselog-col-4 .mw-usertoollinks-block::before {
    content: 'block';
}

.match-gadget-rc .gadget-abuselog-col-4 {
    flex: 1;
}

.match-gadget-rc .gadget-abuselog-col-4::before {
    content: none;
}

.match-gadget-rc .gadget-abuselog-col-4 .mw-userlink {
    font-weight: bold;
}

.match-gadget-rc .gadget-abuselog-col-4 .mw-anonuserlink {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    max-width: 15ch;
}

.match-gadget-rc .gadget-abuselog-col-4 .mw-usertoollinks a {
    padding: 0 0.075em;
}

.match-gadget-rc .gadget-abuselog-col-4 .mw-usertoollinks-talk::before {
    content: 't';
}

.match-gadget-rc .gadget-abuselog-col-4 .mw-usertoollinks-contribs::before {
    content: 'c';
}

.match-gadget-rc .gadget-abuselog-col-4 .mw-usertoollinks-abuselog::before {
    content: 'a';
}

.match-gadget-rc .gadget-abuselog-col-4 .mw-usertoollinks-block::before {
    content: 'b';
}

.gadget-abuselog-filter {
    font-style: italic;
}

@media screen and (max-width: 900px) {
    .match-gadget-rc .gadget-abuselog-row {
          display: block;
    }

    .match-gadget-rc .gadget-abuselog-col-2,
    .match-gadget-rc .gadget-abuselog-col-3 {
          margin-left: 0.5em;
    }

    .match-gadget-rc .gadget-abuselog-col-4 {
          display: block;
          margin-left: 7.5em;
    }

}

@media screen and (max-width: 1200px) {
    .match-gadget-rc .gadget-abuselog-col-2 {
          width: 18vw;
    }

}