flashii/misuzu
flashii/misuzu
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

..

1 commit
trunk ... floating-h

Author SHA1 Message Date
flashwave
e8c6ea660f Experimental floating headers thingy. 2025-02-01 03:40:03 +00:00
541 changed files with 8417 additions and 21601 deletions

3
.editorconfig
View file

@ -6,6 +6,3 @@ insert_final_newline = true
charset = utf-8
indent_style = space
indent_size = 4
[Makefile]
indent_style = tab

41
.env.example
View file

@ -1,41 +0,0 @@
# Enable debug mode
# Useful for debugging
MSZ_DEBUG=1
# Database connection setting
# This uses the Index library's DSN syntax
# Currently Misuzu only supports MariaDB, or Null of course since that does nothing
#
# For normal TCP connection you can use the following syntax:
#DATABASE_DSN="mariadb://username:password@hostname/dbname?charset=utf8mb4"
#
# For a UNIX socket connection you can use the following syntax:
#DATABASE_DSN="mariadb://username:password@:unix:/dbname?socket=/path/to/mysqld.sock&charset=utf8mb4"
#
# And here's your unsensible default:
DATABASE_DSN="null:"
# Sentry error reporting setting
# I have not idea this works, just shove the value Sentry gives you in here.
# You can also leave it commented.
#SENTRY_DSN="https://6e41e3a2507d1542fd1e9aaf54f05d87@o4505858016870400.ingest.sentry.io/4505858023751680"
# Domain roles
# This assigns what domain has what role, domains can also have multiple roles!
# Pairs are split by ;, domain and role pairs are split by =, roles are split by , and if you want a prefix use :
# The example below maps everything to localhost for development.
# But to make things more understandable, the value for Flashii is also included
#DOMAIN_ROLES="flashii.net=main; fii.moe=redirect"
DOMAIN_ROLES="localhost=main,redirect:/go"
# Local storage path
# This determines where uploaded files are stored. If left unset, the storage folder in the project tree will be used.
#STORAGE_PATH_LOCAL="/path/to/storage"
# Remote storage path
# Path on which the storage folder is exposed to the web for NGINX.
#STORAGE_PATH_REMOTE="/_storage"
# Template cache directory
# Writeable directory path to which template files are cached.
#TEMPLATE_CACHE="/tmp/msz-tpl-cache"

4
.gitignore vendored
View file

