From febb310b02e1bc2cf86b12a88161c8c1d77f3c2d Mon Sep 17 00:00:00 2001 From: mat Date: Sun, 29 Sep 2024 06:32:46 +0000 Subject: [PATCH] 98.css on cat config page --- src/lib/98/98.css | 782 ++++++++++++++++++++++++++++ src/lib/98/ms_sans_serif.woff2 | Bin 0 -> 6508 bytes src/lib/98/ms_sans_serif_bold.woff2 | Bin 0 -> 6264 bytes src/routes/neko/+page.svelte | 183 +++++-- static/bliss-hd.jpg | Bin 0 -> 369270 bytes 5 files changed, 912 insertions(+), 53 deletions(-) create mode 100644 src/lib/98/98.css create mode 100644 src/lib/98/ms_sans_serif.woff2 create mode 100644 src/lib/98/ms_sans_serif_bold.woff2 create mode 100644 static/bliss-hd.jpg diff --git a/src/lib/98/98.css b/src/lib/98/98.css new file mode 100644 index 0000000..e947e8d --- /dev/null +++ b/src/lib/98/98.css @@ -0,0 +1,782 @@ +/*! 98.css v0.1.20 - https://github.com/jdan/98.css */ +@font-face { + font-family: 'Pixelated MS Sans Serif'; + font-style: normal; + font-weight: 400; + src: url(ms_sans_serif.woff) format('woff'); + src: url(ms_sans_serif.woff2) format('woff2'); +} +@font-face { + font-family: 'Pixelated MS Sans Serif'; + font-style: normal; + font-weight: 700; + src: url(ms_sans_serif_bold.woff) format('woff'); + src: url(ms_sans_serif_bold.woff2) format('woff2'); +} +body { + color: #222; + font-family: Arial; + font-size: 12px; +} +.title-bar, +.window, +button, +input, +label, +option, +select, +table, +textarea, +ul.tree-view { + -webkit-font-smoothing: none; + font-family: 'Pixelated MS Sans Serif', Arial; + font-size: 11px; +} +h1 { + font-size: 5rem; +} +h2 { + font-size: 2.5rem; +} +h3 { + font-size: 2rem; +} +h4 { + font-size: 1.5rem; +} +u { + border-bottom: 0.5px solid #222; + text-decoration: none; +} +button, +input[type='reset'], +input[type='submit'] { + border: none; + border-radius: 0; + box-sizing: border-box; + color: transparent; + min-height: 23px; + min-width: 75px; + padding: 0 12px; + text-shadow: 0 0 #222; +} +.vertical-bar, +button, +input[type='reset'], +input[type='submit'] { + background: silver; + box-shadow: + inset -1px -1px #0a0a0a, + inset 1px 1px #fff, + inset -2px -2px grey, + inset 2px 2px #dfdfdf; +} +.vertical-bar { + height: 20px; + width: 4px; +} +button:not(:disabled):active, +input[type='reset']:not(:disabled):active, +input[type='submit']:not(:disabled):active { + box-shadow: + inset -1px -1px #fff, + inset 1px 1px #0a0a0a, + inset -2px -2px #dfdfdf, + inset 2px 2px grey; + text-shadow: 1px 1px #222; +} +@media (not(hover)) { + button:not(:disabled):hover, + input[type='reset']:not(:disabled):hover, + input[type='submit']:not(:disabled):hover { + box-shadow: + inset -1px -1px #fff, + inset 1px 1px #0a0a0a, + inset -2px -2px #dfdfdf, + inset 2px 2px grey; + } +} +button:focus, +input[type='reset']:focus, +input[type='submit']:focus { + outline: 1px dotted #000; + outline-offset: -4px; +} +button::-moz-focus-inner, +input[type='reset']::-moz-focus-inner, +input[type='submit']::-moz-focus-inner { + border: 0; +} +:disabled, +:disabled + label, +input[readonly], +input[readonly] + label { + color: grey; +} +:disabled + label, +button:disabled, +input[type='reset']:disabled, +input[type='submit']:disabled { + text-shadow: 1px 1px 0 #fff; +} +.window { + background: silver; + box-shadow: + inset -1px -1px #0a0a0a, + inset 1px 1px #dfdfdf, + inset -2px -2px grey, + inset 2px 2px #fff; + padding: 3px; +} +.title-bar { + align-items: center; + background: linear-gradient(90deg, navy, #1084d0); + display: flex; + justify-content: space-between; + padding: 3px 2px 3px 3px; +} +.title-bar.inactive { + background: linear-gradient(90deg, grey, #b5b5b5); +} +.title-bar-text { + color: #fff; + font-weight: 700; + letter-spacing: 0; + margin-right: 24px; +} +.title-bar-controls { + display: flex; +} +.title-bar-controls button { + display: block; + min-height: 14px; + min-width: 16px; + padding: 0; +} +.title-bar-controls button:active { + padding: 0; +} +.title-bar-controls button:focus { + outline: none; +} +.title-bar-controls button[aria-label='Minimize'] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E"); + background-position: bottom 3px left 4px; + background-repeat: no-repeat; +} +.title-bar-controls button[aria-label='Maximize'] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E"); + background-position: top 2px left 3px; + background-repeat: no-repeat; +} +.title-bar-controls button[aria-label='Restore'] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E"); + background-position: top 2px left 3px; + background-repeat: no-repeat; +} +.title-bar-controls button[aria-label='Help'] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E"); + background-position: top 2px left 5px; + background-repeat: no-repeat; +} +.title-bar-controls button[aria-label='Close'] { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E"); + background-position: top 3px left 4px; + background-repeat: no-repeat; + margin-left: 2px; +} +.status-bar { + gap: 1px; + display: flex; + margin: 0 1px; +} +.status-bar-field { + box-shadow: + inset -1px -1px #dfdfdf, + inset 1px 1px grey; + flex-grow: 1; + margin: 0; + padding: 2px 3px; +} +.window-body { + margin: 8px; +} +fieldset { + border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E") + 2; + margin: 0; + padding: 10px; + padding-block-start: 8px; +} +legend { + background: silver; +} +.field-row { + align-items: center; + display: flex; +} +[class^='field-row'] + [class^='field-row'] { + margin-top: 6px; +} +.field-row > * + * { + margin-left: 6px; +} +.field-row-stacked { + display: flex; + flex-direction: column; +} +.field-row-stacked * + * { + margin-top: 6px; +} +label { + align-items: center; + display: inline-flex; +} +input[type='checkbox'], +input[type='radio'] { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + background: 0; + border: none; + margin: 0; + opacity: 0; + position: fixed; +} +input[type='checkbox'] + label, +input[type='radio'] + label { + line-height: 13px; +} +input[type='radio'] + label { + margin-left: 18px; + position: relative; +} +input[type='radio'] + label:before { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E"); + content: ''; + display: inline-block; + height: 12px; + left: -18px; + margin-right: 6px; + position: absolute; + top: 0; + width: 12px; +} +input[type='radio']:active + label:before { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E"); +} +input[type='radio']:checked + label:after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E"); + content: ''; + display: block; + height: 4px; + left: -14px; + position: absolute; + top: 4px; + width: 4px; +} +input[type='checkbox']:focus + label, +input[type='radio']:focus + label { + outline: 1px dotted #000; +} +input[type='radio'][disabled] + label:before { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E"); +} +input[type='radio'][disabled]:checked + label:after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E"); +} +input[type='checkbox'] + label { + margin-left: 19px; + position: relative; +} +input[type='checkbox'] + label:before { + background: #fff; + box-shadow: + inset -1px -1px #fff, + inset 1px 1px grey, + inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + content: ''; + display: inline-block; + height: 13px; + left: -19px; + margin-right: 6px; + position: absolute; + width: 13px; +} +input[type='checkbox']:active + label:before { + background: silver; +} +input[type='checkbox']:checked + label:after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E"); + content: ''; + display: block; + height: 7px; + left: -16px; + position: absolute; + top: 3px; + width: 7px; +} +input[type='checkbox'][disabled] + label:before { + background: silver; +} +input[type='checkbox'][disabled]:checked + label:after { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E"); +} +input[type='email'], +input[type='number'], +input[type='password'], +input[type='text'] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + border-radius: 0; +} +input[type='email'], +input[type='number'], +input[type='password'], +input[type='text'], +select { + background-color: #fff; + box-shadow: + inset -1px -1px #fff, + inset 1px 1px grey, + inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + box-sizing: border-box; + padding: 3px 4px; +} +select, +textarea { + border: none; +} +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + border-radius: 0; + box-shadow: + inset -1px -1px #fff, + inset 1px 1px grey, + inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + box-sizing: border-box; + padding: 3px 4px; +} +input[type='email'], +input[type='password'], +input[type='text'], +select { + height: 21px; +} +input[type='number'] { + height: 22px; +} +input[type='email'], +input[type='number'], +input[type='password'], +input[type='text'] { + line-height: 2; +} +input[type='email']:disabled, +input[type='email']:read-only, +input[type='number']:disabled, +input[type='number']:read-only, +input[type='password']:disabled, +input[type='password']:read-only, +input[type='text']:disabled, +input[type='text']:read-only, +textarea:disabled { + background-color: silver; +} +select { + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E"); + background-position: top 2px right 2px; + background-repeat: no-repeat; + border-radius: 0; + padding-right: 32px; + position: relative; +} +input[type='email']:focus, +input[type='number']:focus, +input[type='password']:focus, +input[type='text']:focus, +select:focus, +textarea:focus { + outline: none; +} +input[type='range'] { + -webkit-appearance: none; + background: transparent; + width: 100%; +} +input[type='range']:focus { + outline: none; +} +input[type='range']::-webkit-slider-thumb { + -webkit-appearance: none; + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E"); + border: none; + box-shadow: none; + height: 21px; + transform: translateY(-8px); + width: 11px; +} +input[type='range'].has-box-indicator::-webkit-slider-thumb { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E"); + transform: translateY(-10px); +} +input[type='range']::-moz-range-thumb { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E"); + border: 0; + border-radius: 0; + height: 21px; + transform: translateY(2px); + width: 11px; +} +input[type='range'].has-box-indicator::-moz-range-thumb { + background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E"); + transform: translateY(0); +} +input[type='range']::-webkit-slider-runnable-track { + background: #000; + border-bottom: 1px solid grey; + border-right: 1px solid grey; + box-shadow: + 1px 0 0 #fff, + 1px 1px 0 #fff, + 0 1px 0 #fff, + -1px 0 0 #a9a9a9, + -1px -1px 0 #a9a9a9, + 0 -1px 0 #a9a9a9, + -1px 1px 0 #fff, + 1px -1px #a9a9a9; + box-sizing: border-box; + height: 2px; + width: 100%; +} +input[type='range']::-moz-range-track { + background: #000; + border-bottom: 1px solid grey; + border-right: 1px solid grey; + box-shadow: + 1px 0 0 #fff, + 1px 1px 0 #fff, + 0 1px 0 #fff, + -1px 0 0 #a9a9a9, + -1px -1px 0 #a9a9a9, + 0 -1px 0 #a9a9a9, + -1px 1px 0 #fff, + 1px -1px #a9a9a9; + box-sizing: border-box; + height: 2px; + width: 100%; +} +.is-vertical { + display: inline-block; + height: 150px; + transform: translateY(50%); + width: 4px; +} +.is-vertical > input[type='range'] { + height: 4px; + margin: 0 16px 0 10px; + transform: rotate(270deg) translateX(calc(-50% + 8px)); + transform-origin: left; + width: 150px; +} +.is-vertical > input[type='range']::-webkit-slider-runnable-track { + border-bottom: 1px solid grey; + border-left: 1px solid grey; + border-right: 0; + box-shadow: + -1px 0 0 #fff, + -1px 1px 0 #fff, + 0 1px 0 #fff, + 1px 0 0 #a9a9a9, + 1px -1px 0 #a9a9a9, + 0 -1px 0 #a9a9a9, + 1px 1px 0 #fff, + -1px -1px #a9a9a9; +} +.is-vertical > input[type='range']::-moz-range-track { + border-bottom: 1px solid grey; + border-left: 1px solid grey; + border-right: 0; + box-shadow: + -1px 0 0 #fff, + -1px 1px 0 #fff, + 0 1px 0 #fff, + 1px 0 0 #a9a9a9, + 1px -1px 0 #a9a9a9, + 0 -1px 0 #a9a9a9, + 1px 1px 0 #fff, + -1px -1px #a9a9a9; +} +.is-vertical > input[type='range']::-webkit-slider-thumb { + transform: translateY(-8px) scaleX(-1); +} +.is-vertical > input[type='range'].has-box-indicator::-webkit-slider-thumb { + transform: translateY(-10px) scaleX(-1); +} +.is-vertical > input[type='range']::-moz-range-thumb { + transform: translateY(2px) scaleX(-1); +} +.is-vertical > input[type='range'].has-box-indicator::-moz-range-thumb { + transform: translateY(0) scaleX(-1); +} +select:focus { + background-color: navy; + color: #fff; +} +select:focus option { + background-color: #fff; + color: #000; +} +select:active { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E"); +} +a { + color: #00f; +} +a:focus { + outline: 1px dotted #00f; +} +ul.tree-view { + background: #fff; + box-shadow: + inset -1px -1px #fff, + inset 1px 1px grey, + inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + display: block; + margin: 0; + padding: 6px; +} +ul.tree-view li { + list-style-type: none; +} +ul.tree-view a { + color: #000; + text-decoration: none; +} +ul.tree-view a:focus { + background-color: navy; + color: #fff; +} +ul.tree-view li, +ul.tree-view ul { + margin-top: 3px; +} +ul.tree-view ul { + border-left: 1px dotted grey; + margin-left: 16px; + padding-left: 16px; +} +ul.tree-view ul > li { + position: relative; +} +ul.tree-view ul > li:before { + border-bottom: 1px dotted grey; + content: ''; + display: block; + left: -16px; + position: absolute; + top: 6px; + width: 12px; +} +ul.tree-view ul > li:last-child:after { + background: #fff; + bottom: 0; + content: ''; + display: block; + left: -20px; + position: absolute; + top: 7px; + width: 8px; +} +ul.tree-view details { + margin-top: 0; +} +ul.tree-view details[open] summary { + margin-bottom: 0; +} +ul.tree-view ul details > summary:before { + margin-left: -22px; + position: relative; + z-index: 1; +} +ul.tree-view details > summary:before { + background-color: #fff; + border: 1px solid grey; + content: '+'; + display: block; + float: left; + height: 9px; + line-height: 8px; + margin-right: 5px; + padding-left: 1px; + text-align: center; + width: 8px; +} +ul.tree-view details[open] > summary:before { + content: '-'; +} +ul.tree-view details > summary::-webkit-details-marker, +ul.tree-view details > summary::marker { + content: ''; +} +pre { + background: #fff; + box-shadow: + inset -1px -1px #fff, + inset 1px 1px grey, + inset -2px -2px #dfdfdf, + inset 2px 2px #0a0a0a; + display: block; + margin: 0; + padding: 12px 8px; +} +code, +code * { + font-family: monospace; +} +summary:focus { + outline: 1px dotted #000; +} +::-webkit-scrollbar { + width: 16px; +} +::-webkit-scrollbar:horizontal { + height: 17px; +} +::-webkit-scrollbar-corner { + background: #dfdfdf; +} +::-webkit-scrollbar-track { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E"); +} +::-webkit-scrollbar-thumb { + background-color: #dfdfdf; + box-shadow: + inset -1px -1px #0a0a0a, + inset 1px 1px #fff, + inset -2px -2px grey, + inset 2px 2px #dfdfdf; +} +::-webkit-scrollbar-button:horizontal:end:increment, +::-webkit-scrollbar-button:horizontal:start:decrement, +::-webkit-scrollbar-button:vertical:end:increment, +::-webkit-scrollbar-button:vertical:start:decrement { + display: block; +} +::-webkit-scrollbar-button:vertical:start { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E"); + height: 17px; +} +::-webkit-scrollbar-button:vertical:end { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E"); + height: 17px; +} +::-webkit-scrollbar-button:horizontal:start { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E"); + width: 16px; +} +::-webkit-scrollbar-button:horizontal:end { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E"); + width: 16px; +} +.window[role='tabpanel'] { + position: relative; + z-index: 2; +} +menu[role='tablist'] { + display: flex; + list-style-type: none; + margin: 0 0 -2px; + padding-left: 3px; + position: relative; + text-indent: 0; +} +menu[role='tablist'] > li { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + box-shadow: + inset -1px 0 #0a0a0a, + inset 1px 1px #dfdfdf, + inset -2px 0 grey, + inset 2px 2px #fff; + z-index: 1; +} +menu[role='tablist'] > li[aria-selected='true'] { + background-color: silver; + margin-left: -3px; + margin-top: -2px; + padding-bottom: 2px; + position: relative; + z-index: 8; +} +menu[role='tablist'] > li > a { + color: #222; + display: block; + margin: 6px; + text-decoration: none; +} +menu[role='tablist'] > li[aria-selected='true'] > a:focus { + outline: none; +} +menu[role='tablist'] > li > a:focus { + outline: 1px dotted #222; +} +menu[role='tablist'].multirows > li { + flex-grow: 1; + text-align: center; +} +.sunken-panel { + border: 2px groove transparent; + border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") + 2; + box-sizing: border-box; + overflow: auto; +} +.sunken-panel, +table { + background-color: #fff; +} +table { + border-collapse: collapse; + position: relative; + text-align: left; + white-space: nowrap; +} +table > thead > tr > * { + background: silver; + box-shadow: + inset -1px -1px #0a0a0a, + inset 1px 1px #fff, + inset -2px -2px grey, + inset 2px 2px #dfdfdf; + box-sizing: border-box; + font-weight: 400; + height: 17px; + padding: 0 6px; + position: sticky; + top: 0; +} +table.interactive > tbody > tr { + cursor: pointer; +} +table > tbody > tr.highlighted { + background-color: navy; + color: #fff; +} +table > tbody > tr > * { + height: 14px; + padding: 0 6px; +} +/*# sourceMappingURL=98.css.map */ diff --git a/src/lib/98/ms_sans_serif.woff2 b/src/lib/98/ms_sans_serif.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..83ea806020dcccda6b9f8c9c6c3c6b573f550df9 GIT binary patch literal 6508 zcmV-y8I$IBPew8T0RR9102yom5C8xG08RJ+02vGb0RR9100000000000000000000 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 z import './oneko.css' + import '$lib/98/98.css' import { BASE_SPRITESHEET_URL, @@ -51,6 +52,40 @@ onMount(() => { $pageRendered = true }) + + let windowHidden = false + function closeWindow() { + windowHidden = true + } + + let startMouseX = 0 + let startMouseY = 0 + let initialX = 0 + let initialY = 0 + let offsetX = 0 + let offsetY = 0 + + let mouseDown = false + + function startDragWindow(e: MouseEvent) { + if (mouseDown) return + startMouseX = e.clientX + startMouseY = e.clientY + initialX += offsetX + initialY += offsetY + offsetX = e.clientX - startMouseX + offsetY = e.clientY - startMouseY + + mouseDown = true + } + function stopDragWindow(e: MouseEvent) { + mouseDown = false + } + function dragWindow(e: MouseEvent) { + if (!mouseDown) return + offsetX = e.clientX - startMouseX + offsetY = e.clientY - startMouseY + } @@ -61,71 +96,89 @@ /> -

cat config page

+ -