Something went wrong. Try again.
General purpose moderation bot for Stoat. automod.vale.rocks
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191#navbar { position: absolute;}
.server-header { max-inline-size: 70ch; margin-inline: auto; margin-block-end: 3rem;
img { border-radius: 50%; inline-size: 3.5rem; aspect-ratio: 1; z-index: 1000; position: relative; }
.title { display: flex; gap: 1rem; align-items: center; margin-block-end: 1rem; }
ul { margin: 0;
li { margin: 0; list-style: none; } }}
.tabs { display: flex; gap: 1.5rem; border-block-end: 3px solid var(--grey); margin-block-end: 1rem;
a { font-size: 1.3rem; font-weight: bold; text-decoration: none;
&.active { border-block-end: 4px solid currentColor; } }}
.settings { display: flex; flex-direction: column; gap: 4rem;}
.vote-form { padding-block-end: 2rem; border-block-end: 1px solid var(--grey);
h3 { margin-block-end: 1rem; }
button[type="submit"] { margin-block-start: 1rem; }
&:last-of-type { border-block-end: none; padding-block-end: 0; }}
.rule-modal { padding-block: 1.5rem; padding-inline: 2rem; margin: auto; border: 2px solid var(--grey); border-radius: 1rem; max-inline-size: 40rem; background: light-dark(var(--white), var(--black));
&::backdrop { background: rgb(0, 0, 0, 0.7); }
h3 { margin-block-end: 1rem; }
.modal-actions { display: flex; justify-content: flex-end; gap: 0.5rem; margin-block-start: 1.5rem; }}
.log-form { padding-block-end: 2rem; border-block-end: 1px solid var(--grey); margin-block-end: 2rem;
.form-row { align-items: end; }
button[type="submit"] { margin-block-start: 1rem; }}
.inf-stats { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-block-end: 2rem;}
.inf-stat { display: flex; flex-direction: column; align-items: center; padding: 1rem 1.5rem; border-radius: 0.75rem; min-inline-size: 7rem;}
.inf-stat-num { font-size: 1.75rem; font-weight: bold;}
.inf-stat-label { font-size: 0.85rem;}
.inf-type { text-transform: capitalize; font-weight: 600;}
.inf-actions { white-space: nowrap; display: flex; gap: 0.4rem;}
.inf-selection-bar { position: sticky; bottom: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.75rem 1.25rem; background: light-dark(var(--white), var(--black)); border: 1px solid var(--grey); border-radius: 0.75rem; margin-block-start: 1rem; box-shadow: 0 2px 12px rgb(0 0 0 / 0.15); z-index: 100;}
.inf-selection-bar[hidden] { display: none;}
td.empty { text-align: center; padding: 2rem 1rem; color: var(--grey); font-style: italic;}
.inf-filter-checks { display: flex; gap: 0.75rem; flex-wrap: wrap; font-size: 0.9rem;
label { display: flex; align-items: center; gap: 0.25rem; cursor: pointer; }}