@ -11,18 +11,14 @@
/composer.local.json
# Configuration
/.env
/config/config.cfg
/config/github.cfg
/config/config.ini
/config/github.ini
/config/keys/*.pem
/.debug
/.migrating
# Storage
/storage/*
!/storage/.gitkeep
/store
# OS specific

58
Makefile
View file

@ -1,58 +0,0 @@
PHP_EXE := $(shell which php8.4)
COMPOSER_EXE := $(shell which composer)
NODE_EXE := $(shell which node)
NPM_EXE := $(shell which npm)
SUDO_EXE := $(shell which sudo)
WWW_USER := www-data
BUILD_EXE := build.js
ENV_FILE := .env
TOOLS_DIR := tools
VENDOR_DIR := vendor
all: install migrate clear-cache build cron
install: composer_install npm_install
composer_install:
${PHP_EXE} ${COMPOSER_EXE} install
npm_install:
${NPM_EXE} ci
update: composer_update npm_update
composer_update:
${PHP_EXE} ${COMPOSER_EXE} update
npm_update:
${NPM_EXE} update --save
migrate:
${SUDO_EXE} -u ${WWW_USER} ${PHP_EXE} ${TOOLS_DIR}/migrate
clear-cache:
${SUDO_EXE} -u ${WWW_USER} ${PHP_EXE} ${TOOLS_DIR}/nuke-tpl-cache
cron:
${SUDO_EXE} -u ${WWW_USER} ${PHP_EXE} ${TOOLS_DIR}/cron slow
build:
${NODE_EXE} --env-file-if-exists ${ENV_FILE} ${BUILD_EXE}
rebuild-css:
${NODE_EXE} --env-file-if-exists ${ENV_FILE} ${BUILD_EXE} css
rebuild-js:
${NODE_EXE} --env-file-if-exists ${ENV_FILE} ${BUILD_EXE} js
rebuild-twig:
${NODE_EXE} --env-file-if-exists ${ENV_FILE} ${BUILD_EXE} twig
analyse:
${PHP_EXE} ${VENDOR_DIR}/bin/phpstan
tag: analyse
${PHP_EXE} ${TOOLS_DIR}/create-tag
.PHONY: all update composer npm build rebuild-css rebuild-js rebuild-twig migrate clear-cache cron analyse tag

2
README.md
View file

@ -3,5 +3,5 @@
## Requirements
- PHP 8.4
- MariaDB 11.4
- MariaDB 10.6
- [Composer](https://getcomposer.org/)

2
VERSION
View file

@ -1 +1 @@
20250616.1
20250130.2

36
assets/common.css/loading.css
View file

@ -1,36 +0,0 @@
.msz-loading {
display: flex;
justify-content: center;
flex-direction: column;
min-width: var(--msz-loading-container-width, calc(var(--msz-loading-size, 1) * 100px));
min-height: var(--msz-loading-container-height, calc(var(--msz-loading-size, 1) * 100px));
}
.msz-loading-inline {
display: inline-flex;
min-width: 0;
min-height: 0;
}
.msz-loading-frame {
display: flex;
justify-content: center;
flex: 0 0 auto;
}
.msz-loading-icon {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: var(--msz-loading-gap, calc(var(--msz-loading-size, 1) * 1px));
margin: var(--msz-loading-margin, calc(var(--msz-loading-size, 1) * 10px));
}
.msz-loading-icon-block {
background: var(--msz-loading-colour, currentColor);
width: var(--msz-loading-width, calc(var(--msz-loading-size, 1) * 10px));
height: var(--msz-loading-height, calc(var(--msz-loading-size, 1) * 10px));
}
.msz-loading-icon-block-hidden {
opacity: 0;
}

33
assets/common.css/main.css
View file

@ -1,33 +0,0 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
}
html, body {
width: 100%;
height: 100%;
}
[hidden],
.hidden {
display: none !important;
visibility: hidden !important;
}
:root {
--font-regular: Inter, 'Zen Kaku Gothic New', sans-serif;
--font-monospace: 'Victor Mono', monospace;
font-feature-settings: 'calt' 1, 'dlig' 1, 'ss01' 1;
font-optical-sizing: auto;
}
@supports (font-variation-settings: normal) {
:root {
--font-regular: InterVariable, 'Zen Kaku Gothic New', sans-serif;
}
}
@include loading.css;
@include perf.css;

101
assets/common.css/perf.css
View file

@ -1,101 +0,0 @@
.msz-perfs {
position: fixed;
bottom: 4px;
left: 4px;
display: flex;
gap: 2px;
flex-direction: column-reverse;
align-items: flex-start;
opacity: .5;
}
.msz-perfs-right {
left: initial;
right: 4px;
}
.msz-perfs:hover {
opacity: 1;
}
.msz-perf {
background-color: #111d;
color: #fff;
font-family: var(--font-monospace);
font-feature-settings: 'ss07' 1;
font-size: 12px;
line-height: 20px;
padding: 4px 8px;
border-radius: 6px;
}
.msz-perfs:hover .msz-perf {
backdrop-filter: blur(10px);
}
.msz-perf-number {
color: #fff;
}
.msz-perf-unit {
color: #888;
}
.msz-perf-header {
display: flex;
flex: 0 0 auto;
gap: 4px;
}
.msz-perf:hover .msz-perf-header {
border-bottom: 1px solid #888;
margin-bottom: 2px;
}
.msz-perf-type {
flex: 0 0 auto;
font-weight: 700;
min-width: 60px;
}
.msz-perf-type-navigation {
color: #f0f;
}
.msz-perf-type-other {
color: #0ff;
}
.msz-perf-target {
flex: 1 0 auto;
min-width: 200px;
}
.msz-perf-target-host,
.msz-perf-target-path,
.msz-perf-target-query {
display: inline-block;
}
.msz-perf-target-host,
.msz-perf-target-query {
color: #888;
}
.msz-perf-total {
flex: 0 0 auto;
min-width: 80px;
text-align: right;
}
.msz-perf-timings {
display: none;
border-collapse: collapse;
width: 100%;
}
.msz-perf:hover .msz-perf-timings {
display: table;
}
.msz-perf-timing-name {
font-weight: 700;
min-width: 60px;
}
.msz-perf-timing-comment {
color: #888;
}
.msz-perf-timing-duration {
min-width: 80px;
text-align: right;
}

27
assets/common.js/array.js
View file

@ -1,27 +0,0 @@
const $arrayRemoveAt = function(array, index) {
array.splice(index, 1);
};
const $arrayRemoveValue = function(array, item) {
let index;
while(array.length > 0 && (index = array.indexOf(item)) >= 0)
$arrayRemoveAt(array, index);
};
const $arrayRemoveAny = function(array, predicate) {
let index;
while(array.length > 0 && (index = array.findIndex(predicate)) >= 0)
$arrayRemoveAt(array, index);
};
const $arrayShuffle = function(array) {
if(array.length < 2)
return;
for(let i = array.length - 1; i > 0; --i) {
const j = Math.floor(Math.random() * (i + 1));
const tmp = array[i];
array[i] = array[j];
array[j] = tmp;
}
};

157
assets/common.js/html.js
View file

@ -1,157 +0,0 @@
const $id = document.getElementById.bind(document);
const $query = document.querySelector.bind(document);
const $queryAll = document.querySelectorAll.bind(document);
const $text = document.createTextNode.bind(document);
const $insertBefore = function(target, element) {
target.parentNode.insertBefore(element, target);
};
const $appendChild = function(element, child) {
switch(typeof child) {
case 'undefined':
break;
case 'string':
element.appendChild($text(child));
break;
case 'function':
$appendChild(element, child());
break;
case 'object':
if(child === null)
break;
if(child instanceof Node)
element.appendChild(child);
else if(child?.element instanceof Node)
element.appendChild(child.element);
else if(typeof child?.toString === 'function')
element.appendChild($text(child.toString()));
break;
default:
element.appendChild($text(child.toString()));
break;
}
};
const $appendChildren = function(element, ...children) {
for(const child of children)
$appendChild(element, child);
};
const $removeChild = function(element, child) {
switch(typeof child) {
case 'function':
$removeChild(element, child());
break;
case 'object':
if(child === null)
break;
if(child instanceof Node)
element.removeChild(child);
else if(child?.element instanceof Node)
element.removeChild(child.element);
break;
}
};
const $removeChildren = function(element) {
while(element.lastChild)
element.removeChild(element.lastChild);
};
const $fragment = function(props, ...children) {
const fragment = document.createDocumentFragment();
$appendChildren(fragment, ...children);
return fragment;
};
const $element = function(type, props, ...children) {
if(typeof type === 'function')
return new type(props ?? {}, ...children);
const element = document.createElement(type ?? 'div');
if(props)
for(let key in props) {
const prop = props[key];
if(prop === undefined || prop === null)
continue;
switch(typeof prop) {
case 'function':
if(key.substring(0, 2) === 'on')
key = key.substring(2).toLowerCase();
element.addEventListener(key, prop);
break;
case 'object':
if(prop instanceof Array) {
if(key === 'class')
key = 'classList';
const attr = element[key];
let addFunc = null;
if(attr instanceof Array)
addFunc = attr.push.bind(attr);
else if(attr instanceof DOMTokenList)
addFunc = attr.add.bind(attr);
if(addFunc !== null) {
for(let j = 0; j < prop.length; ++j)
addFunc(prop[j]);
} else {
if(key === 'classList')
key = 'class';
element.setAttribute(key, prop.toString());
}
} else {
if(key === 'class' || key === 'className')
key = 'classList';
let setFunc = null;
if(element[key] instanceof DOMTokenList)
setFunc = (ak, av) => { if(av) element[key].add(ak); };
else if(element[key] instanceof CSSStyleDeclaration)
setFunc = (ak, av) => {
if(ak.includes('-'))
element[key].setProperty(ak, av);
else
element[key][ak] = av;
};
else
setFunc = (ak, av) => { element[key][ak] = av; };
for(const attrKey in prop) {
const attrValue = prop[attrKey];
if(attrValue)
setFunc(attrKey, attrValue);
}
}
break;
case 'boolean':
if(prop)
element.setAttribute(key, '');
break;
default:
if(key === 'className')
key = 'class';
element.setAttribute(key, prop.toString());
break;
}
}
$appendChildren(element, ...children);
return element;
};

183
assets/common.js/loading.jsx
View file

@ -1,183 +0,0 @@
const MszLoadingIcon = function() {
const element = <div class="msz-loading-icon"/>;
for(let i = 0; i < 9; ++i)
element.appendChild(<div class="msz-loading-icon-block"/>);
// this is moderately cursed but it'll do
const blocks = [
element.children[3],
element.children[0],
element.children[1],
element.children[2],
element.children[5],
element.children[8],
element.children[7],
element.children[6],
];
let tsLastUpdate;
let counter = 0;
let playing = false;
let delay = 50;
let playResolve;
let pauseResolve;
const update = tsCurrent => {
try {
if(tsLastUpdate !== undefined && (tsCurrent - tsLastUpdate) < delay)
return;
tsLastUpdate = tsCurrent;
for(let i = 0; i < blocks.length; ++i)
blocks[(counter + i) % blocks.length].classList.toggle('msz-loading-icon-block-hidden', i < 3);
++counter;
} finally {
if(playResolve)
try {
playResolve();
} finally {
playResolve = undefined;
playing = true;
}
if(pauseResolve)
try {
pauseResolve();
} finally {
pauseResolve = undefined;
playing = false;
}
if(playing)
requestAnimationFrame(update);
}
};
const play = () => {
return new Promise(resolve => {
if(playing || playResolve) {
resolve();
return;
}
playResolve = resolve;
requestAnimationFrame(update);
});
};
const pause = () => {
return new Promise(resolve => {
if(!playing || pauseResolve) {
resolve();
return;
}
pauseResolve = resolve;
});
};
const stop = async () => {
await pause();
counter = 0;
};
const restart = async () => {
await stop();
await play();
};
const reverse = () => {
blocks.reverse();
};
const setBlock = (num, state=null) => {
element.children[num].classList.toggle('msz-loading-icon-block-hidden', !state);
};
const batsu = () => {
setBlock(0, true);setBlock(1, false);setBlock(2, true);
setBlock(3, false);setBlock(4, true);setBlock(5, false);
setBlock(6, true);setBlock(7, false);setBlock(8, true);
};
const maru = () => {
setBlock(0, true);setBlock(1, true);setBlock(2, true);
setBlock(3, true);setBlock(4, false);setBlock(5, true);
setBlock(6, true);setBlock(7, true);setBlock(8, true);
};
return {
get element() { return element; },
get playing() { return playing; },
get delay() { return delay; },
set delay(value) {
if(typeof value !== 'number')
value = parseFloat(value);
if(isNaN(value) || !isFinite(value))
return;
if(value < 0)
value = Math.abs(value);
delay = value;
},
play,
pause,
stop,
restart,
reverse,
batsu,
maru,
};
};
const MszLoading = function(options=null) {
if(typeof options !== 'object')
throw 'options must be an object';
let {
element, size, colour,
width, height, inline,
containerWidth, containerHeight,
gap, margin, hidden,
} = options ?? {};
if(typeof element === 'string')
element = document.querySelector(element);
if(!(element instanceof HTMLElement))
element = <div class="msz-loading"/>;
if(!element.classList.contains('msz-loading'))
element.classList.add('msz-loading');
if(inline)
element.classList.add('msz-loading-inline');
if(hidden)
element.classList.add('hidden');
if(typeof size === 'number' && size > 0)
element.style.setProperty('--msz-loading-size', size);
if(typeof containerWidth === 'string')
element.style.setProperty('--msz-loading-container-width', containerWidth);
if(typeof containerHeight === 'string')
element.style.setProperty('--msz-loading-container-height', containerHeight);
if(typeof gap === 'string')
element.style.setProperty('--msz-loading-gap', gap);
if(typeof margin === 'string')
element.style.setProperty('--msz-loading-margin', margin);
if(typeof width === 'string')
element.style.setProperty('--msz-loading-width', width);
if(typeof height === 'string')
element.style.setProperty('--msz-loading-height', height);
if(typeof colour === 'string')
element.style.setProperty('--msz-loading-colour', colour);
let icon;
if(element.childElementCount < 1) {
icon = new MszLoadingIcon;
icon.play();
element.appendChild(<div class="msz-loading-frame">{icon}</div>);
}
return {
get element() { return element; },
get hasIcon() { return icon !== undefined; },
get icon() { return icon; },
get visible() { return !element.classList.contains('hidden'); },
set visible(state) { element.classList.toggle('hidden', !state); },
};
};

9
assets/common.js/main.js
View file

@ -1,9 +0,0 @@
#include array.js
#include csrf.js
#include html.js
#include meta.js
#include perf.jsx
#include uniqstr.js
#include xhr.js
#include loading.jsx

36
assets/common.js/meta.js
View file

@ -1,36 +0,0 @@
#include html.js
const $meta = (() => {
return {
get(name, prefixed=true) {
if(!name) return;
if(prefixed) name = `msz-${name}`;
const elem = $query(`meta[name="${name}"]`);
if(elem instanceof HTMLMetaElement && typeof elem.content === 'string')
return elem.content;
return null;
},
set(name, value, prefixed=true) {
if(!name) return;
if(prefixed) name = `msz-${name}`;
let elem = $query(`meta[name="${name}"]`);
if(elem instanceof HTMLMetaElement) {
if(typeof value === 'string')
elem.content = value;
else
elem.remove();
} else {
if(typeof value !== 'string')
return;
elem = document.createElement('meta');
elem.name = name;
elem.content = value;
document.head.appendChild(elem);
}
},
};
})();

72
assets/common.js/perf.jsx
View file

@ -1,72 +0,0 @@
#include html.js
(() => {
const perfs = <div class="msz-perfs"/>;
perfs.ondblclick = () => {
perfs.classList.toggle('msz-perfs-right');
};
const appendReal = elem => {
$appendChild(perfs, elem);
};
let append = elem => {
append = appendReal;
$appendChild(document.body, perfs);
appendReal(elem);
};
(new PerformanceObserver(list => {
for(const entry of list.getEntries()) {
if(entry.serverTiming.length < 1)
break;
const url = new URL(entry.name);
let total = 0;
let queries = -1;
const timings = <table class="msz-perf-timings"/>;
for(const timing of entry.serverTiming) {
if(timing.name === 'msz-queries') {
queries = Math.ceil(timing.duration);
continue;
}
total += timing.duration;
$appendChild(timings, <tr class="msz-perf-timing">
<td class="msz-perf-timing-name">{timing.name}</td>
<td class="msz-perf-timing-comment">{decodeURIComponent(timing.description)}</td>
<td class="msz-perf-timing-duration">
<span class="msz-perf-number">{timing.duration}</span>
<span class="msz-perf-unit">ms</span>
</td>
</tr>);
}
append(<div class="msz-perf">
<div class="msz-perf-header">
<div class={`msz-perf-type msz-perf-type-${entry instanceof PerformanceNavigationTiming ? 'navigation' : 'other'}`}>
{entry instanceof PerformanceNavigationTiming ? entry.type : (
entry.initiatorType === 'xmlhttprequest' ? 'xhr' : entry.initiatorType
)}
</div>
<div class="msz-perf-target">
{url.host !== location.host ? <div class="msz-perf-target-host">{url.host}</div> : null}
<div class="msz-perf-target-path">{url.pathname}</div>
{url.search !== '' ? <div class="msz-perf-target-query">{url.search}</div> : null}
</div>
{queries > 0 ? <div class="msz-perf-total">
<span class="msz-perf-number">{queries}</span>
{' '}
<span class="msz-perf-unit">{queries === 1 ? 'query' : 'queries'}</span>
</div> : null}
<div class="msz-perf-total">
<span class="msz-perf-number">{total.toFixed(5)}</span>
<span class="msz-perf-unit">ms</span>
</div>
</div>
{timings}
</div>);
}
})).observe({ entryTypes: ['navigation', 'resource'] });
})();

31
assets/errors.css/main.css
View file

@ -20,9 +20,7 @@ body {
color: #fff;
font-size: 16px;
line-height: 25px;
font-family: Inter, 'Zen Kaku Gothic New', sans-serif;
font-feature-settings: 'calt' 1, 'dlig' 1, 'ss01' 1;
font-optical-sizing: auto;
font-family: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
background-color: #8559a5;
background-color: var(--error-colour, #8559a5);
background-image: url('/images/clouds.png');
@ -32,12 +30,6 @@ body {
flex-direction: column;
}
@supports (font-variation-settings: normal) {
body {
--font-regular: InterVariable, 'Zen Kaku Gothic New', sans-serif;
}
}
.error {
display: flex;
flex-direction: column;
@ -101,8 +93,8 @@ body {
}
.error-home {
font-size: 1.5rem;
line-height: 1.375rem;
font-size: 1.5em;
line-height: 1.4em;
}
.error-nav {
@ -120,24 +112,21 @@ body {
justify-content: center;
}
.error-title {
line-height: 3rem;
}
.error-icon {
font-size: 4rem;
line-height: 1.5rem;
font-size: 4em;
line-height: 1.4em;
}
.error-blerb {
font-size: .875rem;
line-height: 1rem;
margin: 10px auto;
font-size: .9em;
line-height: 1.4em;
}
.error-footer {
text-align: center;
font-size: .75rem;
line-height: 1.375em;
font-size: 12px;
line-height: 1.4em;
color: #888;
border-top: 1px solid #444;
padding-top: 4px;

6
assets/misuzu.css/_input/button.css
View file

@ -1,7 +1,9 @@
.input__button {
background-color: var(--background-colour);
font-family: var(--font-regular);
padding: 4px 12px;
font-size: 1.2em;
line-height: 1.4em;
padding: 5px 10px;
min-width: 80px;
text-align: center;
cursor: pointer;
@ -13,8 +15,6 @@
align-items: center;
justify-content: center;
text-decoration: none;
font-size: inherit;
line-height: inherit;
}
.input__button:hover, .input__button:active,
.input__button:focus, .input__button:checked,

4
assets/misuzu.css/_input/select.css
View file

@ -4,12 +4,10 @@
background: #222;
color: #fff;
min-width: 150px;
font-size: 1.2em;
border-radius: 2px;
box-shadow: inset 0 0 4px #111;
transition: border-color .2s;
font-family: inherit;
font-size: 1em;
line-height: 1.25em;
}
.input__select:focus {
border-color: var(--accent-colour);

6
assets/misuzu.css/_input/text.css
View file

@ -1,4 +1,5 @@
.input__text {
font-size: 1.2em;
border: 1px solid #222;
padding: 5px 10px;
background: #222;
@ -6,11 +7,8 @@
border-radius: 2px;
box-shadow: inset 0 0 4px #111;
transition: border-color .2s;
font-family: inherit;
font-size: 1em;
line-height: 1.25em;
}
.input__text:focus { border-color: var(--accent-colour); }
.input__text--readonly { color: #888; }
.input__text--monospace { font-family: var(--font-monospace); font-feature-settings: 'ss07' 1; }
.input__text--monospace { font-family: var(--font-monospace); }
.input__text--centre { text-align: center; }

4
assets/misuzu.css/_input/textarea.css
View file

@ -1,11 +1,11 @@
.input__textarea {
font-size: 1.2em;
border: 1px solid #222;
padding: 4px 12px;
padding: 5px 10px;
vertical-align: bottom;
background: #222;
color: #fff;
font-family: var(--font-monospace);
font-feature-settings: 'ss07' 1;
border-radius: 2px;
box-shadow: inset 0 0 4px #111;
transition: border-color .2s;

3
assets/misuzu.css/_input/upload.css
View file

@ -10,8 +10,9 @@
}
.input__upload__selection {
text-align: center;
font-size: 1.2em;
border: 1px solid #222;
padding: 4px 12px;
padding: 5px 10px;
background: #222;
color: #fff;
border-radius: 2px;

8
assets/misuzu.css/changelog/change.css
View file

@ -43,7 +43,7 @@
.changelog__change__username {
color: inherit;
font-size: 1.375em;
font-size: 1.4em;
line-height: 1.5em;
text-decoration: none;
}
@ -52,7 +52,7 @@
}
.changelog__change__userrole {
font-size: .875em;
font-size: .9em;
line-height: 1.5em;
color: inherit;
text-decoration: none;
@ -64,13 +64,15 @@
.changelog__change__date {
color: inherit;
text-decoration: none;
font-size: 1.1em;
line-height: 1.5em;
}
.changelog__change__date:hover {
text-decoration: underline;
}
.changelog__change__text {
line-height: 1.25em;
line-height: 1.2em;
flex: 1 1 auto;
word-wrap: break-word;
overflow: hidden;

4
assets/misuzu.css/changelog/entry.css
View file

@ -1,8 +1,6 @@
.changelog__entry {
display: flex;
margin: 5px;
font-size: .875em;
line-height: 1.5em;
}
.changelog__entry__info { display: flex; }
@ -70,7 +68,7 @@
.changelog__entry__tags {
display: flex;
flex-wrap: wrap;
font-size: .75em;
font-size: .9em;
line-height: 1.5em;
}

2
assets/misuzu.css/changelog/listing.css
View file

@ -6,6 +6,8 @@
text-decoration: none;
padding: 1px 3px;
color: var(--accent-colour);
font-size: 1.2em;
line-height: 1.5em;
}
.changelog__listing__date:hover {
text-decoration: underline;

4
assets/misuzu.css/changelog/log.css
View file

@ -21,8 +21,8 @@
}
.changelog__log__text {
padding: 8px 12px;
font-size: 1.375em;
line-height: 1.25em;
font-size: 1.5em;
line-height: 1.3em;
align-self: center;
flex: 1 1 auto;
overflow: hidden;

159
assets/misuzu.css/comments/comment.css Normal file
View file

@ -0,0 +1,159 @@
.comment {
margin: 10px;
}
.comment__reply-toggle {
display: none;
}
.comment__reply-toggle:checked ~ .comment--reply {
display: block;
}
.comment--reply {
display: none;
}
.comment--deleted > .comment__container {
opacity: .5;
transition: opacity .2s;
}
.comment--deleted > .comment__container:hover {
opacity: .9;
}
.comment__container {
display: flex;
margin-bottom: 3px;
}
.comment__mention {
color: var(--user-colour);
text-decoration: none;
font-weight: 700;
}
.comment__mention:hover {
text-decoration: underline;
}
.comment__actions {
list-style: none;
display: flex;
font-size: .9em;
align-items: center;
}
.comment__action {
color: inherit;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
}
.comment__action:not(:last-child) {
margin-right: 6px;
}
.comment__action--link:hover {
text-decoration: underline;
}
.comment__action--post {
margin-left: auto;
}
.comment__action--button {
cursor: pointer;
font: 12px/20px var(--font-regular);
padding: 0 10px;
}
.comment__action--hide {
opacity: 0;
transition: opacity .2s;
}
.comment__action--voted {
font-weight: 700;
}
.comment__action__checkbox {
vertical-align: text-top;
margin-right: 2px;
}
.comment__replies .comment--indent-1,
.comment__replies .comment--indent-2,
.comment__replies .comment--indent-3,
.comment__replies .comment--indent-4,
.comment__replies .comment--indent-5 {
margin-left: 20px;
}
.comment__avatar {
flex: 0 0 auto;
height: 50px;
width: 50px;
margin-right: 5px;
}
.comment__replies .comment__avatar {
width: 40px;
height: 40px;
}
.comment__content {
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow: hidden;
word-wrap: break-word;
padding-left: 5px;
}
.comment__content:hover .comment__action--hide {
opacity: 1;
}
.comment__info {
display: inline-flex;
}
.comment__text {
margin-right: 2px;
}
.comment__text--input {
min-width: 100%;
max-width: 100%;
min-height: 50px;
font: 12px/20px var(--font-regular);
margin-right: 1px;
}
.comment__user {
color: var(--user-colour);
text-decoration: none;
}
.comment__user--link:hover {
text-decoration: underline;
}
.comment__date,
.comment__pin {
color: #666;
font-size: .9em;
margin-left: 8px;
}
.comment__link {
color: #666;
display: inline-flex;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.comment__pin {
margin-left: 4px;
}
.comment__pin:before {
content: "-";
padding-right: 4px;
}

36
assets/misuzu.css/comments/comments.css Normal file
View file

@ -0,0 +1,36 @@
.comments {
--comments-max-height: 600px;
margin: 1px;
overflow: hidden;
word-wrap: break-word;
}
.comments__listing {
overflow-y: auto;
}
.comments__listing--limit {
max-height: var(--comments-max-height);
}
/*.comments__input,*/
.comments__javascript,
.comments__notice--staff {
border-bottom: 1px solid var(--accent-colour);
padding-bottom: 1px;
margin-bottom: 1px;
}
.comments__none,
.comments__javascript,
.comments__notice {
padding: 10px;
font-size: 1.2em;
text-align: center;
}
.comments__notice__link {
color: var(--accent-colour);
text-decoration: none;
}
.comments__notice__link:hover {
text-decoration: underline;
}

