User:Monster Domosed/common.css: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:
/* @import url('//deadlock.wiki/index.php?title=Wiki_Redesign.css&action=raw&ctype=text/css'); */
/* @import url('//deadlock.wiki/index.php?title=Wiki_Redesign.css&action=raw&ctype=text/css'); */


/* worlds most ai generated CSS */
.feedback-box {
.feedback-box {
     margin: 0.8em 0;
     margin: 0.8em 0;
     padding: 12px 14px;
     padding: 1.5em 2em 1em;
     border: 1px solid var(--border-color-subtle);
     border: 1px solid var(--border-color-subtle);
     border-radius: 10px;
     border-radius: 10px;
     background: var(--background-color-neutral-subtle);
     background: var(--background-color-neutral-subtle);
     color: var(--color-base);
     color: var(--color-base);
     box-shadow: var(--th-box-shadow);
     box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    border-left-width: 4px;
     max-width: 40em;
}
 
.feedback-box--unresolved {
    border-left-color: var(--color-destructive);
}
 
.feedback-box--resolved {
     border-left-color: var(--color-content-added);
}
}


Line 43: Line 34:
     display: inline-flex;
     display: inline-flex;
     align-items: center;
     align-items: center;
     padding: 0.15rem 0.55rem;
     padding: 0.2rem 0.6rem;
    border-radius: 999px;
     font-size: 0.72rem;
     font-size: 0.72rem;
     font-weight: 700;
     font-weight: 700;
Line 50: Line 40:
     text-transform: uppercase;
     text-transform: uppercase;
     border: 1px solid transparent;
     border: 1px solid transparent;
    border-radius: 4px;
}
}


.feedback-status--unresolved {
.feedback-status--unresolved {
     color: var(--color-destructive);
     color: var(--text-color);
     background: var(--background-color-error-subtle);
     background: var(--color-destructive);
    border-color: var(--color-destructive);
}
}


.feedback-status--resolved {
.feedback-status--resolved {
     color: var(--color-content-added);
     color: var(--text-color);
     background: var(--background-color-success-subtle);
     background: var(--color-content-added);
    border-color: var(--color-content-added);
}
}


.feedback-body {
 
     white-space: pre-wrap;
.oo-ui-icon-feedback {
     overflow-wrap: anywhere;
     filter:none !important;
     line-height: 1.6;
    background: var(--text-color);
     font-size: 0.95rem;
 
     color: var(--color-base);
     -webkit-mask: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.16683 8.982C4.10732 8.39081 3.83847 7.42694 4.15486 7.17995C4.46877 6.93489 4.7797 6.90487 5.90123 7.31306L31.1931 17.2282C32.2693 17.6503 32.2686 18.335 31.1931 18.7564L5.90123 28.6715C4.77972 29.1235 4.46864 29.0497 4.15487 28.8049C3.83836 28.5579 4.0953 27.5939 4.15484 27.0028L4.7797 21.2151C4.89862 20.0374 5.92644 18.9801 7.0706 18.854L15.467 18.4429C24.1686 17.9924 24.1686 17.9924 15.467 17.5419L7.0706 17.1314C5.92423 17.0053 4.89825 15.9476 4.7797 14.7706L4.16683 8.982Z'/%3E%3C/svg%3E") no-repeat center;
 
     mask: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.16683 8.982C4.10732 8.39081 3.83847 7.42694 4.15486 7.17995C4.46877 6.93489 4.7797 6.90487 5.90123 7.31306L31.1931 17.2282C32.2693 17.6503 32.2686 18.335 31.1931 18.7564L5.90123 28.6715C4.77972 29.1235 4.46864 29.0497 4.15487 28.8049C3.83836 28.5579 4.0953 27.5939 4.15484 27.0028L4.7797 21.2151C4.89862 20.0374 5.92644 18.9801 7.0706 18.854L15.467 18.4429C24.1686 17.9924 24.1686 17.9924 15.467 17.5419L7.0706 17.1314C5.92423 17.0053 4.89825 15.9476 4.7797 14.7706L4.16683 8.982Z'/%3E%3C/svg%3E") no-repeat center;
 
     -webkit-mask-size: contain;
    mask-size: contain;
 
    width: 1.25em;
     height: 1.25em;
}
}