121
assets/misuzu.css/comments/entry.css
View file

@ -1,121 +0,0 @@
.comments-entry-main {
display: grid;
grid-template-columns: 46px 1fr;
gap: 2px;
}
.comments-entry-root {
padding-bottom: 2px;
border-top: 1px solid var(--accent-colour);
}
.comments-entry-replies {
margin-left: 25px;
}
.comments-entry-avatar {
flex: 0 0 auto;
padding: 4px;
}
.comments-entry-wrap {
flex: 0 1 auto;
display: flex;
flex-direction: column;
gap: 2px;
}
.comments-entry-meta {
display: flex;
gap: 4px;
margin-top: 4px;
}
.comments-entry-user {
display: flex;
}
.comments-entry-user-link {
text-decoration: none;
}
.comments-entry-user-link:hover,
.comments-entry-user-link:focus {
text-decoration: underline solid var(--user-colour, var(--text-colour, #fff));
}
.comments-entry-user-dead {
text-decoration: line-through;
}
.comments-entry-time {
display: flex;
gap: 6px;
}
.comments-entry-time-edited,
.comments-entry-time-pinned,
.comments-entry-time-deleted {
margin-left: 6px;
}
.comments-entry-time-pinned .comments-entry-time-icon {
rotate: 45deg;
}
.comments-entry-time-link {
color: inherit;
text-decoration: none;
}
.comments-entry-time-link:hover,
.comments-entry-time-link:focus {
text-decoration: underline;
}
.comments-entry-actions {
display: flex;
gap: 2px;
margin-top: 2px;
}
.comments-entry-actions-group {
display: flex;
border-radius: 3px;
padding: 1px;
gap: 1px;
transition: opacity .1s;
}
.comments-entry-actions-group-votes,
.comments-entry-actions-group-replies {
border: 1px solid var(--accent-colour);
}
.comments-entry-actions-group-disabled {
opacity: .5;
}
.comments-entry-action {
background: transparent;
border-width: 0;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 3px 6px;
cursor: pointer;
transition: background-color .1s;
min-width: 24px;
min-height: 22px;
color: inherit;
}
.comments-entry-action:not([disabled]):hover,
.comments-entry-action:not([disabled]):focus {
background: var(--comments-entry-action-background-hover, #fff4);
}
.comments-entry-action-reply-active {
background: #fff2;
}
.comments-entry-action-vote-like.comments-entry-action-vote-cast {
background: #0808;
}
.comments-entry-action-vote-like {
--comments-entry-action-background-hover: #0804;
}
.comments-entry-action-vote-dislike.comments-entry-action-vote-cast {
background: #c008;
}
.comments-entry-action-vote-dislike {
--comments-entry-action-background-hover: #c004;
}

73
assets/misuzu.css/comments/form.css
View file

@ -1,73 +0,0 @@
.comments-form {
border: 1px solid var(--accent-colour);
border-radius: 3px;
margin: 2px 0;
display: grid;
grid-template-columns: 46px 1fr;
transition: opacity .1s;
}
.comments-form-root {
margin: 2px;
}
.comments-form-disabled {
opacity: .5;
}
.comments-form-avatar {
flex: 0 0 auto;
padding: 3px;
}
.comments-form-wrap {
display: grid;
grid-template-rows: 1fr 35px;
gap: 2px;
margin: 3px;
margin-left: 0;
overflow: hidden;
}
.comments-form-input {
overflow: hidden;
}
.comments-form-input textarea {
min-width: 100%;
max-width: 100%;
width: 100%;
min-height: 40px;
height: 0;
}
.comments-form-root .comments-form-input textarea {
min-height: 60px;
}
.comments-form-actions {
display: flex;
align-items: center;
overflow: hidden;
gap: 6px;
}
.comments-form-status {
flex: 1 1 auto;
padding: 0 6px;
overflow: hidden;
transition: color .2s;
}
.comments-form-status-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.comments-form-status-error {
color: #c00;
}
.comments-form-pin {
flex: 0 0 auto;
font-size: 1.25em;
line-height: 1.375em;
}
.comments-form-post {
flex: 0 0 auto;
}

8
assets/misuzu.css/comments/listing.css
View file

@ -1,8 +0,0 @@
.comments-listing {
display: flex;
flex-direction: column;
gap: 2px;
}
.comments-listing-root {
margin: 2px;
}

5
assets/misuzu.css/comments/main.css
View file

@ -1,5 +0,0 @@
@include comments/form.css;
@include comments/entry.css;
@include comments/listing.css;
@include comments/notice.css;
@include comments/options.css;

14
assets/misuzu.css/comments/notice.css
View file

@ -1,14 +0,0 @@
.comments-notice {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
font-size: 1.25em;
line-height: 1.375em;
gap: 6px;
padding: 12px;
margin: 2px;
}
.comments-notice-inner {
flex: 0 1 auto;
}

32
assets/misuzu.css/comments/options.css
View file

@ -1,32 +0,0 @@
.comments-options {
display: flex;
justify-content: flex-end;
margin: 2px;
padding: 6px;
gap: 6px;
}
.comments-options-actions {
display: flex;
gap: 6px;
}
.comments-options-action {
color: inherit;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 4px 8px;
background-color: transparent;
border-width: 0;
border-radius: 4px;
transition: background-color .1s, opacity .1s;
}
.comments-options-action[disabled] {
opacity: .5;
}
.comments-options-action:not([disabled]):hover,
.comments-options-action:not([disabled]):focus {
background-color: #fff4;
}

11
assets/misuzu.css/confirm.css Normal file
View file

@ -0,0 +1,11 @@
.confirm {
max-width: 400px;
margin: 0 auto;
}
.confirm__buttons {
display: flex;
padding: 5px;
justify-content: center;
}
.confirm__message { padding: 2px 5px; }
.confirm__button { margin-right: 5px; }

5
assets/misuzu.css/container.css
View file

@ -13,12 +13,10 @@
overflow: hidden;
}
.container__title__text {
font-size: 1.125rem;
font-size: 1.5em;
line-height: 1.5em;
padding: 8px 10px;
word-wrap: break-word;
font-weight: 500;
min-height: 44px;
}
.container__title__link {
color: inherit;
@ -32,6 +30,7 @@
width: 100%;
height: 100%;
mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
-webkit-mask-image: linear-gradient(0deg, transparent 10%, var(--background-colour) 100%);
background: var(--background-pattern);
background-color: var(--accent-colour);
background-blend-mode: multiply;

6
assets/misuzu.css/eeprom.css
View file

@ -21,7 +21,7 @@
visibility: hidden;
}
.eeprom-widget-form-text {
font-size: 1.325em;
font-size: 1.4em;
line-height: 1.5em;
}
.eeprom-widget-form:focus,
@ -70,8 +70,8 @@
text-decoration: underline;
}
.eeprom-widget-file-progress {
font-size: .875em;
line-height: 1.325em;
font-size: .9em;
line-height: 1.4em;
text-align: right;
padding: 0 2px;
white-space: nowrap;

37
assets/misuzu.css/embed.css
View file

@ -88,26 +88,30 @@
margin-left: 5px;
}
.embedph-info-title {
font-size: 1.5rem !important;
font-weight: 500 !important;
line-height: 1.5rem !important;
margin: 5px 0;
font-size: 2em !important;
font-weight: 400 !important;
line-height: 1.2em !important;
margin-bottom: 5px;
word-break: break-word;
margin: 0 !important;
padding: 0 !important;
border-width: 0 !important;
}
.embedph-info-desc {
font-size: .875rem;
line-height: 1.5rem;
margin: .25rem 0;
line-height: 1.4em;
margin: .5em 0;
word-break: break-word;
}
.embedph-info-site {
font-size: .75rem;
font-size: .9em;
line-height: 1.2em;
}
@media (max-width: 640px) {
.embedph-info-title {
font-size: 1.5em;
line-height: 1.2em;
}
.embedph-info-desc {
display: none;
}
@ -131,7 +135,9 @@
margin-bottom: 20px;
}
.embedph-play-external {
padding: 4px 8px;
padding: 5px 10px;
font-size: 1.2em;
line-height: 1.5em;
text-decoration: none !important;
color: var(--text-colour) !important;
background-color: var(--background-colour-translucent-6);
@ -219,7 +225,6 @@
height: 70px;
border-radius: 5px;
margin: 5px;
font-size: .75rem;
}
.aembedph:hover .aembedph-play,
.aembedph:active .aembedph-play,
@ -288,9 +293,9 @@
padding: 0 5px;
}
.aembedph-info-title {
font-size: 1.25em !important;
font-weight: 500 !important;
line-height: 1.25em !important;
font-size: 1.4em !important;
font-weight: 400 !important;
line-height: 1.2em !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@ -304,10 +309,10 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 600;
font-weight: 700;
}
.aembedph-info-album {
line-height: 1.5em;
line-height: 1.4em;
word-break: break-word;
white-space: nowrap;
overflow: hidden;
@ -316,7 +321,7 @@
}
.aembedph-info-site {
font-size: .9em;
line-height: 1.25em;
line-height: 1.2em;
}
.aembedph-play {

2
assets/misuzu.css/flags.css
View file

@ -129,7 +129,7 @@
/* Ix */
.flag--id { background-position: top -96px left -48px; }
.flag--ie { background-position: top -96px left -64px; }
.flag--il { background-position: top -180px left -288px; }
.flag--il { background-position: top -96px left -176px; }
.flag--in { background-position: top -96px left -208px; }
.flag--io { background-position: top -96px left -224px; }
.flag--iq { background-position: top -96px left -256px; }

4
assets/misuzu.css/footer.css
View file

@ -13,8 +13,8 @@
max-width: var(--site-max-width);
margin: 0 auto;
text-align: center;
font-size: .875rem;
line-height: 1.5rem;
font-size: .9em;
line-height: 1.5em;
padding: 1em 0;
}
.footer__background {

31
assets/misuzu.css/forum/categories.css
View file

@ -4,6 +4,8 @@
overflow: auto;
}
.forum__categories__empty {
font-size: 1.2em;
line-height: 1.5em;
text-align: center;
padding: 10px;
}
@ -61,8 +63,8 @@
background-size: 80px 80px;
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
box-shadow: 0 1px 4px #111;
font-size: 1.5em;
line-height: 1.25em;
font-size: 2em;
line-height: 1.5em;
color: #fff;
display: flex;
justify-content: center;
@ -80,25 +82,22 @@
justify-content: center;
flex-direction: column;
line-height: 1.5em;
gap: 2px;
}
.forum__category__title {
font-size: 1.125em;
line-height: 1.25em;
font-size: 1.3em;
}
.forum__category__description,
.forum__category__subforums {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
}
.forum__category__subforums {
display: flex;
gap: 6px;
}
.forum__category__subforum {
padding: 2px;
pointer-events: initial;
color: var(--accent-colour);
text-decoration: none;
@ -126,23 +125,21 @@
}
.forum__category__stat {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.3em;
opacity: .7;
pointer-events: auto;
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.forum__category__stat:first-child {
font-size: 1.25em;
font-size: 1.5em;
opacity: 1;
}
.forum__category__activity {
text-align: right;
min-width: 300px;
font-size: .875em;
line-height: 1.375em;
min-width: 270px;
line-height: 1.4em;
}
.forum__category__activity__none,
.forum__category__activity__details {
@ -163,7 +160,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 230px;
max-width: 200px;
}
.forum__category__activity__post:hover,
.forum__category__activity__post:focus {
@ -197,7 +194,7 @@
flex-wrap: wrap;
}
.forum__category__details {
flex-basis: calc(100% - 8em); /* god knows what this does */
flex-basis: calc(100% - 100px);
}
.forum__category__stats {
min-width: initial;

15
assets/misuzu.css/forum/confirm.css Normal file
View file

@ -0,0 +1,15 @@
.forum__confirm {
max-width: 400px;
margin: 0 auto;
}
.forum__confirm__message {
padding: 2px 5px;
}
.forum__confirm__buttons {
display: flex;
padding: 5px;
justify-content: center;
}
.forum__confirm__button {
margin-right: 5px;
}

12
assets/misuzu.css/forum/float.css Normal file
View file

@ -0,0 +1,12 @@
.forum-float {
position: sticky;
z-index: 1000;
}
.forum-float-top {
top: 2px;
}
.forum-float-bottom {
bottom: 2px;
}

11
assets/misuzu.css/forum/header.css
View file

@ -7,8 +7,8 @@
}
.forum__header__title {
font-size: 1.5em;
line-height: 1.25em;
font-size: 2em;
line-height: 1.5em;
color: inherit;
text-decoration: none;
padding: 0 5px;
@ -28,18 +28,19 @@
margin: 0;
box-shadow: initial;
font-size: 1em;
font-family: var(--font-regular);
font-family: inherit;
}
.forum__header__breadcrumbs {
display: flex;
font-size: 1.1em;
line-height: 1.5em;
align-items: center;
}
.forum__header__breadcrumb {
color: var(--accent-colour);
text-decoration: none;
padding: 2px 6px;
padding: 2px 5px;
}
.forum__header__breadcrumb:hover {
text-decoration: underline;
@ -47,7 +48,7 @@
.forum__header__breadcrumb__separator {
color: var(--accent-colour);
margin: 0 4px;
font-size: .875em;
font-size: .9em;
}
.forum__header__actions {

6
assets/misuzu.css/forum/leaderboard.css
View file

@ -36,13 +36,14 @@
.forum__leaderboard__user {
margin: 2px 0;
font-size: 1.2em;
}
.forum__leaderboard__user--rank-1 {
font-size: 1.5em;
font-size: 1.6em;
}
.forum__leaderboard__user--rank-2,
.forum__leaderboard__user--rank-3 {
font-size: 1.25em;
font-size: 1.4em;
}
.forum__leaderboard__user__background {
@ -68,7 +69,6 @@
justify-content: center;
font-weight: 700;
flex: 0 0 auto;
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.forum__leaderboard__user__rank:before {
content: "#";

104
assets/misuzu.css/forum/poll.css Normal file
View file

@ -0,0 +1,104 @@
.forum__poll__container {
margin: 2px 0;
padding: 5px;
display: flex;
flex-direction: column;
align-items: center;
}
.forum__poll__toggle,
.forum__poll__toggle:checked ~ .forum__poll__container--poll,
.forum__poll__toggle:not(:checked) ~ .forum__poll__container--results {
display: none;
}
.forum__poll__options {
display: flex;
flex-direction: column;
max-width: 500px;
min-width: 100%;
}
.forum__poll__results {
max-width: 800px;
width: 100%;
padding: 0 1px;
}
.forum__poll__option {
padding: 2px;
}
.forum__poll__remaining,
.forum__poll__expires {
line-height: 1.5em;
}
.forum__poll__remaining__num,
.forum__poll__expires__num,
.forum__poll__remaining__datetime,
.forum__poll__expires__datetime {
font-weight: 700;
}
.forum__poll__buttons {
display: flex;
margin-top: 2px;
}
.forum__poll__button {
margin: 0 2px;
}
.forum__poll__result {
overflow: hidden;
border-radius: 5px;
margin: 4px 0;
border: 1px solid var(--accent-colour);
width: 100%;
}
.forum__poll__result__background {
position: absolute;
top: 0;
left: 0;
height: 100%;
background: var(--accent-colour);
opacity: .2;
}
.forum__poll__result--voted .forum__poll__result__background {
opacity: .4;
}
.forum__poll__result__container {
display: flex;
justify-content: center;
}
.forum__poll__result__text {
flex: 1 1 auto;
padding: 5px;
}
.forum__poll__result--voted .forum__poll__result__text {
font-weight: 700;
}
.forum__poll__result__votes {
flex: 0 0 auto;
padding: 5px;
text-align: right;
}
.forum__poll__result__percent {
flex: 0 0 auto;
padding: 5px;
min-width: 60px;
text-align: right;
}
@media (min-width: 400px) {
.forum__poll__options {
min-width: 300px;
}
}

32
assets/misuzu.css/forum/post.css
View file

@ -22,8 +22,8 @@
}
.forum__post__details {
font-size: .875em;
line-height: 1.75em;
font-size: .9em;
line-height: 1.7em;
padding: 0 2px;
display: flex;
justify-content: space-between;
@ -36,9 +36,6 @@
color: inherit;
text-decoration: none;
}
.forum__post__id {
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.forum__post__datetime:hover,
.forum__post__datetime:focus,
.forum__post__id:hover,
@ -50,7 +47,7 @@
.forum__post__text {
padding: 2px;
line-height: 1.5em;
line-height: 1.4em;
flex: 1 1 auto;
}
.forum__post__text--edit {
@ -100,14 +97,14 @@
}
.forum__post__posts-count {
font-size: .75em;
margin-left: 8px;
font-size: .9em;
margin-left: 4px;
}
.forum__post__joined {
flex: 1 1 auto;
max-width: 170px;
font-size: .75em;
font-size: .9em;
justify-self: flex-end;
}
@ -120,7 +117,7 @@
.forum__post__username {
color: inherit;
font-size: 1.25em;
font-size: 1.4em;
line-height: 2em;
text-decoration: none;
}
@ -130,8 +127,8 @@
}
.forum__post__usertitle {
font-size: .75em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.5em;
margin-bottom: 4px;
}
@ -190,13 +187,12 @@
.forum__post__badge {
background-color: var(--accent-colour);
border-radius: 24px;
border-radius: 12px;
width: 100%;
padding: 2px;
box-shadow: 0 2px 3px #000A;
margin: 4px;
overflow: hidden;
font-size: .875em;
}
.forum__post__badge__desktop {
display: block;
@ -211,11 +207,13 @@
}
.forum__post__text {
margin: 4px;
font-size: 1.2em;
line-height: 1.3em;
}
.forum__post__info {
flex-direction: row;
margin: 0;
padding: 4px;
padding: 5px;
}
.forum__post__info__content {
width: 100%;
@ -254,8 +252,8 @@
padding: 2px 10px;
margin: 0;
align-self: flex-start;
margin-left: 10px;
font-size: .875em;
margin-left: 5px;
font-size: .9em;
}
.forum__post__badge__desktop {
display: none;

37
assets/misuzu.css/forum/priority.css Normal file
View file

@ -0,0 +1,37 @@
.forum__priority__votes {
text-align: center;
margin: 5px 16px 5px 5px;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
cursor: default;
}
.forum__priority__vote {
font-size: 14px;
display: inline;
}
.forum__priority__star {
margin-right: -.9em;
opacity: .6;
text-shadow: 0 1px 1px #000;
color: var(--user-colour);
transition: text-shadow .2s;
}
.forum__priority__star:last-child {
margin-right: 0;
opacity: 1;
}
.forum__priority__vote:hover .forum__priority__star {
text-shadow: 0 0 1px #fff;
}
.forum__priority__input {
margin: 5px;
text-align: center;
}

3
assets/misuzu.css/forum/status.css
View file

@ -3,6 +3,7 @@
align-items: center;
min-height: 40px;
margin: 2px 0;
position: sticky;
}
.forum__status__icon {
@ -12,7 +13,7 @@
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5em;
font-size: 2em;
padding-bottom: 1px;
}
.forum__status__icon__background {

44
assets/misuzu.css/forum/topics.css
View file

@ -4,6 +4,8 @@
overflow: auto;
}
.forum__topics__empty {
font-size: 1.2em;
line-height: 1.5em;
text-align: center;
padding: 10px;
}
@ -74,7 +76,7 @@
background-size: 60px 60px;
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
box-shadow: 0 1px 4px #111;
font-size: 1.125em;
font-size: 1.5em;
line-height: 1.5em;
color: #fff;
display: flex;
@ -89,6 +91,9 @@
.forum__topic__icon--unread {
background-color: var(--accent-colour);
}
.forum__topic__icon--faded {
opacity: .3;
}
.forum__topic__icon__participated {
position: absolute;
bottom: 2px;
@ -100,6 +105,16 @@
box-shadow: 0 1px 2px #111;
pointer-events: initial;
}
.forum__topic__icon__priority {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 30px;
font-size: .9em;
text-align: center;
}
.forum__topic__details {
margin: 0 4px;
@ -112,15 +127,14 @@
}
.forum__topic__title {
font-size: 1.125em;
font-size: 1.3em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.forum__topic__info {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
}
.forum__topic__stats,
@ -136,15 +150,14 @@
}
.forum__topic__stat {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.3em;
opacity: .7;
pointer-events: auto;
cursor: default;
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.forum__topic__stat:first-child {
font-size: 1.25em;
font-size: 1.4em;
opacity: 1;
}
@ -153,7 +166,7 @@
align-items: center;
text-align: right;
min-width: 200px;
line-height: 1.25em;
line-height: 1.5em;
}
.forum__topic__activity__details {
display: flex;
@ -198,9 +211,8 @@
.forum__topic__pagination {
display: flex;
align-items: center;
font-size: .875em;
line-height: 1.25em;
font-feature-settings: 'ss01' 1, 'tnum' 1;
font-size: .9em;
line-height: 1.2em;
}
.forum__topic__pagination__separator {
margin: 0 8px;
@ -210,7 +222,7 @@
text-decoration: none;
pointer-events: initial;
margin: 0 1px;
padding: 3px;
padding: 2px 4px;
border-radius: 2px;
min-width: 25px;
height: 25px;
@ -263,8 +275,8 @@
.forum__topic__pagination__item {
min-width: 30px;
height: 30px;
line-height: 1.375em;
font-size: 1.25em;
line-height: 26px;
font-size: 1.2em;
}
}
@ -273,4 +285,4 @@
position: absolute;
right: 0;
}
}
}

41
assets/misuzu.css/header.css
View file

@ -69,7 +69,8 @@
}
.header__desktop__menu__link {
margin: var(--header-link-margin) 0;
padding: 4px 10px;
font-size: 1.2em;
padding: 6px 10px;
text-align: center;
}
@ -85,8 +86,6 @@
}
.header__desktop__submenu__link {
margin: 5px;
font-size: .875em;
line-height: 1.5em;
}
.header__desktop__submenu__background {
background: var(--header-accent-colour);
@ -129,8 +128,8 @@
margin: 2px;
color: inherit;
text-decoration: none;
font-size: 1.125rem;
line-height: 2rem;
font-size: 1.5em;
line-height: 32px;
width: 32px;
height: 32px;
transition: background-color .2s;
@ -150,8 +149,8 @@
top: -5px;
right: -3px;
z-index: 1;
font-size: .625rem;
line-height: 1.375rem;
font-size: .5em;
line-height: 1.4em;
text-align: right;
padding: 2px 2px 0;
border-radius: 4px;
@ -159,8 +158,7 @@
opacity: .9;
border-radius: 4px;
line-height: 12px;
padding: 2px 3px;
font-feature-settings: 'ss01' 1, 'tnum' 1;
padding: 2px 4px;
}
/** MOBILE HEADER **/
@ -188,12 +186,18 @@
.header__mobile__icon {
flex: 0 0 auto;
cursor: pointer;
font-size: 1.5rem;
font-size: 32px;
width: var(--header-icon-px);
height: var(--header-icon-px);
display: flex;
justify-content: center;
align-items: center;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
@ -223,7 +227,7 @@
background: var(--background-pattern);
background-color: var(--header-accent-colour);
background-blend-mode: multiply;
transition: max-height .3s;
transition: max-height .2s;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
max-height: 0;
overflow: hidden;
@ -233,7 +237,7 @@
}
.header__mobile__toggle:checked ~ .header__mobile__menu {
max-height: 100vh;
max-height: 600px;
}
.header__mobile__user {
@ -251,23 +255,24 @@
color: inherit;
text-decoration: none;
display: block;
padding: 6px;
padding-left: 24px;
padding: 8px;
padding-left: 20px;
cursor: pointer;
border-radius: 2px;
transition: background-color .2s, margin .1s, opacity .1s;
font-size: 1.2em;
}
.header__mobile__link:not(:last-child) {
margin-bottom: 2px;
}
.header__mobile__link--primary {
font-size: 1.25rem;
padding: 8px;
font-size: 1.5em;
padding: 10px;
}
.header__mobile__link--user {
margin: 2px;
font-size: 1.25rem;
padding: 8px;
font-size: 1.5em;
padding: 10px;
}
.header__mobile__link:hover,
.header__mobile__link:focus {

2
assets/misuzu.css/hljs.css
View file

@ -2,8 +2,8 @@ pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
font-size: 1.2em;
font-family: var(--font-monospace);
font-feature-settings: 'ss07' 1;
}
code.hljs {

4
assets/misuzu.css/home/landingv2-footer.css
View file

@ -46,8 +46,8 @@
.landingv2-footer-copyright {
text-align: right;
line-height: 1.5em;
font-size: .875em;
line-height: 1.8em;
font-size: .9em;
align-self: flex-end;
}

4
assets/misuzu.css/home/landingv2-header.css
View file

@ -52,8 +52,8 @@
display: flex;
align-items: center;
min-height: 70px;
font-size: 1.5em;
padding: 8px 16px;
font-size: 1.4em;
padding: 10px 16px;
grid-column: 1;
}
.landingv2-header-menu-link:hover,

20
assets/misuzu.css/home/landingv2.css
View file

@ -13,6 +13,7 @@
display: flex;
align-items: center;
margin: 10px;
text-shadow: 0 1px 4px #000;
}
.landingv2-stat-icon {
font-size: 4em;
@ -24,7 +25,6 @@
}
.landingv2-stat-value-num {
font-weight: 700;
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.landingv2-forum {
@ -37,6 +37,7 @@
.landingv2-forum-topics {
background-color: var(--container-colour);
box-shadow: 0 1px 2px #0009;
text-shadow: 0 1px 4px #000;
overflow: hidden;
word-wrap: break-word;
}
@ -94,7 +95,7 @@
background-size: 60px 60px;
background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .4) 100%);
box-shadow: 0 1px 4px #111;
font-size: 1.25em;
font-size: 1.5em;
line-height: 1.5em;
color: #fff;
display: flex;
@ -109,35 +110,34 @@
display: flex;
justify-content: center;
flex-direction: column;
line-height: 1.625em;
line-height: 1.6em;
overflow: hidden;
}
.landingv2-forum-topic-info-details-title {
font-size: 1.25em;
font-size: 1.3em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.landingv2-forum-topic-info-stats {
font-size: .875em;
font-size: .9em;
display: flex;
flex: 0 0 auto;
text-align: center;
min-width: 60px;
flex-direction: column;
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.landingv2-forum-topic-info-stats-posts,
.landingv2-forum-topic-info-stats-views {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.3em;
opacity: .7;
pointer-events: auto;
cursor: default;
}
.landingv2-forum-topic-info-stats-posts {
font-size: 1.25em;
font-size: 1.4em;
opacity: 1;
}
@ -150,6 +150,7 @@
.landingv2-news-post {
background-color: var(--container-colour);
box-shadow: 0 1px 2px #0009;
text-shadow: 0 1px 4px #000;
overflow: hidden;
word-wrap: break-word;
padding: 0 10px 10px 10px;
@ -166,6 +167,7 @@
.landingv2-online {
background-color: var(--container-colour);
box-shadow: 0 1px 2px #0009;
text-shadow: 0 1px 4px #000;
margin: 4px 0;
}
.landingv2-online-users {

1
assets/misuzu.css/impersonate.css
View file

@ -37,6 +37,7 @@
height: 30px;
line-height: 29px;
text-align: center;
font-size: 1.5em;
background-color: #222d;
display: block;
color: var(--text-colour);

17
assets/misuzu.css/landing.css
View file

@ -57,10 +57,13 @@
width: 45%;
padding: 4px 0;
}
.landing__statistic__name {
font-size: 1.3em;
line-height: 2em;
}
.landing__statistic__value {
font-size: 1.25em;
line-height: 1.625em;
font-feature-settings: 'ss01' 1, 'tnum' 1;
font-size: 1.5em;
line-height: 1.5em;
}
.landing__latest {
@ -88,13 +91,13 @@
padding-left: 8px;
}
.landing__latest__username {
font-size: 1.25em;
line-height: 1.375em;
font-size: 1.5em;
line-height: 1.4em;
color: var(--user-colour);
}
.landing__latest__joined {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.2em;
}
@media (max-width: 800px) {

34
assets/misuzu.css/main.css
View file

@ -1,6 +1,27 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
}
html,
body {
width: 100%;
height: 100%;
}
[hidden],
.hidden {
display: none !important;
visibility: hidden !important;
}
:root {
--font-size: 16px;
--line-height: 25px;
--font-size: 12px;
--line-height: 20px;
--font-regular: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
--font-monospace: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
--site-max-width: 1200px;
--site-mobile-width: 800px;
@ -79,6 +100,7 @@ html {
@include animations.css;
@include avatar.css;
@include bb.css;
@include confirm.css;
@include container.css;
@include eeprom.css;
@include embed.css;
@ -91,6 +113,7 @@ html {
@include main.css;
@include markdown.css;
@include messagebox.css;
@include navigation.css;
@include pagination.css;
@include permissions.css;
@include warning.css;
@ -121,13 +144,18 @@ html {
@include changelog/log.css;
@include changelog/pagination.css;
@include comments/main.css;
@include comments/comment.css;
@include comments/comments.css;
@include forum/actions.css;
@include forum/categories.css;
@include forum/confirm.css;
@include forum/float.css;
@include forum/header.css;
@include forum/leaderboard.css;
@include forum/poll.css;
@include forum/post.css;
@include forum/priority.css;
@include forum/status.css;
@include forum/topics.css;

4
assets/misuzu.css/manage/_manage.css
View file

@ -9,10 +9,10 @@
flex: 1 1 auto;
}
.manage__description {
font-size: .875em;
font-size: .9em;
margin: 1px 2px;
border-bottom: 1px solid var(--accent-colour);
padding: 2px 4px;
padding: 2px 5px;
}
@media (max-width: 800px) {

4
assets/misuzu.css/manage/ban.css
View file

@ -4,13 +4,13 @@
}
.manage__ban__title {
font-size: 1.25em;
font-size: 1.4em;
line-height: 1.5em;
padding: 0 4px;
}
.manage__ban__desc {
font-size: .875em;
font-size: .9em;
line-height: 1.5em;
font-style: italic;
border-bottom: 1px solid var(--accent-colour);

4
assets/misuzu.css/manage/bans.css
View file

@ -107,7 +107,7 @@
border-top: 1px solid var(--accent-colour);
}
.manage__bans__item__reason__title {
font-size: .875em;
font-size: .9em;
line-height: 1.5em;
font-style: italic;
}
@ -117,6 +117,6 @@
}
.manage__bans__item__noreason {
font-size: .875em;
font-size: .9em;
font-style: italic;
}

3
assets/misuzu.css/manage/blacklist.css
View file

@ -13,8 +13,7 @@
.manage__blacklist__textarea {
margin: 0;
padding: 5px 10px;
font-family: var(--font-monospace);
font-feature-settings: 'ss07' 1;
font-family: monospace;
width: 100%;
min-width: 100%;
max-width: 100%;

4
assets/misuzu.css/manage/navigation.css
View file

@ -4,11 +4,13 @@
.manage__navigation__links {
display: flex;
flex-direction: column;
font-size: 1.2em;
}
.manage__navigation__link {
color: inherit;
text-decoration: none;
padding: 2px 8px;
padding: 2px 5px;
margin-bottom: 2px;
}
.manage__navigation__link:hover {
text-decoration: underline;

8
assets/misuzu.css/manage/note.css
View file

@ -17,11 +17,11 @@
.manage__note__title {
flex-grow: 1;
flex-shrink: 1;
font-size: 1.375em;
line-height: 1.25em;
font-size: 1.4em;
line-height: 1.3em;
}
.manage__note__title__text {
padding: 2px 6px;
padding: 2px 5px;
}
.manage__note__title input {
width: 100%;
@ -73,7 +73,7 @@
.manage__note__nobody {
text-align: center;
font-size: .875em;
font-size: .9em;
font-style: italic;
}

8
assets/misuzu.css/manage/notes.css
View file

@ -24,9 +24,9 @@
.manage__notes__item__title {
flex-grow: 1;
flex-shrink: 1;
font-size: 1.25em;
line-height: 1.25em;
padding: 2px 6px;
font-size: 1.4em;
line-height: 1.3em;
padding: 2px 5px;
}
.manage__notes__item__title a {
color: inherit;
@ -96,7 +96,7 @@
.manage__notes__item__nobody {
text-align: center;
font-size: .875em;
font-size: .9em;
font-style: italic;
}

15
assets/misuzu.css/manage/role-item.css
View file

@ -49,7 +49,7 @@
justify-content: center;
width: 100%;
height: 100%;
font-size: 1.25em;
font-size: 1.5em;
transition: background-color .2s;
}
.manage__role-item__icon__background {
@ -73,9 +73,14 @@
flex: 1 1 auto;
}
.manage__role-item__name {
font-size: 1.4em;
line-height: 1.4em;
}
.manage__role-item__details {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.3em;
display: inline-flex;
align-items: center;
padding: 1px 0;
@ -85,11 +90,11 @@
border-radius: 10px;
background-color: var(--accent-colour);
box-shadow: 0 1px 4px #111;
padding: 2px 6px;
padding: 2px 5px;
}
.manage__role-item__title {
padding: 2px 6px;
padding: 2px 5px;
}
.manage__role-item__actions {

4
assets/misuzu.css/manage/settings.css
View file

@ -27,7 +27,6 @@
}
.manage-list-setting-key-text {
font-family: var(--font-monospace);
font-feature-settings: 'ss07' 1;
}
.manage-list-setting-type {
@ -54,7 +53,7 @@
border-radius: 5px;
font-weight: 700;
padding: 0 5px;
font-size: .75em;
font-size: .9em;
display: inline-block;
}
@ -64,7 +63,6 @@
}
.manage-list-setting-value-text {
font-family: var(--font-monospace);
font-feature-settings: 'ss07' 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

9
assets/misuzu.css/manage/statistic.css
View file

@ -1,21 +1,20 @@
.manage__statistic {
border: 1px solid var(--accent-colour);
border-radius: 2px;
padding: 2px 6px;
padding: 2px 5px;
}
.manage__statistic__name {
font-size: 1.125em;
font-size: 1.1em;
line-height: 1.5em;
}
.manage__statistic__value {
text-align: right;
font-size: 1.375em;
font-size: 1.4em;
line-height: 1.5em;
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.manage__statistic__updated {
text-align: right;
font-size: .75em;
font-size: .9em;
font-style: italic;
line-height: 1.5em;
}

15
assets/misuzu.css/manage/user-item.css
View file

@ -57,26 +57,25 @@
}
.manage__user-item__name {
font-size: 1.125em;
line-height: 1.5em;
font-size: 1.4em;
line-height: 1.4em;
max-width: 600px; /* whatever */
}
.manage__user-item__details {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.3em;
display: inline-flex;
align-items: center;
}
.manage__user-item__detail {
border-radius: 16px;
border-radius: 10px;
background-color: var(--accent-colour);
box-shadow: 0 1px 4px #111;
padding: 2px 8px;
padding: 3px 8px;
pointer-events: initial;
margin: 2px;
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.manage__user-item__actions {
@ -89,7 +88,7 @@
width: 32px;
height: 32px;
line-height: 32px;
font-size: 1.25em;
font-size: 1.5em;
border-radius: 2px;
margin: 5px;
margin-right: 0;

4
assets/misuzu.css/manage/warning.css
View file

@ -4,13 +4,13 @@
}
.manage__warning__title {
font-size: 1.25em;
font-size: 1.4em;
line-height: 1.5em;
padding: 0 4px;
}
.manage__warning__desc {
font-size: .875em;
font-size: .9em;
line-height: 1.5em;
font-style: italic;
border-bottom: 1px solid var(--accent-colour);

5
assets/misuzu.css/markdown.css
View file

@ -1,5 +1,5 @@
.markdown {
line-height: 1.5em;
line-height: 1.7em;
}
.markdown a {
@ -78,7 +78,8 @@
.markdown h1, .markdown h2,
.markdown h3, .markdown h4,
.markdown h5, .markdown h6 {
margin: calc(var(--font-size) * 0.875) 0;
margin-top: calc(var(--font-size) * 1.2);
margin-bottom: var(--font-size);
font-weight: 700;
line-height: 1em;
}

3
assets/misuzu.css/messages/actions.css
View file

@ -3,6 +3,8 @@
align-items: center;
height: 30px;
margin: 1px;
font-size: 1.3em;
line-height: 1.4em;
color: #fff;
text-decoration: none;
transition: background-color .1s;
@ -10,7 +12,6 @@
border: 0;
background-color: inherit;
text-align: left;
font-size: 1rem;
}
.messages-actions-item:hover,
.messages-actions-item:focus {

6
assets/misuzu.css/messages/entry.css
View file

@ -10,6 +10,8 @@
}
.messages-entry-header {
display: flex;
font-size: 1.1em;
line-height: 1.6em;
border-bottom: 2px solid #9999;
gap: 2px;
}
@ -58,12 +60,12 @@
align-self: flex-end;
}
.messages-entry-subject {
line-height: 1.5em;
line-height: 1.4em;
color: #fff;
overflow: hidden;
}
.messages-entry-preview {
line-height: 1.5em;
line-height: 1.4em;
color: #888;
overflow: hidden;
}

2
assets/misuzu.css/messages/folder.css
View file

@ -25,7 +25,7 @@
margin: 10px;
}
.messages-folder-notice-text {
font-size: 1.375em;
font-size: 1.4em;
line-height: 1.5em;
}
.messages-folder .pagination {

6
assets/misuzu.css/messages/message.css
View file

@ -6,7 +6,7 @@
}
.messages-message-snippet {
cursor: pointer;
font-size: .875em;
font-size: .9em;
line-height: 1.5em;
color: #888;
gap: 5px;
@ -117,7 +117,7 @@
}
.messages-message-body {
line-height: 1.5em;
line-height: 1.4em;
}
.messages-message-body p:first-child {
margin-top: 0 !important;
@ -131,5 +131,5 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.5em;
line-height: 1.4em;
}

85
assets/misuzu.css/navigation.css Normal file
View file

@ -0,0 +1,85 @@
.navigation {
margin: 2px 0;
width: 100%;
display: flex;
border-width: 0;
border-color: var(--text-colour);
border-style: solid;
border-top-width: 1px;
align-items: flex-start;
justify-content: center;
}
.navigation--top {
border-top-width: 0;
border-bottom-width: 1px;
align-items: flex-end;
}
.navigation--top .navigation__option {
border-top-width: 1px;
border-bottom-width: 0;
}
.navigation__option {
list-style: none;
background-color: #c9bbcc;
border: 1px solid var(--text-colour);
border-top-width: 0;
flex-grow: 0;
}
.navigation__option:not(:first-child) { border-left-width: 0; }
.navigation__option--selected {
background-color: var(--accent-colour);
top: -1px;
}
.navigation__option--selected:not(:first-child) {
margin-left: -1px;
border-left-width: 1px;
}
.navigation__link {
display: block;
padding: 2px 1em;
color: var(--text-colour);
text-decoration: none;
}
.navigation__link:hover, .navigation__link:focus { color: #609; }
@media (max-width: 1000px) {
.navigation {
border: none;
align-items: center;
flex-direction: column;
}
.navigation--left {
justify-content: left;
padding-left: 25px;
}
.navigation--right {
justify-content: right;
padding-right: 25px;
}
.navigation--top .navigation__option--selected { top: 1px; }
.navigation__link {
padding: 10px 15px;
font-size: 1.5em;
}
.navigation__option {
background-color: var(--accent-colour);
width: 100%;
border: none;
flex-grow: 1;
margin-bottom: 1px;
}
.navigation__option--selected {
background-color: #a586c3;
top: 0;
}
.navigation__option--selected .navigation__link {
padding: 3px 1em;
}
}

2
assets/misuzu.css/news/feeds.css
View file

@ -9,7 +9,7 @@
display: flex;
color: inherit;
text-decoration: none;
font-size: 1.25em;
font-size: 1.5em;
line-height: 32px;
height: 32px;
transition: background-color .2s;

9
assets/misuzu.css/news/post.css
View file

@ -44,7 +44,7 @@
.news__post__username {
color: inherit;
font-size: 1.25em;
font-size: 1.4em;
line-height: 1.5em;
text-decoration: none;
}
@ -53,14 +53,14 @@
}
.news__post__date {
font-size: .875em;
font-size: 1.1em;
line-height: 1.5em;
}
.news__post__category {
color: inherit;
text-decoration: none;
font-size: 1.125em;
font-size: 1.1em;
line-height: 1.5em;
margin: 6px 0;
}
@ -69,6 +69,7 @@
}
.news__post__text {
line-height: 1.2em;
flex: 1 1 auto;
word-wrap: break-word;
overflow: hidden;
@ -100,4 +101,4 @@
width: 50px;
height: 50px;
}
}
}

10
assets/misuzu.css/news/preview.css
View file

@ -23,8 +23,8 @@
}
.news__preview__title h1 {
font-weight: 700;
line-height: 1.375em;
font-size: 2em;
line-height: 1.5em;
}
.news__preview__attrs {
@ -32,7 +32,7 @@
flex-shrink: 0;
display: flex;
gap: 4px;
font-size: .875em;
font-size: .9em;
}
.news__preview__attr {
@ -62,7 +62,7 @@
}
.news__preview__content {
line-height: 1.5em;
line-height: 1.4em;
word-wrap: break-word;
overflow: hidden;
}
@ -73,5 +73,5 @@
}
.news__preview__link {
font-size: .875em;
font-size: .9em;
}

22
assets/misuzu.css/pagination.css
View file

@ -23,7 +23,9 @@
.pagination__link {
display: flex;
min-width: 40px;
min-height: 36px;
font-size: 1.2em;
line-height: 1.5em;
padding: 3px 10px 4px;
text-align: center;
text-decoration: none;
background-color: var(--background-colour);
@ -35,17 +37,13 @@
align-items: center;
justify-content: center;
flex: 1 0 auto;
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.pagination__link:not(:last-child) {
margin-right: 1px;
.pagination__link:not(:last-child) { margin-right: 1px; }
.pagination__link--disabled { --accent-colour: #555; }
.pagination__link--first, .pagination__link--last,
.pagination__link--next, .pagination__link--prev {
padding-top: 5px;
}
.pagination__link--disabled {
--accent-colour: #555;
}
.pagination__link--current,
.pagination__link:not(.pagination__link--disabled):hover,
.pagination__link:not(.pagination__link--disabled):active,
@ -55,7 +53,5 @@
}
@media (max-width: 800px) {
.pagination__section--pages {
display: none;
}
.pagination__section--pages { display: none; }
}

8
assets/misuzu.css/permissions.css
View file

@ -6,12 +6,12 @@
.permissions__line {
display: flex;
font-size: .8rem;
line-height: 1.5rem;
font-size: .9em;
line-height: 1.7em;
}
.permissions__line--header {
font-size: 1rem;
line-height: 1.25rem;
font-size: 1.2em;
line-height: 1.4em;
border-bottom: 1px solid rgba(255, 255, 255, .1);
padding-bottom: 1px;
font-weight: 700;

12
assets/misuzu.css/profile/accounts.css
View file

@ -1,26 +1,30 @@
.profile__accounts__content {
display: flex;
flex-direction: column;
padding: 2px 6px;
padding: 2px 5px;
}
.profile__accounts__item {
padding-bottom: 4px;
padding-bottom: 5px;
}
.profile__accounts__item:not(:last-child) {
border-bottom: 1px solid #222;
}
.profile__accounts__notice {
font-size: 1.2em;
line-height: 1.5em;
text-align: center;
padding: 10px;
}
.profile__accounts__title {
font-size: .875em;
line-height: 1.5em;
font-size: .9em;
line-height: 1.8em;
}
.profile__accounts__value {
font-size: 1.2em;
line-height: 1.2em;
color: inherit;
text-decoration: none;
}

6
assets/misuzu.css/profile/birthdate.css
View file

@ -1,5 +1,5 @@
.profile__birthdate__content {
padding: 2px 6px;
padding: 2px 5px;
}
.profile__birthdate__select {
min-width: auto;
@ -8,6 +8,6 @@
display: inline-block;
}
.profile__birthdate__title {
font-size: .875em;
line-height: 1.75em;
font-size: .9em;
line-height: 1.8em;
}

6
assets/misuzu.css/profile/forum-activity.css
View file

@ -7,14 +7,14 @@
}
.profile__forum-activity__leader {
font-size: .875em;
margin: 0 4px;
font-size: .9em;
margin: 0 5px;
}
.profile__forum-activity .forum__category__icon {
width: 30px;
height: 30px;
font-size: 1.25em;
font-size: 1.5em;
line-height: 1.5em;
flex: 0 0 30px;
}

10
assets/misuzu.css/profile/guidelines.css
View file

@ -14,18 +14,20 @@
padding: 1px;
}
.profile__guidelines__line--header {
font-weight: 600;
font-size: 1.2em;
line-height: 1.5em;
font-weight: 700;
margin-bottom: 2px;
border-bottom: 1px solid var(--accent-colour);
padding-bottom: 2px;
}
.profile__guidelines__line:not(.profile__guidelines__line--header) {
margin-left: 1.25em;
.profile__guidelines__line:not(&--header) {
margin-left: 1.3em;
list-style: square;
}
.profile__guidelines__emphasis {
font-weight: 600;
font-weight: 700;
}
.profile__guidelines__link {

39
assets/misuzu.css/profile/header.css
View file

@ -19,6 +19,15 @@
background-blend-mode: multiply;
}
.profile__header--has-header {
--profile-header-overlay-start: var(--background-colour-translucent-3);
}
.profile__header--has-header .profile__header__background {
background: var(--user-header) center / cover no-repeat;
background-blend-mode: unset;
}
.profile__header__avatar {
display: flex;
}
@ -69,6 +78,15 @@
flex: 1 1 auto;
}
.profile__header__details__relation {
font-variant: all-small-caps;
background: var(--profile-header-overlay-stop);
border-radius: 2px;
line-height: 1.2em;
padding: 1px 5px 4px;
cursor: default;
}
.profile__header__options {
min-height: 62px;
background-color: var(--profile-header-overlay-stop);
@ -101,11 +119,12 @@
min-width: 130px;
}
.profile__header__stat__name {
font-size: .875em;
font-size: .9em;
font-variant: small-caps;
cursor: inherit;
}
.profile__header__stat__value {
font-size: 1.125em;
font-size: 1.3em;
text-align: right;
cursor: inherit;
display: block;
@ -113,9 +132,6 @@
.profile__header__stat--date .profile__header__stat__value {
text-align: left;
}
.profile__header__stat:not(.profile__header__stat--date) .profile__header__stat__value {
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
.profile__header__stat--link {
cursor: pointer;
}
@ -124,18 +140,17 @@
.profile__header__stat--link:focus,
.profile__header__stat--link:active,
.profile__header__stat--active {
padding-bottom: 8px;
border-bottom: 2px solid var(--accent-colour);
}
.profile__header__username {
font-size: 1.75em;
line-height: 1.125em;
font-size: 2em;
line-height: 1.5em;
}
.profile__header__title {
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.2em;
}
.profile__header__country {
@ -143,9 +158,9 @@
align-items: center;
}
.profile__header__country__name {
font-size: .875em;
font-size: .9em;
margin-left: 4px;
line-height: 1.25em;
line-height: 1.2em;
}
@media (max-width: 800px) {

6
assets/misuzu.css/profile/warnings.css
View file

@ -12,15 +12,15 @@
}
.profile__warnings__datetime {
font-size: .875em;
font-size: .9em;
line-height: 1.5em;
font-style: italic;
padding-top: 2px;
}
.profile__warnings__body {
padding: 0 6px;
padding: 0 5px;
}
.profile__warnings__body p {
line-height: 1.375em;
line-height: 1.4em;
}

3
assets/misuzu.css/search/categories.css
View file

@ -11,6 +11,7 @@
overflow: hidden;
border: 1px solid transparent;
border-radius: 5px;
font-size: 1.1em;
margin: 1px 1px 1px 0;
}
@ -32,5 +33,5 @@
}
.search__category__content {
padding: 2px 6px;
padding: 2px 5px;
}

5
assets/misuzu.css/search/input.css
View file

@ -4,8 +4,7 @@
overflow: hidden;
border: 1px solid transparent;
border-radius: 5px;
font-family: var(--font-regular);
font-size: 1.125em;
font-size: 1.5em;
}
.search__input__background {
background-color: var(--background-colour-translucent-9);
@ -25,7 +24,7 @@
border: 0;
background-color: transparent;
color: #fff;
padding: 4px 12px;
padding: 5px 10px;
font-size: inherit;
}

6
assets/misuzu.css/search/none.css
View file

@ -6,7 +6,7 @@
height: 60px;
line-height: 60px;
text-align: center;
font-size: 2.5em;
font-size: 3em;
flex: 0 0 auto;
}
.search__none__content {
@ -16,6 +16,6 @@
flex: 1 1 auto;
}
.search__none__title {
font-size: 1.25em;
line-height: 1.25em;
font-size: 1.5em;
line-height: 1.5em;
}

2
assets/misuzu.css/settings/account-logs.css
View file

@ -22,7 +22,7 @@
.settings__account-log__important {
display: flex;
align-items: center;
font-size: 1.25em;
font-size: 1.4em;
z-index: 2;
}

6
assets/misuzu.css/settings/account.css
View file

@ -18,8 +18,8 @@
}
.settings__account__title {
font-size: .875em;
line-height: 1.75em;
font-size: .9em;
line-height: 1.8em;
}
.settings__account__input {
@ -43,4 +43,4 @@
.settings__account__section {
grid-column: 1 / 1;
}
}
}

4
assets/misuzu.css/settings/login-attempts.css
View file

@ -2,7 +2,7 @@
margin: 4px;
}
.settings__login-attempts__none {
padding: 2px 6px;
padding: 2px 5px;
text-align: center;
}
@ -31,7 +31,7 @@
.settings__login-attempt__important {
display: flex;
align-items: center;
font-size: 1.25em;
font-size: 1.4em;
z-index: 2;
}

9
assets/misuzu.css/settings/role.css
View file

@ -22,7 +22,8 @@
}
.settings__role__name {
line-height: 1.5em;
font-size: 1.2em;
line-height: 1.7em;
padding: 0 5px;
margin: 2px 0;
min-width: 160px;
@ -39,8 +40,8 @@
}
.settings__role__description {
font-size: .875em;
line-height: 1.75em;
font-size: .9em;
line-height: 1.8em;
padding: 0 2px;
margin: 0 2px;
flex: 1 1 auto;
@ -49,7 +50,7 @@
.settings__role__options {
flex: 0 0 auto;
display: flex;
font-size: 1.25em;
font-size: 1.5em;
justify-content: space-evenly;
}

2
assets/misuzu.css/settings/sessions.css
View file

@ -29,7 +29,7 @@
.settings__session__important {
display: flex;
align-items: center;
font-size: 1.25em;
font-size: 1.4em;
z-index: 2;
}

13
assets/misuzu.css/settings/settings.css
View file

@ -6,13 +6,10 @@
}
.settings__description {
font-size: .875rem;
line-height: 1.25rem;
font-size: .9em;
padding: 2px 5px;
border-bottom: 1px solid var(--accent-colour);
padding: 2px 6px;
}
.settings__description p {
margin: .25rem 0;
margin: 1px 1px 2px;
}
.settings__pagination {
@ -42,7 +39,7 @@
display: block;
padding: 4px;
margin: 2px;
font-size: 1.25em;
font-size: 1.5em;
line-height: 1.5em;
border-radius: 2px;
transition: background-color .2s;
@ -65,4 +62,4 @@
display: inline-block;
padding: 4px 10px;
}
}
}

6
assets/misuzu.css/settings/two-factor.css
View file

@ -17,9 +17,9 @@
.settings__two-factor__code__text {
color: #000;
flex: 0 0 auto;
padding: 2px 6px;
font-size: 1.2em;
line-height: 1.5em;
font-family: var(--font-monospace);
font-feature-settings: 'ss07' 1;
}
.settings__two-factor__settings {
@ -30,7 +30,7 @@
flex: 1 1 auto;
}
.settings__two-factor__settings__status {
font-size: 1.25em;
font-size: 1.5em;
line-height: 2em;
}

26
assets/misuzu.css/user/usercard.css
View file

@ -51,16 +51,16 @@
}
.usercard__details__username {
font-size: 1.125em;
line-height: 1.5em;
font-size: 1.4em;
line-height: 1.4em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.usercard__details__title {
font-size: .75em;
line-height: 1em;
font-size: .9em;
line-height: 1.2em;
}
.usercard__details__country {
@ -68,9 +68,9 @@
align-items: center;
}
.usercard__details__country__name {
font-size: .75em;
font-size: .9em;
margin-left: 4px;
line-height: 1em;
line-height: 1.2em;
}
.usercard__stats {
@ -111,19 +111,17 @@
}
.usercard__stat__name {
display: block;
font-size: .875em;
font-size: .9em;
line-height: 1.5em;
font-variant: small-caps;
cursor: inherit;
}
.usercard__stat__value {
display: block;
font-size: 1.125em;
line-height: 1.25em;
font-size: 1.2em;
line-height: 1.5em;
cursor: inherit;
}
.usercard__stat:not(.usercard__stat--wide) .usercard__stat__value {
font-feature-settings: 'ss01' 1, 'tnum' 1;
}
@media (max-width: 800px) {
.usercard {
@ -155,8 +153,8 @@
.usercard__stat__name,
.usercard__stat__value {
display: inline-block;
font-size: .875em;
line-height: 1.25em;
font-size: .9em;
line-height: 1.2em;
font-variant: initial;
}
}

4
assets/misuzu.css/user/userlist.css
View file

@ -8,8 +8,8 @@
}
.userlist__empty {
text-align: center;
font-size: 1.5em;
line-height: 1.25em;
font-size: 2em;
line-height: 1.5em;
margin: 1em;
}
.userlist__container {

2
assets/misuzu.css/warning.css
View file

@ -14,7 +14,7 @@
--end-colour: #f00;
}
.warning--bigger {
font-size: 1.375em;
font-size: 1.4em;
line-height: 1.5em;
}
.warning__content {

152
assets/misuzu.js/comments/api.js
View file

@ -1,152 +0,0 @@
const MszCommentsApi = (() => {
const argsToFormData = args => {
const formData = new FormData;
for(const name in args)
formData.append(name, args[name]);
return formData;
};
return {
getCategory: async name => {
if(typeof name !== 'string' || name.trim() === '')
throw new Error('name is not a valid category name');
const { status, body } = await $xhr.get(
`/comments/categories/${name}`,
{ type: 'json' }
);
if(status !== 200)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
return body;
},
updateCategory: async (name, args) => {
if(typeof name !== 'string' || name.trim() === '')
throw new Error('name is not a valid category name');
if(typeof args !== 'object' || args === null)
throw new Error('args must be a non-null object');
const { status, body } = await $xhr.post(
`/comments/categories/${name}`,
{ csrf: true, type: 'json' },
args
);
if(status !== 200)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
return body;
},
getPost: async post => {
if(typeof post !== 'string' || post.trim() === '')
throw new Error('post is not a valid post id');
const { status, body } = await $xhr.get(
`/comments/posts/${post}`,
{ type: 'json' }
);
if(status !== 200)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
return body;
},
getPostReplies: async post => {
if(typeof post !== 'string' || post.trim() === '')
throw new Error('post is not a valid post id');
const { status, body } = await $xhr.get(
`/comments/posts/${post}/replies`,
{ type: 'json' }
);
if(status !== 200)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
return body;
},
createPost: async args => {
if(typeof args !== 'object' || args === null)
throw new Error('args must be a non-null object');
const { status, body } = await $xhr.post(
'/comments/posts',
{ csrf: true, type: 'json' },
argsToFormData(args)
);
if(status !== 201)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
return body;
},
updatePost: async (post, args) => {
if(typeof post !== 'string' || post.trim() === '')
throw new Error('post is not a valid post id');
if(typeof args !== 'object' || args === null)
throw new Error('args must be a non-null object');
const { status, body } = await $xhr.patch(
`/comments/posts/${post}`,
{ csrf: true, type: 'json' },
argsToFormData(args)
);
if(status !== 200)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
return body;
},
deletePost: async post => {
if(typeof post !== 'string' || post.trim() === '')
throw new Error('post is not a valid post id');
const { status, body } = await $xhr.delete(`/comments/posts/${post}`, { csrf: true, type: 'json' });
if(status !== 204)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
},
restorePost: async post => {
if(typeof post !== 'string' || post.trim() === '')
throw new Error('post is not a valid post id');
const { status, body } = await $xhr.post(`/comments/posts/${post}/restore`, { csrf: true, type: 'json' });
if(status !== 200)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
},
nukePost: async post => {
if(typeof post !== 'string' || post.trim() === '')
throw new Error('post is not a valid post id');
const { status } = await $xhr.post(`/comments/posts/${post}/nuke`, { csrf: true, type: 'json' });
if(status !== 200)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
},
createVote: async (post, vote) => {
if(typeof post !== 'string' || post.trim() === '')
throw new Error('post is not a valid post id');
if(typeof vote === 'string')
vote = parseInt(vote);
if(typeof vote !== 'number' || isNaN(vote))
throw new Error('vote must be a number');
const { status, body } = await $xhr.post(
`/comments/posts/${post}/vote`,
{ csrf: true, type: 'json' },
{ vote }
);
if(status !== 201)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
return body;
},
deleteVote: async post => {
if(typeof post !== 'string' || post.trim() === '')
throw new Error('post is not a valid post id');
const { status, body } = await $xhr.delete(
`/comments/posts/${post}/vote`,
{ csrf: true, type: 'json' }
);
if(status !== 200)
throw new Error(body.error?.text ?? 'something went wrong', { cause: body.error?.name ?? 'something' });
return body;
},
};
})();

Some files were not shown because too many files have changed in this diff Show more