diff --git a/_site/assets/css/default/style.css b/_site/assets/css/default/style.css index 791f20d..7aeb923 100644 --- a/_site/assets/css/default/style.css +++ b/_site/assets/css/default/style.css @@ -566,7 +566,7 @@ html::after { right: 4px; bottom: 4px; image-rendering: pixelated; - background-size: cover; + background-size: cover !important; } .buttonBar .toggle:active { background: #c0c0c0; diff --git a/_site/assets/css/default/style.css.map b/_site/assets/css/default/style.css.map index 836c363..a50058a 100644 --- a/_site/assets/css/default/style.css.map +++ b/_site/assets/css/default/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["style.scss","../../../_sass/normalize.scss","../../../_sass/moardown.scss","../../../_sass/neko.scss"],"names":[],"mappings":"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","sourcesContent":["iframe { display: initial; } // show navlink after apply style.css\n\n@import \"normalize\";\n\n\n:root {\n --txtColor: #44d;\n --txtColor-sat: #00f;\n --txtColor-fade: #eef;\n --txtColor3: #d44;\n --txtColor3-fade: #fee;\n --txtColor2: #000;\n --pgColor: #fff;\n}\n\n\n\n/* ==== M A I N ==== */\n\n.soup\\.exe {\n// styl\n border: #fff 1px solid;\n box-shadow: 10px 10px 20px 10px #44d;\n\n// resize\n max: { height: 90vh; width: 95vw }\n min: { height: MIN(480px, 25vh); width: MIN(1152px, 25vw) }\n resize: both;\n}\n\n@mixin sizeUni($m, $property: height) { #{$property}: MIN($m * 8px, $m * 9vw/16); }\n\nhtml { scroll-behavior: smooth; }\n\n// main bg\nhtml, .nav, .c2 { background: url(/assets/image/bg.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/bg.gif) { color: #000; position: center; size: MAX(20vw,40vh); }; image-rendering: pixelated; }\n\nhtml::before { content: \"\";\n position: fixed;\n inset: 0;\n z-index: -2;\n pointer-events: none;\n background: url(/assets/image/cloud.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cloud.png) { size: cover; position: center; };\n opacity: .5;\n}\n\nhtml::after { content: \"\";\n position: fixed;\n inset: 0;\n z-index: -1;\n background: url(/assets/image/rain.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/rain.gif);\n image-rendering: pixelated;\n}\n\n/* ======= */\n\n\n\n/* ==== C 1 ==== */\n\n.c1 {\n .banner {\n // styl\n border: #44d 1px solid;\n background-color: #ccf;\n // txt\n text-wrap: nowrap;\n padding-inline: 5%;\n color: var(--txtColor2);\n @include sizeUni(9, font-size);\n }\n\n .main {\n\n /* ==== N A V B A R ==== */\n\n .nav {\n // pos\n position: relative;\n // styl\n border-inline: #44d 1px solid;\n\n &-c {\n // pos\n position: relative;\n z-index: 1;\n // size\n height: 100%;\n\n p {\n padding: { inline: 1em 0; block: .5em; };\n margin-block: 0; \n display: flex;\n }\n\n a, .urHere-i {\n padding: { right: 100%; block: .5em; };\n margin: { right: -100%; block: -.5em };\n }\n\n /* ====link fluid hovering==== */\n\n text-shadow: #fff 2px 2px;\n mix-blend-mode: hard-light;\n color: #2985ff;\n\n a {\n position: relative;\n color: #2985ff;\n\n &.urHere {\n pointer-events: none;\n }\n }\n\n .urHere-i {\n display: inline-block;\n }\n\n /* ====ani==== */\n\n p {\n transition: all 0ms 200ms,\n background-color 400ms 200ms;\n \n &:hover {\n transition: all 0ms;\n padding-left: 20%;\n background-color: #ccf;\n }\n }\n }\n\n /* ====Animating coolaf gradient bg==== */\n\n &-b {\n // pos\n position: absolute;\n left: -25%;\n // size\n height: 400%; width: 150%;\n bottom: 0;\n // styl\n mix-blend-mode: lighten;\n background:\n linear-gradient(90deg, #000, #0000 50%),\n repeating-linear-gradient(#f80, #f0f 25%, #0ff 37.5%, #8f0 42%, #f80 50%);\n filter: contrast(2) blur(10px) ;\n\n /* ====ani==== */\n\n animation: bgScroll 10s linear infinite;\n @keyframes bgScroll {\n from { bottom: -200%; }\n to { bottom: 0; }\n }\n }\n }\n\n .window {\n // background: var(--pgColor);\n overflow: hidden;\n }\n }\n\n .bottom {\n // size\n width: 100%;\n // styl\n border: #44d 1px solid;\n background: #000;\n\n img {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n}\n\n\n\n/* ==== C 2 ==== */\n\n.c2 {\n &-b {\n // pos\n position: absolute;\n inset: 0;\n // styl\n image-rendering: pixelated;\n background: url(/assets/image/bg2.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/bg2.gif) { color: #000; size: MAX(10vw,20vh); };\n mix-blend-mode: lighten;\n }\n\n\n .chatBox {\n // pos\n position: absolute;\n inset: 0;\n }\n\n & iframe[name=\"neolink\"] {\n position: absolute;\n margin: 10px;\n bottom: 0;\n }\n}\n\n/* ======== */\n\n\n\n/* ==== C O N T E N T ==== */\n\n.content {\n// styl\n // font-size: .8em;\n text-align: justify;\n text-justify: inter-ideograph;\n background-color: var(--pgColor);\n// txt\n padding-inline: 3em 2em;\n\n *::selection {\n color: var(--pgColor);\n background: var(--txtColor);\n }\n}\n\n// fullscreen\n\n.fullscreen {\n transition: opacity 200ms 200ms, top 200ms, bottom 200ms;\n // overflow: hidden;\n// pos\n position: absolute;\n display: flex;\n flex-direction: column;\n left: 50%;\n top: 50vh; bottom: 50vh;\n transform: translateX(-50%);\n z-index: 10;\n// size\n width: 90vw;\n// styl\n background: #c0c0c0;\n border: 3px solid { left-color: #fff; top-color: #fff; right-color: #808080; bottom-color: #808080; bottom-width: 4px; };\n box-shadow: -1px -1px 0 1px #dfdfdf, 0 0 0 2px #000;\n\n &.on {\n transition: opacity 200ms, top 200ms, bottom 200ms, background-color 200ms, border 200ms;\n opacity: 1;\n pointer-events: all;\n top: 2vh; bottom: 2vh;\n }\n \n .content {\n // size\n flex: 9;\n // styl\n font-size: 1.2rem;\n border: solid 2px { left-color: #000; top-color: #000; right-color: #dfdfdf; bottom-color: #dfdfdf; };\n padding-inline: 2em 5em;\n margin: 4px;\n }\n\n .bottomBar {\n height: 1em;\n padding: 0 .5em .5em .5em;\n }\n}\n\n// button bar\n\n.buttonBar {\n// size\n height: 1.5em;\n// styl\n padding: .25em;\n color: #fff;\n background: linear-gradient(90deg, #33a 20%, #1084d0);\n\n .toggle {\n // pos\n position: absolute;\n display: block;\n top: .25em;\n // size\n width: 1.5em; height: 1.5em;\n // styl\n box-sizing: border-box;\n margin-right: .5em;\n background: #c0c0c0;\n border: solid 3px { \n left-color: #fff; \n top-color: #fff; \n right-color: #000; \n bottom-color: #000;\n }\n\n &:hover { background: #fff; } \n \n &::before { content: \"\";\n position: absolute;\n top: 2px; left: 2px; \n right: 4px; bottom: 4px;\n image-rendering: pixelated;\n background-size: cover;\n }\n\n &:active {\n background: #c0c0c0;\n border: solid 3px {\n left-color: #000; \n top-color: #000; \n right-color: #fff; \n bottom-color: #fff;\n };\n\n &::before {\n top: 4px; left: 4px; \n right: 2px; bottom: 2px;\n }\n }\n \n .window &.fullscreenTg::before { background: url(/assets/image/button/max.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/button/max.gif); }\n .fullscreen &.fullscreenTg::before { background: url(/assets/image/button/unmax.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/button/unmax.gif); }\n &.darkTg::before { background: url(/assets/image/button/dark.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/button/dark.gif); }\n &.fontTg::before { background: url(/assets/image/button/font.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/button/font.gif); }\n\n }\n\n .window & {\n position: relative;\n height: 100%;\n min-width: 20px;\n max-width: 20px;\n background: linear-gradient(#33d, #33d 20%, #4af);\n padding-inline: .25em;\n overflow: hidden;\n\n .toggle {\n left: 50%;\n transform: translateX(-50%);\n }\n \n .darkTg { top: 2em; }\n .fontTg { top: 3.5em }\n }\n\n .fullscreen & {\n .fullscreenTg { right: 0em; }\n .darkTg { right: 1.75em; }\n .fontTg { right: 3.25em; }\n } \n}\n\n// darkmode\n\n.content, .window { transition: color 0ms 500ms, background-color 200ms 500ms, border-color 200ms 500ms; }\n\n.buttonBar:has(.darkTg input:checked) ~.content, .content:has(~.buttonBar .darkTg input:checked) {\n transition: color 0ms, background-color 200ms; \n --txtColor: #aaf;\n --txtColor-sat: #00c;\n --txtColor-fade: #224;\n --txtColor3: #faa;\n --txtColor3-fade: #422;\n --txtColor2: #fff;\n --pgColor: #002; \n}\n\n.content:has(~.buttonBar .darkTg input:checked) { background: #0004 !important; }\n\n.fullscreen:has(.darkTg input:checked) {\n transition: opacity 200ms 200ms, top 200ms, bottom 200ms, background-color 200ms, border 200ms;\n// styl\n background: #444;\n border: 3px solid { left-color: #000; top-color: #000; right-color: #808080; bottom-color: #808080; bottom-width: 4px; };\n\n .bottomBar { color: #fff; }\n}\n\n\n/* ======== */\n\n\n\n/* ==== C O R N E R ==== */ // spaghetti code\n\n.cornerCara {\n &, &-b {\n // pos\n position: fixed;\n bottom: -16vh; right: calc(10vw - 39vh);\n transform: scale(75%);\n z-index: -3;\n // size\n height: calc(100vh + 10vw);\n max-height: 140vh;\n aspect-ratio: .77;\n // styl\n filter: drop-shadow(-1vw 2vw #0008);\n }\n\n &-b {\n transition: opacity 1s;\n pointer-events: none;\n // pos\n z-index: 2;\n }\n\n &::before { content: \"\";\n position: absolute;\n inset: 0;\n }\n\n .soup\\.exe:hover ~&-b, .soup\\.exe:active ~&-b { transition: opacity 0ms; opacity: .5; }\n\n /* ====randomBG==== */\n\n @for $i from 0 to 16 { &[id=\"#{$i}\"] +&-b, &[id=\"#{$i}\"]::before { background: url(/assets/image/cornerCara/marisa#{$i}.webp), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cornerCara/marisa#{$i}.webp) { size: contain } }; }\n \n & { background: url(/assets/image/cornerCara/marisaB_.webp), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cornerCara/marisaB_.webp) { size: 120%; position: -40% -40%; }; image-rendering: pixelated; }\n}\n\n.ibm {\n &, &-b {\n // pos\n position: absolute;\n right: calc(10vw - 39vh); bottom: 0;\n z-index: -1;\n pointer-events: visible;\n transform: translateX(-20%);\n // size\n height: calc(25vh + 2.5vw);\n max-height: 35vh;\n aspect-ratio: 2;\n }\n\n &-b {\n mix-blend-mode: darken;\n }\n}\n\n.vid {\n// pos\n position: absolute;\n display: none;\n right: -38%; bottom: -27%;\n transform: scale(.17, .23) rotate(8deg) skew(3deg);\n// size\n width: 170%;\n aspect-ratio: 16/9;\n// styl\n pointer-events: none;\n background: #fff;\n\n @keyframes flicker {\n 0% { opacity: .65;}\n 50% { opacity: .65;}\n 50.1% { opacity: .5; }\n 100% { opacity: .5; }\n }\n\n iframe {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 10;\n inset: 0;\n }\n}\n\n.mask:has(input:checked) ~ .vid { display: block; animation: flicker 50ms linear infinite; }\n\n\n.pc {\n transition: visibility 0s 1s, opacity 1s;\n // z-index: -1 !important;\n visibility: hidden;\n\n &-b {\n transition: opacity 1s;\n z-index: 1;\n }\n\n &, &-b {\n // pos\n position: absolute;\n right: 8%; bottom: 0%;\n // size\n width: 75%;\n aspect-ratio: 1.63;\n // styl\n pointer-events: none;\n background: url(/assets/image/ibm.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/ibm.png) { size: cover; };\n\n &::before {\n position: absolute;\n // left: 7.5vw;\n // top: 6vw;\n // width: 8vw;\n // font-size: 1.5vw;\n \n left: 35%;\n top: 45%;\n\n\n width: 50%;\n font-size: 3.2vh;\n\n z-index: 20;\n transform: rotate(9deg) skew(7deg);\n }\n }\n \n .soup\\.exe:hover ~ .ibm-b & {\n transition: visibility 0s;\n visibility: visible;\n }\n\n .soup\\.exe:hover ~ .ibm &-b {\n transition: 0s;\n opacity: 0;\n }\n}\n\n\n.mask {\n// pos\n position: absolute;\n display: block;\n right: 32.7%; bottom: 10%;\n z-index: 1;\n transform: rotate(11deg) skew(7deg);\n// size\n width: 28%;\n aspect-ratio: 1.34;\n// styl\n background: url(/assets/image/rainbowDither.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/rainbowDither.png) {size: 4vw};\n opacity: 0;\n mix-blend-mode: darken;\n \n animation: maskScroll 1s linear infinite;\n @keyframes maskScroll {\n 0% { background-position: 0; }\n 100% { background-position: 8vw; }\n }\n\n &:has(input:checked) { opacity: .3; }\n\n &:not(:has(input:checked)) ~.pc-b, .ibm-b:not(:has( ~.ibm & input:checked)) .pc {\n &::before { color: #fff; }\n &::before { content: \"Power off\"; filter: drop-shadow(0 0 5px #fff); }\n }\n}\n\n\n/* ======== */\n\n\n\n/* ==== C U R S O R ==== */\n\n// html { cursor: none;}\n\n.soup\\.exe, .fullscreen { cursor: url(/assets/image/cursor/hat.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cursor/hat.gif), auto !important; }\n\n@mixin wCursorGif($id) { cursor: url(/assets/image/cursor/hatq#{$id}.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cursor/hatq#{$id}.gif), auto; }\n\na, button, .cornerCara { \n animation: wonderCursor 500ms infinite;\n @keyframes wonderCursor {\n 0% { @include wCursorGif(1) }\n 25% { @include wCursorGif(2) }\n 50% { @include wCursorGif(3) }\n 75% { @include wCursorGif(4) }\n 100% { @include wCursorGif(5) }\n }\n}\n\n\n\ncanvas {\n transition: 500ms;\n opacity: .5;\n z-index: -2;\n image-rendering: pixelated;\n\n .soup\\.exe:hover ~ & {\n opacity: 0;\n animation: hideCanvas 500ms linear forwards;\n @keyframes hideCanvas {\n 0% { visibility: visible; }\n 100% { visibility: hidden; }\n }\n }\n}\n\n\n/* ==== F O N T ==== */\n\nhtml { font-family: \"fusion\", \"gfw-fusion\", sans-serif; }\nhtml:has(.fontTg input:checked) { font-family: \"ibm\", \"gfw-ibm\", sans-serif; }\n\ncode, kbd, samp { font-family: \"ibm\", \"gfw-ibm\", monospace;}\nhtml:has(.fontTg input:checked) code, kbd, samp { font-family: \"fusion\", \"gfw-fusion\", monospace;}\n\n\n@font-face {\n font-family: \"fusion\";\n src: url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf);\n}\n\n@font-face {\n font-family: \"ibm\";\n src: url(/assets/font/IBM3161.ttf);\n}\n\n@font-face {\n font-family: \"zpix\";\n src: url(/assets/font/zpix.ttf);\n}\n\n@font-face {\n font-family: \"gfw-fusion\";\n src: url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf);\n}\n\n@font-face {\n font-family: \"gfw-ibm\";\n src: url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/font/IBM3161.ttf);\n}\n\n@font-face {\n font-family: \"gfw-zpix\";\n src: url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/font/zpix.ttf);\n}\n\n/* ======== */\n\n@import \"moardown\";\n\n@import \"neko\";\n\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\r\n\r\n/* Document\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\r\n\r\n html {\r\n line-height: 1.15; /* 1 */\r\n -webkit-text-size-adjust: 100%; /* 2 */\r\n }\r\n \r\n /* Sections\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the margin in all browsers.\r\n */\r\n \r\n body {\r\n margin: 0;\r\n }\r\n \r\n /**\r\n * Render the `main` element consistently in IE.\r\n */\r\n \r\n main {\r\n display: block;\r\n }\r\n \r\n /**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\r\n \r\n h1 {\r\n font-size: 2em;\r\n margin: 0.67em 0;\r\n }\r\n \r\n /* Grouping content\r\n ========================================================================== */\r\n \r\n /**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\r\n \r\n hr {\r\n box-sizing: content-box; /* 1 */\r\n height: 0; /* 1 */\r\n overflow: visible; /* 2 */\r\n }\r\n \r\n /**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n \r\n pre {\r\n font-family: monospace, monospace; /* 1 */\r\n font-size: 1em; /* 2 */\r\n }\r\n \r\n /* Text-level semantics\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the gray background on active links in IE 10.\r\n */\r\n \r\n a {\r\n background-color: transparent;\r\n }\r\n \r\n /**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\r\n \r\n abbr[title] {\r\n border-bottom: none; /* 1 */\r\n text-decoration: underline; /* 2 */\r\n text-decoration: underline dotted; /* 2 */\r\n }\r\n \r\n /**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\r\n \r\n b,\r\n strong {\r\n font-weight: bolder;\r\n }\r\n \r\n /**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n \r\n code,\r\n kbd,\r\n samp {\r\n font-family: monospace, monospace; /* 1 */\r\n font-size: 1em; /* 2 */\r\n }\r\n \r\n /**\r\n * Add the correct font size in all browsers.\r\n */\r\n \r\n small {\r\n font-size: 80%;\r\n }\r\n \r\n /**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\r\n \r\n sub,\r\n sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline;\r\n }\r\n \r\n sub {\r\n bottom: -0.25em;\r\n }\r\n \r\n sup {\r\n top: -0.5em;\r\n }\r\n \r\n /* Embedded content\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the border on images inside links in IE 10.\r\n */\r\n \r\n img {\r\n border-style: none;\r\n }\r\n \r\n /* Forms\r\n ========================================================================== */\r\n \r\n /**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n \r\n button,\r\n input,\r\n optgroup,\r\n select,\r\n textarea {\r\n font-family: inherit; /* 1 */\r\n font-size: 100%; /* 1 */\r\n line-height: 1.15; /* 1 */\r\n margin: 0; /* 2 */\r\n }\r\n \r\n /**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n \r\n button,\r\n input { /* 1 */\r\n overflow: visible;\r\n }\r\n \r\n /**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n \r\n button,\r\n select { /* 1 */\r\n text-transform: none;\r\n }\r\n \r\n /**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n \r\n button,\r\n [type=\"button\"],\r\n [type=\"reset\"],\r\n [type=\"submit\"] {\r\n -webkit-appearance: button;\r\n }\r\n \r\n /**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n \r\n button::-moz-focus-inner,\r\n [type=\"button\"]::-moz-focus-inner,\r\n [type=\"reset\"]::-moz-focus-inner,\r\n [type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n }\r\n \r\n /**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n \r\n button:-moz-focusring,\r\n [type=\"button\"]:-moz-focusring,\r\n [type=\"reset\"]:-moz-focusring,\r\n [type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n }\r\n \r\n /**\r\n * Correct the padding in Firefox.\r\n */\r\n \r\n fieldset {\r\n padding: 0.35em 0.75em 0.625em;\r\n }\r\n \r\n /**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n \r\n legend {\r\n box-sizing: border-box; /* 1 */\r\n color: inherit; /* 2 */\r\n display: table; /* 1 */\r\n max-width: 100%; /* 1 */\r\n padding: 0; /* 3 */\r\n white-space: normal; /* 1 */\r\n }\r\n \r\n /**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n \r\n progress {\r\n vertical-align: baseline;\r\n }\r\n \r\n /**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\r\n \r\n textarea {\r\n overflow: auto;\r\n }\r\n \r\n /**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\r\n \r\n [type=\"checkbox\"],\r\n [type=\"radio\"] {\r\n box-sizing: border-box; /* 1 */\r\n padding: 0; /* 2 */\r\n }\r\n \r\n /**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n \r\n [type=\"number\"]::-webkit-inner-spin-button,\r\n [type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n }\r\n \r\n /**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n \r\n [type=\"search\"] {\r\n -webkit-appearance: textfield; /* 1 */\r\n outline-offset: -2px; /* 2 */\r\n }\r\n \r\n /**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\r\n \r\n [type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n }\r\n \r\n /**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n \r\n ::-webkit-file-upload-button {\r\n -webkit-appearance: button; /* 1 */\r\n font: inherit; /* 2 */\r\n }\r\n \r\n /* Interactive\r\n ========================================================================== */\r\n \r\n /*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\r\n \r\n details {\r\n display: block;\r\n }\r\n \r\n /*\r\n * Add the correct display in all browsers.\r\n */\r\n \r\n summary {\r\n display: list-item;\r\n }\r\n \r\n /* Misc\r\n ========================================================================== */\r\n \r\n /**\r\n * Add the correct display in IE 10+.\r\n */\r\n \r\n template {\r\n display: none;\r\n }\r\n \r\n /**\r\n * Add the correct display in IE 10.\r\n */\r\n \r\n [hidden] {\r\n display: none;\r\n }","em:not(.i) { &[class], &[r], &[t] { font-style: normal; }}\r\n\r\nhtml { text-underline-offset: 25%; }\r\n\r\n.content { color: var(--txtColor) !important;\r\n\r\n >p:not([class], :has(img)):after { content: \"湯\";\r\n //pos\r\n position: relative;\r\n display: inline-block;\r\n //styl\r\n line-height: .5em;\r\n padding-left: .3em;\r\n opacity: .5;\r\n font-size: .7em;\r\n color: var(--txtColor3);\r\n transform: rotate(15deg);\r\n white-space: pre;\r\n }\r\n\r\n // indent ================================\r\n\r\n // p:not(.noi) { text-indent: 2em; }\r\n\r\n // >p:not(.noi, .fake) {\r\n // // text-indent: 2em;\r\n // &::before { content: \"░░\";\r\n // font-size: 0.9em;\r\n // padding-right: .2em;\r\n // color: var(--txtColor3);\r\n // text-indent: 0;\r\n // }\r\n // }\r\n}\r\n\r\nhr {\r\n border: none { block: 2px var(--txtColor) solid };\r\n height: .2em;\r\n margin-block: 1em;\r\n // background: linear-gradient(#44d2, #0000);\r\n}\r\n\r\n// list ================================\r\n\r\nul { ::marker { font-weight: bolder; } list-style-type: hebrew; \r\n ul { ::marker { font-size: .7em; }\r\n ul { ::marker { font-size: 1em; } list-style-type: circle;\r\n ul { ::marker { font-size: .7em; }\r\n ul { ::marker { font-size: .62em; } list-style-type: disc; }}}}}\r\n\r\n// size ================================\r\n\r\n:root { --s: 1; }\r\n\r\n.big { --s: 1.25; }\r\n.bigger { --s: 1.5; }\r\n.small { --s: .75; }\r\n.smaller { --s: .5; }\r\n\r\n.resize, .big, .bigger, .small, .smaller { &:not(h1, h2, h3, h4, h5, h6, .fake) { font-size: calc(var(--s) * 1em); } }\r\n\r\n@mixin titleSizeMod { &.resize, &.big, &.bigger, &.small, &.smaller { font-size: calc(var(--size) * var(--s) * 1em); } }\r\n\r\n// titles and fake titles (size) ================================\r\n\r\n$size-h1: 2;\r\n$size-h2: 1.6;\r\n$size-hrest: 1.25;\r\n// $size-h3: 1.25;\r\n// $size-h4: 1.25;\r\n// $size-h5: 1.25;\r\n\r\n@mixin titleSize($id, $size) {\r\n\r\n h#{$id} {font-size: #{$size}em;}\r\n\r\n h#{$id}, .fake.h#{$id} {\r\n font-size: $size + em ;\r\n font-weight: bold;\r\n --size: #{$size};\r\n @include titleSizeMod;\r\n } \r\n}\r\n\r\n @include titleSize(1, $size-h1);\r\n @include titleSize(2, $size-h2);\r\n@for $i from 3 to 7 { @include titleSize($i, $size-hrest); }\r\n\r\nh5, h6, .fake.h5, .fake.h6 {\r\n font-weight: normal;\r\n}\r\n\r\nh4, h6, .fake.h4, .fake.h6 {\r\n font-style: italic;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 { margin-block: 1em 1em;}\r\n\r\n:first-child ~ { h1, h2, h3, h4, h5, h6 { margin-block: 2em 1em;} }\r\n\r\n// fake soft wrap ================================\r\n\r\n// .swrap {\r\n// display: block;\r\n// margin-top: 0;\r\n// }\r\n\r\n// *:has(+.swrap) { margin-bottom: .17em; }\r\n\r\n// align ================================\r\n\r\n.c {\r\n position: relative;\r\n display: block;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\n.r {\r\n position: relative;\r\n display: block;\r\n text-align: right;\r\n right: 0;\r\n width: 100%;\r\n\r\n &::after {\r\n white-space: pre\r\n }\r\n}\r\n\r\np, h1, h2, h3, h4, h5, h6 {\r\n &:has(>.c), &:has(>.r) { width: 100%; }\r\n}\r\n\r\n// lines ================================\r\n\r\n// * { --lc: inherit; --lt: initial; }\r\n\r\n@mixin txtline($type) {\r\n text-decoration: $type { color: var(--lc); thickness: var(--lt) } ;\r\n &.-d { text-decoration: dashed $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-do { text-decoration: dotted $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-db { text-decoration: double $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-w { text-decoration: wavy $type { color: var(--lc); thickness: var(--lt); }; }\r\n}\r\n\r\n .u { @include txtline(underline) }\r\n .ovl { @include txtline(overline) }\r\ndel, .del { @include txtline(line-through) } \r\n .u.ovl { @include txtline(underline overline) }\r\ndel, .del { &.u { @include txtline(line-through underline) }\r\n &.ovl { @include txtline(line-through overline) }\r\n &.u.ovl { @include txtline(line-through underline overline) } }\r\n\r\n// color presets ================================\r\n\r\n@mixin colors($varName: clr) {\r\n &w, &white { --#{$varName}: #FFFFFF; }\r\n &silver { --#{$varName}: #C0C0C0; }\r\n &gray { --#{$varName}: #808080; }\r\n &b, &black { --#{$varName}: #000000; }\r\n &r, &red { --#{$varName}: #FF0000; }\r\n &maroon { --#{$varName}: #800000; }\r\n &yellow { --#{$varName}: #FFFF00; }\r\n &olive { --#{$varName}: #808000; }\r\n &lime { --#{$varName}: #00FF00; }\r\n &green { --#{$varName}: #008000; }\r\n &aqua { --#{$varName}: #00FFFF; }\r\n &teal { --#{$varName}: #008080; }\r\n &blue { --#{$varName}: #0000FF; }\r\n &navy { --#{$varName}: #000080; }\r\n &fuchsia { --#{$varName}: #FF00FF; }\r\n &purple { --#{$varName}: #800080; }\r\n} \r\n\r\n.h, .b {\r\n &w, &b, &r, &white, &silver, &gray, &black, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple {\r\n position: relative; \r\n z-index: 1;\r\n\r\n &::before {content: \"\"; \r\n position: absolute; \r\n --bd: 0.02em;\r\n z-index: -1;\r\n left: calc(-.2em + var(--bd)*-1);\r\n right: calc(-.2em + var(--bd)*-1);\r\n top: calc(var(--bd)*-1);\r\n bottom: calc(var(--bd)*-1);\r\n }\r\n }\r\n}\r\n\r\n// colors\r\n\r\n.c {\r\n @include colors;\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple\r\n { color: var(--clr) !important; }\r\n}\r\n\r\n// background colors\r\n\r\n.h {\r\n background-color: #ff0;\r\n @include colors(clrh);\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple \r\n { &::before { background-color: var(--clrh); }; }\r\n}\r\n\r\n// border colors\r\n\r\n.b {\r\n @include colors(clrb);\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple \r\n { &::before { --bw: 2px; border: var(--clrb) solid var(--bw); }; }\r\n}\r\n\r\n// ruby ================================\r\n\r\n[r] {\r\n position: relative;\r\n display: inline-block;\r\n // width: max-content;\r\n text-align: center;\r\n\r\n &::before { content: attr(r);\r\n // pos\r\n position: relative;\r\n left: 50%; \r\n transform: translateX(-50%);\r\n display: block;\r\n // styl\r\n font-size: .75em;\r\n }\r\n}\r\n\r\n// tip ================================\r\n\r\n[t] {\r\n text-decoration: dotted underline;\r\n &::before { content: attr(t); }\r\n}\r\n\r\na { &::before { content: \"转到：\"attr(href) attr(t); } }\r\n\r\n[t], a {\r\n --tc: var(--txtColor);\r\n position: relative;\r\n &::before {\r\n transition: 200ms 400ms;\r\n pointer-events: none;\r\n // pos\r\n position: absolute;\r\n left: 0 ;\r\n top: .5em;\r\n z-index: 10;\r\n // size \r\n width: fit-content;\r\n // styl\r\n border: var(--tc) solid 2px;\r\n padding: .2em .5em;\r\n box-shadow: 4px 4px var(--tc);\r\n background: var(--pgColor);\r\n opacity: 0;\r\n }\r\n\r\n &:hover::before {\r\n transition: 0ms;\r\n top: 1.5em;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// table ================================\r\n\r\ntable {\r\n --tbc: var(--txtColor); --tbtc: var(--txtColor);\r\n// pos\r\nposition: relative;\r\nz-index: 1;\r\n//styl\r\n color: var(--tbtc);\r\n border-collapse: collapse;\r\n margin-block: 1em;\r\n\r\n &::before, td, th { padding-block: .2em; padding-inline: .5em; }\r\n\r\n &[h]::before { content: attr(h); \r\n position: relative;\r\n display: table-caption;\r\n bottom: -1px;\r\n }\r\n\r\n &.i { display: inline-table; }\r\n\r\n &.t {\r\n box-shadow: 2px 2px var(--tbc);\r\n // border \r\n thead, tbody, td:first-child, tfoot { border: 2px solid { color: var(--tbc); }; }\r\n td:first-child { border-block-width: 0; }\r\n &::before, thead, td:first-child { font-weight: bolder; text-align: center; }\r\n\r\n tr:nth-child(even) td:not(:first-child) {\r\n position: relative;\r\n &::before { content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n z-index: -1;\r\n background: var(--tbc);\r\n opacity: .3;\r\n }\r\n }\r\n\r\n &::before {\r\n background: var(--tbc);\r\n color: var(--pgColor);\r\n box-shadow: 2px 2px var(--tbc);\r\n }\r\n }\r\n\r\n &.ts {\r\n // border \r\n thead, tbody, tr :first-child, tfoot { border: 0 solid { color: var(--tbc); }; }\r\n thead { border-bottom-width: 2px; }\r\n tbody:not(:first-child), tfoot { border-top-width: 2px; }\r\n tr :first-child { border-right-width: 2px; }\r\n\r\n &::before {\r\n padding-block: .5em;\r\n font-weight: bolder;\r\n text-align: center; \r\n }\r\n }\r\n}\r\n\r\n// blocks ================================\r\n\r\n.content>blockquote, :not(blockquote) >blockquote { margin-block: 2em; }\r\n\r\nblockquote {\r\n >p:first-child { margin-top: 0; }\r\n >p:last-child { margin-bottom: 0; }\r\n margin-right: 1em;\r\n\r\n &.info, &.warn {\r\n display: table;\r\n position: relative;\r\n padding-inline: 2.5em .5em;\r\n padding-block: .5em;\r\n margin-left: 0;\r\n\r\n &::before {\r\n position: absolute;\r\n left: 0;\r\n top: .37em;\r\n padding-inline: .5em;\r\n font-size: 1.2em;\r\n }\r\n\r\n >blockquote { margin-left: 0; } \r\n }\r\n\r\n &.info {\r\n background: var(--txtColor-fade);\r\n border: var(--txtColor) 3px solid;\r\n box-shadow: 4px 4px var(--txtColor);\r\n \r\n &::before { content: \"ⓘ\"; }\r\n }\r\n\r\n &.warn {\r\n background: var(--txtColor3-fade);\r\n border: var(--txtColor3) 3px solid;\r\n box-shadow: 4px 4px var(--txtColor3);\r\n color: var(--txtColor3);\r\n \r\n &::before { content: \"⚠\";\r\n top: .3em;\r\n font-size: 1.4em;\r\n font-weight: normal;\r\n padding-inline: .4em;\r\n }\r\n }\r\n\r\n &.layer {\r\n &:hover { background: var(--txtColor-fade); }\r\n\r\n &, blockquote:not([class]) {\r\n transition: 200ms 500ms border, 200ms 500ms box-shadow;\r\n margin: 0 .3em;\r\n padding: .5em;\r\n box-shadow: -3px 0 var(--txtColor);\r\n border: #0000 3px solid { left-width: 0; };\r\n\r\n &:hover {\r\n transition: 0ms border, 0ms box-shadow;\r\n border-color: var(--txtColor);\r\n box-shadow: -3px 0 var(--txtColor), 2px 2px 0 2px var(--txtColor);\r\n }\r\n }\r\n\r\n blockquote:not([class]) {\r\n p { margin-left: .5em; }\r\n &:hover:not(:has(blockquote:not([class]):hover)) {\r\n background: var(--pgColor);\r\n blockquote { transition: 200ms 500ms border, 200ms 500ms box-shadow; background: var(--pgColor); }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n/* ================ F A N C Y ================ */\r\n\r\n// mimic text-stroke with text-shadow ================================\r\n\r\n$text-stroke-shadow: \r\n calc(-1 * var(--std)) 0 var(--stc), // l\r\n calc(-1 * var(--std)) calc(-1 * var(--std)) var(--stc), // lt\r\n 0 calc(-1 * var(--std)) var(--stc), // t\r\n calc(var(--std)) calc(-1 * var(--std)) var(--stc), // rt\r\n calc(var(--std)) 0 var(--stc), // r\r\n calc(var(--std)) calc(var(--std)) var(--stc), // rb\r\n 0 calc(var(--std)) var(--stc), // b\r\n calc(-1 * var(--std)) calc(var(--std)) var(--stc); // lb \r\n\r\n// rainbow ================================\r\n\r\n.rainbow {\r\n --rspd: 1s; --rbgsz: 4em;\r\n &, *, ::before {\r\n image-rendering: pixelated;\r\n background: url(/assets/image/rainbowDither.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/rainbowDither.png) {size: var(--rbgsz)};\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n color: #0000;\r\n\r\n animation: rainbowScroll var(--rspd) linear infinite;\r\n @keyframes rainbowScroll {\r\n 0% { background-position: 0; }\r\n 100% { background-position: var(--rbgsz); }\r\n }\r\n }\r\n\r\n &.cmy, &.cmy * {\r\n background-image: url(/assets/image/rainbowDither_.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/rainbowDither_.png) ;\r\n }\r\n}\r\n\r\n.rainbow.fancy {\r\n --rs: .1em; --rsc: var(--txtColor-sat);\r\n filter: \r\n drop-shadow(.05em -.05em var(--rsc)) \r\n drop-shadow(-.05em .05em var(--rsc)) \r\n drop-shadow(var(--rs) var(--rs) var(--rsc));\r\n}\r\n\r\n.rainbow.fancy2 {\r\n --rs: .1em; --rsc: var(--txtColor-sat);\r\n filter: \r\n drop-shadow(.05em .05em var(--txtColor-sat)) \r\n drop-shadow(.1em .1em var(--pgColor)) \r\n drop-shadow(.1em .1em #dd4)\r\n drop-shadow(.1em .1em #4dd)\r\n drop-shadow(.1em .1em #d4d)\r\n drop-shadow(.05em -.05em var(--rsc)) \r\n drop-shadow(-.05em .05em var(--rsc)) \r\n\r\n}\r\n\r\n\r\n// echo ================================\r\n\r\n@mixin echo($horizontal, $vertical) {\r\n text-shadow: \r\n calc( 2px * $horizontal) calc( 2px * $vertical) var(--pgColor),\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #44d8,\r\n calc(.5em * $horizontal) calc(.5em * $vertical) #44d4,\r\n calc(.8em * $horizontal) calc(.8em * $vertical) #44d2;\r\n}\r\n\r\n@mixin echoStroke($horizontal, $vertical) {\r\n text-shadow: \r\n $text-stroke-shadow,\r\n calc( 2px * $horizontal) calc( 2px * $vertical) var(--pgColor),\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #44d8,\r\n calc(.5em * $horizontal) calc(.5em * $vertical) #44d4,\r\n calc(.8em * $horizontal) calc(.8em * $vertical) #44d2;\r\n}\r\n\r\n@mixin echorb($horizontal, $vertical) {\r\n text-shadow: \r\n calc(.1em * $horizontal) calc(.1em * $vertical) #d44,\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #dd4,\r\n calc(.3em * $horizontal) calc(.3em * $vertical) #4dd,\r\n calc(.4em * $horizontal) calc(.4em * $vertical) #d4d,\r\n}\r\n\r\n.echo {\r\n @include echo(1, 1);\r\n padding-bottom: .8em;\r\n \r\n &-down {\r\n @include echo(0, 1);\r\n padding-bottom: .8em;\r\n }\r\n\r\n &-up {\r\n @include echo(0, -1);\r\n padding-top: .8em;\r\n }\r\n\r\n &-right {\r\n @include echo(1, 0);\r\n padding-right: .8em;\r\n }\r\n\r\n &-left {\r\n @include echo(-1, 0);\r\n padding-left: .8em;\r\n }\r\n}\r\n\r\n.echorb {\r\n @include echorb(1, 1);\r\n padding-bottom: .8em;\r\n \r\n &-down {\r\n @include echorb(0, 1);\r\n padding-bottom: .8em;\r\n }\r\n\r\n &-up {\r\n @include echorb(0, -1);\r\n padding-top: .8em;\r\n }\r\n\r\n &-right {\r\n @include echorb(1, 0);\r\n padding-right: .8em;\r\n }\r\n\r\n &-left {\r\n @include echorb(-1, 0);\r\n padding-left: .8em;\r\n }\r\n}\r\n\r\n// stroke ================================\r\n\r\n.stroke {\r\n --std: 1px; --stc: var(--txtColor);\r\n color: var(--pgColor);\r\n text-shadow: $text-stroke-shadow;\r\n\r\n &.shadow {\r\n --sdd: 4px; --sdc: var(--txtColor2);\r\n text-shadow: $text-stroke-shadow, var(--sdd) var(--sdd) var(--sdc);\r\n padding-bottom: .2em;\r\n }\r\n\r\n &.echo {\r\n @include echoStroke(1, 1);\r\n padding-bottom: .8em;\r\n \r\n &-down {\r\n @include echoStroke(0, 1);\r\n padding-bottom: .8em;\r\n }\r\n\r\n &-up {\r\n @include echoStroke(0, -1);\r\n padding-top: .8em;\r\n }\r\n\r\n &-right {\r\n @include echoStroke(1, 0);\r\n padding-right: .8em;\r\n }\r\n\r\n &-left {\r\n @include echoStroke(-1, 0);\r\n padding-left: .8em;\r\n }\r\n }\r\n}\r\n\r\n// animate! ================================\r\n\r\n// rotate\r\n\r\n.rotate {\r\n --rspd: 4s; --ofst-x: 0%; --ofst-y: 0%; --rphs: 0; --rheit: 2em;\r\n// pos\r\n display: inline-block;\r\n transform-origin: \r\n calc( 50% + var(--ofst-x))\r\n calc( 50% + var(--ofst-y));\r\n// size\r\n width: max-content;\r\n// styl\r\n margin-block: calc(var(--rheit)/2);\r\n padding: 0;\r\n// ani\r\n animation: rotate var(--rspd) linear calc(var(--rspd) * var(--rphs) * -1) infinite;\r\n\r\n &.rev { animation-direction: reverse; }\r\n\r\n &.c {\r\n transform: translateY(50%);\r\n animation-name: rotateCentered; \r\n left: 50%; transform: translateX(-50%);\r\n }\r\n\r\n @keyframes rotate {\r\n 0% { transform: rotate(0); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes rotateCentered {\r\n 0% { transform: translateX(-50%) rotate(0); }\r\n 100% { transform: translateX(-50%) rotate(360deg); }\r\n }\r\n}\r\n\r\n// pulse\r\n\r\n.pulse {\r\n --pspd: .25s; --pscl: 1.2; --pphs: 0;\r\n \r\n // .rotate & { --pscl: 1.5 }\r\n\r\n display: inline-block;\r\n\r\n // sizing\r\n font-size: calc(var(--pscl) * var(--s) * 1em) !important;\r\n @mixin faketitle-pulseSize($id, $size) { &.fake.h#{$id} { font-size: calc(var(--pscl) * $size * 1em) !important; } }\r\n @include faketitle-pulseSize(1, $size-h1);\r\n @include faketitle-pulseSize(2, $size-h2);\r\n @for $i from 3 to 7 { @include faketitle-pulseSize($i, $size-hrest); }\r\n\r\n animation: pulse var(--pspd) ease-out calc(var(--pspd) * var(--pphs) * -1) infinite alternate;\r\n @keyframes pulse {\r\n 0% { scale: calc(1 / var(--pscl)); }\r\n 100% { scale: 1; }\r\n }\r\n}","#oneko {\r\n transition: opacity 400ms;\r\n position: fixed;\r\n image-rendering: pixelated;\r\n left: 16px;\r\n top: 16px;\r\n width: 32px; height: 32px;\r\n background: url(/assets/neko/oneko_sakura.gif);\r\n z-index: 2533;\r\n scale: 1.5;\r\n filter: drop-shadow(0px 4px #000) opacity(.7);\r\n pointer-events: none;\r\n}"],"file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["style.scss","../../../_sass/normalize.scss","../../../_sass/moardown.scss","../../../_sass/neko.scss"],"names":[],"mappings":"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","sourcesContent":["iframe { display: initial; } // show navlink after apply style.css\n\n@import \"normalize\";\n\n\n:root {\n --txtColor: #44d;\n --txtColor-sat: #00f;\n --txtColor-fade: #eef;\n --txtColor3: #d44;\n --txtColor3-fade: #fee;\n --txtColor2: #000;\n --pgColor: #fff;\n}\n\n\n\n/* ==== M A I N ==== */\n\n.soup\\.exe {\n// styl\n border: #fff 1px solid;\n box-shadow: 10px 10px 20px 10px #44d;\n\n// resize\n max: { height: 90vh; width: 95vw }\n min: { height: MIN(480px, 25vh); width: MIN(1152px, 25vw) }\n resize: both;\n}\n\n@mixin sizeUni($m, $property: height) { #{$property}: MIN($m * 8px, $m * 9vw/16); }\n\nhtml { scroll-behavior: smooth; }\n\n// main bg\nhtml, .nav, .c2 { background: url(/assets/image/bg.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/bg.gif) { color: #000; position: center; size: MAX(20vw,40vh); }; image-rendering: pixelated; }\n\nhtml::before { content: \"\";\n position: fixed;\n inset: 0;\n z-index: -2;\n pointer-events: none;\n background: url(/assets/image/cloud.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cloud.png) { size: cover; position: center; };\n opacity: .5;\n}\n\nhtml::after { content: \"\";\n position: fixed;\n inset: 0;\n z-index: -1;\n background: url(/assets/image/rain.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/rain.gif);\n image-rendering: pixelated;\n}\n\n/* ======= */\n\n\n\n/* ==== C 1 ==== */\n\n.c1 {\n .banner {\n // styl\n border: #44d 1px solid;\n background-color: #ccf;\n // txt\n text-wrap: nowrap;\n padding-inline: 5%;\n color: var(--txtColor2);\n @include sizeUni(9, font-size);\n }\n\n .main {\n\n /* ==== N A V B A R ==== */\n\n .nav {\n // pos\n position: relative;\n // styl\n border-inline: #44d 1px solid;\n\n &-c {\n // pos\n position: relative;\n z-index: 1;\n // size\n height: 100%;\n\n p {\n padding: { inline: 1em 0; block: .5em; };\n margin-block: 0; \n display: flex;\n }\n\n a, .urHere-i {\n padding: { right: 100%; block: .5em; };\n margin: { right: -100%; block: -.5em };\n }\n\n /* ====link fluid hovering==== */\n\n text-shadow: #fff 2px 2px;\n mix-blend-mode: hard-light;\n color: #2985ff;\n\n a {\n position: relative;\n color: #2985ff;\n\n &.urHere {\n pointer-events: none;\n }\n }\n\n .urHere-i {\n display: inline-block;\n }\n\n /* ====ani==== */\n\n p {\n transition: all 0ms 200ms,\n background-color 400ms 200ms;\n \n &:hover {\n transition: all 0ms;\n padding-left: 20%;\n background-color: #ccf;\n }\n }\n }\n\n /* ====Animating coolaf gradient bg==== */\n\n &-b {\n // pos\n position: absolute;\n left: -25%;\n // size\n height: 400%; width: 150%;\n bottom: 0;\n // styl\n mix-blend-mode: lighten;\n background:\n linear-gradient(90deg, #000, #0000 50%),\n repeating-linear-gradient(#f80, #f0f 25%, #0ff 37.5%, #8f0 42%, #f80 50%);\n filter: contrast(2) blur(10px) ;\n\n /* ====ani==== */\n\n animation: bgScroll 10s linear infinite;\n @keyframes bgScroll {\n from { bottom: -200%; }\n to { bottom: 0; }\n }\n }\n }\n\n .window {\n // background: var(--pgColor);\n overflow: hidden;\n }\n }\n\n .bottom {\n // size\n width: 100%;\n // styl\n border: #44d 1px solid;\n background: #000;\n\n img {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n}\n\n\n\n/* ==== C 2 ==== */\n\n.c2 {\n &-b {\n // pos\n position: absolute;\n inset: 0;\n // styl\n image-rendering: pixelated;\n background: url(/assets/image/bg2.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/bg2.gif) { color: #000; size: MAX(10vw,20vh); };\n mix-blend-mode: lighten;\n }\n\n\n .chatBox {\n // pos\n position: absolute;\n inset: 0;\n }\n\n & iframe[name=\"neolink\"] {\n position: absolute;\n margin: 10px;\n bottom: 0;\n }\n}\n\n/* ======== */\n\n\n\n/* ==== C O N T E N T ==== */\n\n.content {\n// styl\n // font-size: .8em;\n text-align: justify;\n text-justify: inter-ideograph;\n background-color: var(--pgColor);\n// txt\n padding-inline: 3em 2em;\n\n *::selection {\n color: var(--pgColor);\n background: var(--txtColor);\n }\n}\n\n// fullscreen\n\n.fullscreen {\n transition: opacity 200ms 200ms, top 200ms, bottom 200ms;\n // overflow: hidden;\n// pos\n position: absolute;\n display: flex;\n flex-direction: column;\n left: 50%;\n top: 50vh; bottom: 50vh;\n transform: translateX(-50%);\n z-index: 10;\n// size\n width: 90vw;\n// styl\n background: #c0c0c0;\n border: 3px solid { left-color: #fff; top-color: #fff; right-color: #808080; bottom-color: #808080; bottom-width: 4px; };\n box-shadow: -1px -1px 0 1px #dfdfdf, 0 0 0 2px #000;\n\n &.on {\n transition: opacity 200ms, top 200ms, bottom 200ms, background-color 200ms, border 200ms;\n opacity: 1;\n pointer-events: all;\n top: 2vh; bottom: 2vh;\n }\n \n .content {\n // size\n flex: 9;\n // styl\n font-size: 1.2rem;\n border: solid 2px { left-color: #000; top-color: #000; right-color: #dfdfdf; bottom-color: #dfdfdf; };\n padding-inline: 2em 5em;\n margin: 4px;\n }\n\n .bottomBar {\n height: 1em;\n padding: 0 .5em .5em .5em;\n }\n}\n\n// button bar\n\n.buttonBar {\n// size\n height: 1.5em;\n// styl\n padding: .25em;\n color: #fff;\n background: linear-gradient(90deg, #33a 20%, #1084d0);\n\n .toggle {\n // pos\n position: absolute;\n display: block;\n top: .25em;\n // size\n width: 1.5em; height: 1.5em;\n // styl\n box-sizing: border-box;\n margin-right: .5em;\n background: #c0c0c0;\n border: solid 3px { \n left-color: #fff; \n top-color: #fff; \n right-color: #000; \n bottom-color: #000;\n }\n\n &:hover { background: #fff; } \n \n &::before { content: \"\";\n position: absolute;\n top: 2px; left: 2px; \n right: 4px; bottom: 4px;\n image-rendering: pixelated;\n background-size: cover !important;\n }\n\n &:active {\n background: #c0c0c0;\n border: solid 3px {\n left-color: #000; \n top-color: #000; \n right-color: #fff; \n bottom-color: #fff;\n };\n\n &::before {\n top: 4px; left: 4px; \n right: 2px; bottom: 2px;\n }\n }\n \n .window &.fullscreenTg::before { background: url(/assets/image/button/max.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/button/max.gif); }\n .fullscreen &.fullscreenTg::before { background: url(/assets/image/button/unmax.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/button/unmax.gif); }\n &.darkTg::before { background: url(/assets/image/button/dark.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/button/dark.gif); }\n &.fontTg::before { background: url(/assets/image/button/font.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/button/font.gif); }\n\n }\n\n .window & {\n position: relative;\n height: 100%;\n min-width: 20px;\n max-width: 20px;\n background: linear-gradient(#33d, #33d 20%, #4af);\n padding-inline: .25em;\n overflow: hidden;\n\n .toggle {\n left: 50%;\n transform: translateX(-50%);\n }\n \n .darkTg { top: 2em; }\n .fontTg { top: 3.5em }\n }\n\n .fullscreen & {\n .fullscreenTg { right: 0em; }\n .darkTg { right: 1.75em; }\n .fontTg { right: 3.25em; }\n } \n}\n\n// darkmode\n\n.content, .window { transition: color 0ms 500ms, background-color 200ms 500ms, border-color 200ms 500ms; }\n\n.buttonBar:has(.darkTg input:checked) ~.content, .content:has(~.buttonBar .darkTg input:checked) {\n transition: color 0ms, background-color 200ms; \n --txtColor: #aaf;\n --txtColor-sat: #00c;\n --txtColor-fade: #224;\n --txtColor3: #faa;\n --txtColor3-fade: #422;\n --txtColor2: #fff;\n --pgColor: #002; \n}\n\n.content:has(~.buttonBar .darkTg input:checked) { background: #0004 !important; }\n\n.fullscreen:has(.darkTg input:checked) {\n transition: opacity 200ms 200ms, top 200ms, bottom 200ms, background-color 200ms, border 200ms;\n// styl\n background: #444;\n border: 3px solid { left-color: #000; top-color: #000; right-color: #808080; bottom-color: #808080; bottom-width: 4px; };\n\n .bottomBar { color: #fff; }\n}\n\n\n/* ======== */\n\n\n\n/* ==== C O R N E R ==== */ // spaghetti code\n\n.cornerCara {\n &, &-b {\n // pos\n position: fixed;\n bottom: -16vh; right: calc(10vw - 39vh);\n transform: scale(75%);\n z-index: -3;\n // size\n height: calc(100vh + 10vw);\n max-height: 140vh;\n aspect-ratio: .77;\n // styl\n filter: drop-shadow(-1vw 2vw #0008);\n }\n\n &-b {\n transition: opacity 1s;\n pointer-events: none;\n // pos\n z-index: 2;\n }\n\n &::before { content: \"\";\n position: absolute;\n inset: 0;\n }\n\n .soup\\.exe:hover ~&-b, .soup\\.exe:active ~&-b { transition: opacity 0ms; opacity: .5; }\n\n /* ====randomBG==== */\n\n @for $i from 0 to 16 { &[id=\"#{$i}\"] +&-b, &[id=\"#{$i}\"]::before { background: url(/assets/image/cornerCara/marisa#{$i}.webp), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cornerCara/marisa#{$i}.webp) { size: contain } }; }\n \n & { background: url(/assets/image/cornerCara/marisaB_.webp), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cornerCara/marisaB_.webp) { size: 120%; position: -40% -40%; }; image-rendering: pixelated; }\n}\n\n.ibm {\n &, &-b {\n // pos\n position: absolute;\n right: calc(10vw - 39vh); bottom: 0;\n z-index: -1;\n pointer-events: visible;\n transform: translateX(-20%);\n // size\n height: calc(25vh + 2.5vw);\n max-height: 35vh;\n aspect-ratio: 2;\n }\n\n &-b {\n mix-blend-mode: darken;\n }\n}\n\n.vid {\n// pos\n position: absolute;\n display: none;\n right: -38%; bottom: -27%;\n transform: scale(.17, .23) rotate(8deg) skew(3deg);\n// size\n width: 170%;\n aspect-ratio: 16/9;\n// styl\n pointer-events: none;\n background: #fff;\n\n @keyframes flicker {\n 0% { opacity: .65;}\n 50% { opacity: .65;}\n 50.1% { opacity: .5; }\n 100% { opacity: .5; }\n }\n\n iframe {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 10;\n inset: 0;\n }\n}\n\n.mask:has(input:checked) ~ .vid { display: block; animation: flicker 50ms linear infinite; }\n\n\n.pc {\n transition: visibility 0s 1s, opacity 1s;\n // z-index: -1 !important;\n visibility: hidden;\n\n &-b {\n transition: opacity 1s;\n z-index: 1;\n }\n\n &, &-b {\n // pos\n position: absolute;\n right: 8%; bottom: 0%;\n // size\n width: 75%;\n aspect-ratio: 1.63;\n // styl\n pointer-events: none;\n background: url(/assets/image/ibm.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/ibm.png) { size: cover; };\n\n &::before {\n position: absolute;\n // left: 7.5vw;\n // top: 6vw;\n // width: 8vw;\n // font-size: 1.5vw;\n \n left: 35%;\n top: 45%;\n\n\n width: 50%;\n font-size: 3.2vh;\n\n z-index: 20;\n transform: rotate(9deg) skew(7deg);\n }\n }\n \n .soup\\.exe:hover ~ .ibm-b & {\n transition: visibility 0s;\n visibility: visible;\n }\n\n .soup\\.exe:hover ~ .ibm &-b {\n transition: 0s;\n opacity: 0;\n }\n}\n\n\n.mask {\n// pos\n position: absolute;\n display: block;\n right: 32.7%; bottom: 10%;\n z-index: 1;\n transform: rotate(11deg) skew(7deg);\n// size\n width: 28%;\n aspect-ratio: 1.34;\n// styl\n background: url(/assets/image/rainbowDither.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/rainbowDither.png) {size: 4vw};\n opacity: 0;\n mix-blend-mode: darken;\n \n animation: maskScroll 1s linear infinite;\n @keyframes maskScroll {\n 0% { background-position: 0; }\n 100% { background-position: 8vw; }\n }\n\n &:has(input:checked) { opacity: .3; }\n\n &:not(:has(input:checked)) ~.pc-b, .ibm-b:not(:has( ~.ibm & input:checked)) .pc {\n &::before { color: #fff; }\n &::before { content: \"Power off\"; filter: drop-shadow(0 0 5px #fff); }\n }\n}\n\n\n/* ======== */\n\n\n\n/* ==== C U R S O R ==== */\n\n// html { cursor: none;}\n\n.soup\\.exe, .fullscreen { cursor: url(/assets/image/cursor/hat.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cursor/hat.gif), auto !important; }\n\n@mixin wCursorGif($id) { cursor: url(/assets/image/cursor/hatq#{$id}.gif), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/cursor/hatq#{$id}.gif), auto; }\n\na, button, .cornerCara { \n animation: wonderCursor 500ms infinite;\n @keyframes wonderCursor {\n 0% { @include wCursorGif(1) }\n 25% { @include wCursorGif(2) }\n 50% { @include wCursorGif(3) }\n 75% { @include wCursorGif(4) }\n 100% { @include wCursorGif(5) }\n }\n}\n\n\n\ncanvas {\n transition: 500ms;\n opacity: .5;\n z-index: -2;\n image-rendering: pixelated;\n\n .soup\\.exe:hover ~ & {\n opacity: 0;\n animation: hideCanvas 500ms linear forwards;\n @keyframes hideCanvas {\n 0% { visibility: visible; }\n 100% { visibility: hidden; }\n }\n }\n}\n\n\n/* ==== F O N T ==== */\n\nhtml { font-family: \"fusion\", \"gfw-fusion\", sans-serif; }\nhtml:has(.fontTg input:checked) { font-family: \"ibm\", \"gfw-ibm\", sans-serif; }\n\ncode, kbd, samp { font-family: \"ibm\", \"gfw-ibm\", monospace;}\nhtml:has(.fontTg input:checked) code, kbd, samp { font-family: \"fusion\", \"gfw-fusion\", monospace;}\n\n\n@font-face {\n font-family: \"fusion\";\n src: url(/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf);\n}\n\n@font-face {\n font-family: \"ibm\";\n src: url(/assets/font/IBM3161.ttf);\n}\n\n@font-face {\n font-family: \"zpix\";\n src: url(/assets/font/zpix.ttf);\n}\n\n@font-face {\n font-family: \"gfw-fusion\";\n src: url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/font/fusion-pixel-10px-monospaced-zh_hant.ttf);\n}\n\n@font-face {\n font-family: \"gfw-ibm\";\n src: url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/font/IBM3161.ttf);\n}\n\n@font-face {\n font-family: \"gfw-zpix\";\n src: url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/font/zpix.ttf);\n}\n\n/* ======== */\n\n@import \"moardown\";\n\n@import \"neko\";\n\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\r\n\r\n/* Document\r\n ========================================================================== */\r\n\r\n/**\r\n * 1. Correct the line height in all browsers.\r\n * 2. Prevent adjustments of font size after orientation changes in iOS.\r\n */\r\n\r\n html {\r\n line-height: 1.15; /* 1 */\r\n -webkit-text-size-adjust: 100%; /* 2 */\r\n }\r\n \r\n /* Sections\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the margin in all browsers.\r\n */\r\n \r\n body {\r\n margin: 0;\r\n }\r\n \r\n /**\r\n * Render the `main` element consistently in IE.\r\n */\r\n \r\n main {\r\n display: block;\r\n }\r\n \r\n /**\r\n * Correct the font size and margin on `h1` elements within `section` and\r\n * `article` contexts in Chrome, Firefox, and Safari.\r\n */\r\n \r\n h1 {\r\n font-size: 2em;\r\n margin: 0.67em 0;\r\n }\r\n \r\n /* Grouping content\r\n ========================================================================== */\r\n \r\n /**\r\n * 1. Add the correct box sizing in Firefox.\r\n * 2. Show the overflow in Edge and IE.\r\n */\r\n \r\n hr {\r\n box-sizing: content-box; /* 1 */\r\n height: 0; /* 1 */\r\n overflow: visible; /* 2 */\r\n }\r\n \r\n /**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n \r\n pre {\r\n font-family: monospace, monospace; /* 1 */\r\n font-size: 1em; /* 2 */\r\n }\r\n \r\n /* Text-level semantics\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the gray background on active links in IE 10.\r\n */\r\n \r\n a {\r\n background-color: transparent;\r\n }\r\n \r\n /**\r\n * 1. Remove the bottom border in Chrome 57-\r\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n */\r\n \r\n abbr[title] {\r\n border-bottom: none; /* 1 */\r\n text-decoration: underline; /* 2 */\r\n text-decoration: underline dotted; /* 2 */\r\n }\r\n \r\n /**\r\n * Add the correct font weight in Chrome, Edge, and Safari.\r\n */\r\n \r\n b,\r\n strong {\r\n font-weight: bolder;\r\n }\r\n \r\n /**\r\n * 1. Correct the inheritance and scaling of font size in all browsers.\r\n * 2. Correct the odd `em` font sizing in all browsers.\r\n */\r\n \r\n code,\r\n kbd,\r\n samp {\r\n font-family: monospace, monospace; /* 1 */\r\n font-size: 1em; /* 2 */\r\n }\r\n \r\n /**\r\n * Add the correct font size in all browsers.\r\n */\r\n \r\n small {\r\n font-size: 80%;\r\n }\r\n \r\n /**\r\n * Prevent `sub` and `sup` elements from affecting the line height in\r\n * all browsers.\r\n */\r\n \r\n sub,\r\n sup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline;\r\n }\r\n \r\n sub {\r\n bottom: -0.25em;\r\n }\r\n \r\n sup {\r\n top: -0.5em;\r\n }\r\n \r\n /* Embedded content\r\n ========================================================================== */\r\n \r\n /**\r\n * Remove the border on images inside links in IE 10.\r\n */\r\n \r\n img {\r\n border-style: none;\r\n }\r\n \r\n /* Forms\r\n ========================================================================== */\r\n \r\n /**\r\n * 1. Change the font styles in all browsers.\r\n * 2. Remove the margin in Firefox and Safari.\r\n */\r\n \r\n button,\r\n input,\r\n optgroup,\r\n select,\r\n textarea {\r\n font-family: inherit; /* 1 */\r\n font-size: 100%; /* 1 */\r\n line-height: 1.15; /* 1 */\r\n margin: 0; /* 2 */\r\n }\r\n \r\n /**\r\n * Show the overflow in IE.\r\n * 1. Show the overflow in Edge.\r\n */\r\n \r\n button,\r\n input { /* 1 */\r\n overflow: visible;\r\n }\r\n \r\n /**\r\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\r\n * 1. Remove the inheritance of text transform in Firefox.\r\n */\r\n \r\n button,\r\n select { /* 1 */\r\n text-transform: none;\r\n }\r\n \r\n /**\r\n * Correct the inability to style clickable types in iOS and Safari.\r\n */\r\n \r\n button,\r\n [type=\"button\"],\r\n [type=\"reset\"],\r\n [type=\"submit\"] {\r\n -webkit-appearance: button;\r\n }\r\n \r\n /**\r\n * Remove the inner border and padding in Firefox.\r\n */\r\n \r\n button::-moz-focus-inner,\r\n [type=\"button\"]::-moz-focus-inner,\r\n [type=\"reset\"]::-moz-focus-inner,\r\n [type=\"submit\"]::-moz-focus-inner {\r\n border-style: none;\r\n padding: 0;\r\n }\r\n \r\n /**\r\n * Restore the focus styles unset by the previous rule.\r\n */\r\n \r\n button:-moz-focusring,\r\n [type=\"button\"]:-moz-focusring,\r\n [type=\"reset\"]:-moz-focusring,\r\n [type=\"submit\"]:-moz-focusring {\r\n outline: 1px dotted ButtonText;\r\n }\r\n \r\n /**\r\n * Correct the padding in Firefox.\r\n */\r\n \r\n fieldset {\r\n padding: 0.35em 0.75em 0.625em;\r\n }\r\n \r\n /**\r\n * 1. Correct the text wrapping in Edge and IE.\r\n * 2. Correct the color inheritance from `fieldset` elements in IE.\r\n * 3. Remove the padding so developers are not caught out when they zero out\r\n * `fieldset` elements in all browsers.\r\n */\r\n \r\n legend {\r\n box-sizing: border-box; /* 1 */\r\n color: inherit; /* 2 */\r\n display: table; /* 1 */\r\n max-width: 100%; /* 1 */\r\n padding: 0; /* 3 */\r\n white-space: normal; /* 1 */\r\n }\r\n \r\n /**\r\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n */\r\n \r\n progress {\r\n vertical-align: baseline;\r\n }\r\n \r\n /**\r\n * Remove the default vertical scrollbar in IE 10+.\r\n */\r\n \r\n textarea {\r\n overflow: auto;\r\n }\r\n \r\n /**\r\n * 1. Add the correct box sizing in IE 10.\r\n * 2. Remove the padding in IE 10.\r\n */\r\n \r\n [type=\"checkbox\"],\r\n [type=\"radio\"] {\r\n box-sizing: border-box; /* 1 */\r\n padding: 0; /* 2 */\r\n }\r\n \r\n /**\r\n * Correct the cursor style of increment and decrement buttons in Chrome.\r\n */\r\n \r\n [type=\"number\"]::-webkit-inner-spin-button,\r\n [type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n }\r\n \r\n /**\r\n * 1. Correct the odd appearance in Chrome and Safari.\r\n * 2. Correct the outline style in Safari.\r\n */\r\n \r\n [type=\"search\"] {\r\n -webkit-appearance: textfield; /* 1 */\r\n outline-offset: -2px; /* 2 */\r\n }\r\n \r\n /**\r\n * Remove the inner padding in Chrome and Safari on macOS.\r\n */\r\n \r\n [type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n }\r\n \r\n /**\r\n * 1. Correct the inability to style clickable types in iOS and Safari.\r\n * 2. Change font properties to `inherit` in Safari.\r\n */\r\n \r\n ::-webkit-file-upload-button {\r\n -webkit-appearance: button; /* 1 */\r\n font: inherit; /* 2 */\r\n }\r\n \r\n /* Interactive\r\n ========================================================================== */\r\n \r\n /*\r\n * Add the correct display in Edge, IE 10+, and Firefox.\r\n */\r\n \r\n details {\r\n display: block;\r\n }\r\n \r\n /*\r\n * Add the correct display in all browsers.\r\n */\r\n \r\n summary {\r\n display: list-item;\r\n }\r\n \r\n /* Misc\r\n ========================================================================== */\r\n \r\n /**\r\n * Add the correct display in IE 10+.\r\n */\r\n \r\n template {\r\n display: none;\r\n }\r\n \r\n /**\r\n * Add the correct display in IE 10.\r\n */\r\n \r\n [hidden] {\r\n display: none;\r\n }","em:not(.i) { &[class], &[r], &[t] { font-style: normal; }}\r\n\r\nhtml { text-underline-offset: 25%; }\r\n\r\n.content { color: var(--txtColor) !important;\r\n\r\n >p:not([class], :has(img)):after { content: \"湯\";\r\n //pos\r\n position: relative;\r\n display: inline-block;\r\n //styl\r\n line-height: .5em;\r\n padding-left: .3em;\r\n opacity: .5;\r\n font-size: .7em;\r\n color: var(--txtColor3);\r\n transform: rotate(15deg);\r\n white-space: pre;\r\n }\r\n\r\n // indent ================================\r\n\r\n // p:not(.noi) { text-indent: 2em; }\r\n\r\n // >p:not(.noi, .fake) {\r\n // // text-indent: 2em;\r\n // &::before { content: \"░░\";\r\n // font-size: 0.9em;\r\n // padding-right: .2em;\r\n // color: var(--txtColor3);\r\n // text-indent: 0;\r\n // }\r\n // }\r\n}\r\n\r\nhr {\r\n border: none { block: 2px var(--txtColor) solid };\r\n height: .2em;\r\n margin-block: 1em;\r\n // background: linear-gradient(#44d2, #0000);\r\n}\r\n\r\n// list ================================\r\n\r\nul { ::marker { font-weight: bolder; } list-style-type: hebrew; \r\n ul { ::marker { font-size: .7em; }\r\n ul { ::marker { font-size: 1em; } list-style-type: circle;\r\n ul { ::marker { font-size: .7em; }\r\n ul { ::marker { font-size: .62em; } list-style-type: disc; }}}}}\r\n\r\n// size ================================\r\n\r\n:root { --s: 1; }\r\n\r\n.big { --s: 1.25; }\r\n.bigger { --s: 1.5; }\r\n.small { --s: .75; }\r\n.smaller { --s: .5; }\r\n\r\n.resize, .big, .bigger, .small, .smaller { &:not(h1, h2, h3, h4, h5, h6, .fake) { font-size: calc(var(--s) * 1em); } }\r\n\r\n@mixin titleSizeMod { &.resize, &.big, &.bigger, &.small, &.smaller { font-size: calc(var(--size) * var(--s) * 1em); } }\r\n\r\n// titles and fake titles (size) ================================\r\n\r\n$size-h1: 2;\r\n$size-h2: 1.6;\r\n$size-hrest: 1.25;\r\n// $size-h3: 1.25;\r\n// $size-h4: 1.25;\r\n// $size-h5: 1.25;\r\n\r\n@mixin titleSize($id, $size) {\r\n\r\n h#{$id} {font-size: #{$size}em;}\r\n\r\n h#{$id}, .fake.h#{$id} {\r\n font-size: $size + em ;\r\n font-weight: bold;\r\n --size: #{$size};\r\n @include titleSizeMod;\r\n } \r\n}\r\n\r\n @include titleSize(1, $size-h1);\r\n @include titleSize(2, $size-h2);\r\n@for $i from 3 to 7 { @include titleSize($i, $size-hrest); }\r\n\r\nh5, h6, .fake.h5, .fake.h6 {\r\n font-weight: normal;\r\n}\r\n\r\nh4, h6, .fake.h4, .fake.h6 {\r\n font-style: italic;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 { margin-block: 1em 1em;}\r\n\r\n:first-child ~ { h1, h2, h3, h4, h5, h6 { margin-block: 2em 1em;} }\r\n\r\n// fake soft wrap ================================\r\n\r\n// .swrap {\r\n// display: block;\r\n// margin-top: 0;\r\n// }\r\n\r\n// *:has(+.swrap) { margin-bottom: .17em; }\r\n\r\n// align ================================\r\n\r\n.c {\r\n position: relative;\r\n display: block;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\n.r {\r\n position: relative;\r\n display: block;\r\n text-align: right;\r\n right: 0;\r\n width: 100%;\r\n\r\n &::after {\r\n white-space: pre\r\n }\r\n}\r\n\r\np, h1, h2, h3, h4, h5, h6 {\r\n &:has(>.c), &:has(>.r) { width: 100%; }\r\n}\r\n\r\n// lines ================================\r\n\r\n// * { --lc: inherit; --lt: initial; }\r\n\r\n@mixin txtline($type) {\r\n text-decoration: $type { color: var(--lc); thickness: var(--lt) } ;\r\n &.-d { text-decoration: dashed $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-do { text-decoration: dotted $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-db { text-decoration: double $type { color: var(--lc); thickness: var(--lt); }; }\r\n &.-w { text-decoration: wavy $type { color: var(--lc); thickness: var(--lt); }; }\r\n}\r\n\r\n .u { @include txtline(underline) }\r\n .ovl { @include txtline(overline) }\r\ndel, .del { @include txtline(line-through) } \r\n .u.ovl { @include txtline(underline overline) }\r\ndel, .del { &.u { @include txtline(line-through underline) }\r\n &.ovl { @include txtline(line-through overline) }\r\n &.u.ovl { @include txtline(line-through underline overline) } }\r\n\r\n// color presets ================================\r\n\r\n@mixin colors($varName: clr) {\r\n &w, &white { --#{$varName}: #FFFFFF; }\r\n &silver { --#{$varName}: #C0C0C0; }\r\n &gray { --#{$varName}: #808080; }\r\n &b, &black { --#{$varName}: #000000; }\r\n &r, &red { --#{$varName}: #FF0000; }\r\n &maroon { --#{$varName}: #800000; }\r\n &yellow { --#{$varName}: #FFFF00; }\r\n &olive { --#{$varName}: #808000; }\r\n &lime { --#{$varName}: #00FF00; }\r\n &green { --#{$varName}: #008000; }\r\n &aqua { --#{$varName}: #00FFFF; }\r\n &teal { --#{$varName}: #008080; }\r\n &blue { --#{$varName}: #0000FF; }\r\n &navy { --#{$varName}: #000080; }\r\n &fuchsia { --#{$varName}: #FF00FF; }\r\n &purple { --#{$varName}: #800080; }\r\n} \r\n\r\n.h, .b {\r\n &w, &b, &r, &white, &silver, &gray, &black, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple {\r\n position: relative; \r\n z-index: 1;\r\n\r\n &::before {content: \"\"; \r\n position: absolute; \r\n --bd: 0.02em;\r\n z-index: -1;\r\n left: calc(-.2em + var(--bd)*-1);\r\n right: calc(-.2em + var(--bd)*-1);\r\n top: calc(var(--bd)*-1);\r\n bottom: calc(var(--bd)*-1);\r\n }\r\n }\r\n}\r\n\r\n// colors\r\n\r\n.c {\r\n @include colors;\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple\r\n { color: var(--clr) !important; }\r\n}\r\n\r\n// background colors\r\n\r\n.h {\r\n background-color: #ff0;\r\n @include colors(clrh);\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple \r\n { &::before { background-color: var(--clrh); }; }\r\n}\r\n\r\n// border colors\r\n\r\n.b {\r\n @include colors(clrb);\r\n &w, &white, &silver, &gray, &b, &black, &r, &red, &maroon, &yellow, &olive, &lime, &green, &aqua, &teal, &blue, &navy, &fuchsia, &purple \r\n { &::before { --bw: 2px; border: var(--clrb) solid var(--bw); }; }\r\n}\r\n\r\n// ruby ================================\r\n\r\n[r] {\r\n position: relative;\r\n display: inline-block;\r\n // width: max-content;\r\n text-align: center;\r\n\r\n &::before { content: attr(r);\r\n // pos\r\n position: relative;\r\n left: 50%; \r\n transform: translateX(-50%);\r\n display: block;\r\n // styl\r\n font-size: .75em;\r\n }\r\n}\r\n\r\n// tip ================================\r\n\r\n[t] {\r\n text-decoration: dotted underline;\r\n &::before { content: attr(t); }\r\n}\r\n\r\na { &::before { content: \"转到：\"attr(href) attr(t); } }\r\n\r\n[t], a {\r\n --tc: var(--txtColor);\r\n position: relative;\r\n &::before {\r\n transition: 200ms 400ms;\r\n pointer-events: none;\r\n // pos\r\n position: absolute;\r\n left: 0 ;\r\n top: .5em;\r\n z-index: 10;\r\n // size \r\n width: fit-content;\r\n // styl\r\n border: var(--tc) solid 2px;\r\n padding: .2em .5em;\r\n box-shadow: 4px 4px var(--tc);\r\n background: var(--pgColor);\r\n opacity: 0;\r\n }\r\n\r\n &:hover::before {\r\n transition: 0ms;\r\n top: 1.5em;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// table ================================\r\n\r\ntable {\r\n --tbc: var(--txtColor); --tbtc: var(--txtColor);\r\n// pos\r\nposition: relative;\r\nz-index: 1;\r\n//styl\r\n color: var(--tbtc);\r\n border-collapse: collapse;\r\n margin-block: 1em;\r\n\r\n &::before, td, th { padding-block: .2em; padding-inline: .5em; }\r\n\r\n &[h]::before { content: attr(h); \r\n position: relative;\r\n display: table-caption;\r\n bottom: -1px;\r\n }\r\n\r\n &.i { display: inline-table; }\r\n\r\n &.t {\r\n box-shadow: 2px 2px var(--tbc);\r\n // border \r\n thead, tbody, td:first-child, tfoot { border: 2px solid { color: var(--tbc); }; }\r\n td:first-child { border-block-width: 0; }\r\n &::before, thead, td:first-child { font-weight: bolder; text-align: center; }\r\n\r\n tr:nth-child(even) td:not(:first-child) {\r\n position: relative;\r\n &::before { content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n z-index: -1;\r\n background: var(--tbc);\r\n opacity: .3;\r\n }\r\n }\r\n\r\n &::before {\r\n background: var(--tbc);\r\n color: var(--pgColor);\r\n box-shadow: 2px 2px var(--tbc);\r\n }\r\n }\r\n\r\n &.ts {\r\n // border \r\n thead, tbody, tr :first-child, tfoot { border: 0 solid { color: var(--tbc); }; }\r\n thead { border-bottom-width: 2px; }\r\n tbody:not(:first-child), tfoot { border-top-width: 2px; }\r\n tr :first-child { border-right-width: 2px; }\r\n\r\n &::before {\r\n padding-block: .5em;\r\n font-weight: bolder;\r\n text-align: center; \r\n }\r\n }\r\n}\r\n\r\n// blocks ================================\r\n\r\n.content>blockquote, :not(blockquote) >blockquote { margin-block: 2em; }\r\n\r\nblockquote {\r\n >p:first-child { margin-top: 0; }\r\n >p:last-child { margin-bottom: 0; }\r\n margin-right: 1em;\r\n\r\n &.info, &.warn {\r\n display: table;\r\n position: relative;\r\n padding-inline: 2.5em .5em;\r\n padding-block: .5em;\r\n margin-left: 0;\r\n\r\n &::before {\r\n position: absolute;\r\n left: 0;\r\n top: .37em;\r\n padding-inline: .5em;\r\n font-size: 1.2em;\r\n }\r\n\r\n >blockquote { margin-left: 0; } \r\n }\r\n\r\n &.info {\r\n background: var(--txtColor-fade);\r\n border: var(--txtColor) 3px solid;\r\n box-shadow: 4px 4px var(--txtColor);\r\n \r\n &::before { content: \"ⓘ\"; }\r\n }\r\n\r\n &.warn {\r\n background: var(--txtColor3-fade);\r\n border: var(--txtColor3) 3px solid;\r\n box-shadow: 4px 4px var(--txtColor3);\r\n color: var(--txtColor3);\r\n \r\n &::before { content: \"⚠\";\r\n top: .3em;\r\n font-size: 1.4em;\r\n font-weight: normal;\r\n padding-inline: .4em;\r\n }\r\n }\r\n\r\n &.layer {\r\n &:hover { background: var(--txtColor-fade); }\r\n\r\n &, blockquote:not([class]) {\r\n transition: 200ms 500ms border, 200ms 500ms box-shadow;\r\n margin: 0 .3em;\r\n padding: .5em;\r\n box-shadow: -3px 0 var(--txtColor);\r\n border: #0000 3px solid { left-width: 0; };\r\n\r\n &:hover {\r\n transition: 0ms border, 0ms box-shadow;\r\n border-color: var(--txtColor);\r\n box-shadow: -3px 0 var(--txtColor), 2px 2px 0 2px var(--txtColor);\r\n }\r\n }\r\n\r\n blockquote:not([class]) {\r\n p { margin-left: .5em; }\r\n &:hover:not(:has(blockquote:not([class]):hover)) {\r\n background: var(--pgColor);\r\n blockquote { transition: 200ms 500ms border, 200ms 500ms box-shadow; background: var(--pgColor); }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n/* ================ F A N C Y ================ */\r\n\r\n// mimic text-stroke with text-shadow ================================\r\n\r\n$text-stroke-shadow: \r\n calc(-1 * var(--std)) 0 var(--stc), // l\r\n calc(-1 * var(--std)) calc(-1 * var(--std)) var(--stc), // lt\r\n 0 calc(-1 * var(--std)) var(--stc), // t\r\n calc(var(--std)) calc(-1 * var(--std)) var(--stc), // rt\r\n calc(var(--std)) 0 var(--stc), // r\r\n calc(var(--std)) calc(var(--std)) var(--stc), // rb\r\n 0 calc(var(--std)) var(--stc), // b\r\n calc(-1 * var(--std)) calc(var(--std)) var(--stc); // lb \r\n\r\n// rainbow ================================\r\n\r\n.rainbow {\r\n --rspd: 1s; --rbgsz: 4em;\r\n &, *, ::before {\r\n image-rendering: pixelated;\r\n background: url(/assets/image/rainbowDither.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/rainbowDither.png) {size: var(--rbgsz)};\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n color: #0000;\r\n\r\n animation: rainbowScroll var(--rspd) linear infinite;\r\n @keyframes rainbowScroll {\r\n 0% { background-position: 0; }\r\n 100% { background-position: var(--rbgsz); }\r\n }\r\n }\r\n\r\n &.cmy, &.cmy * {\r\n background-image: url(/assets/image/rainbowDither_.png), url(https://ghproxy.com/https://raw.githubusercontent.com/Kirisoup/kirisoup.github.io/main/assets/image/rainbowDither_.png) ;\r\n }\r\n}\r\n\r\n.rainbow.fancy {\r\n --rs: .1em; --rsc: var(--txtColor-sat);\r\n filter: \r\n drop-shadow(.05em -.05em var(--rsc)) \r\n drop-shadow(-.05em .05em var(--rsc)) \r\n drop-shadow(var(--rs) var(--rs) var(--rsc));\r\n}\r\n\r\n.rainbow.fancy2 {\r\n --rs: .1em; --rsc: var(--txtColor-sat);\r\n filter: \r\n drop-shadow(.05em .05em var(--txtColor-sat)) \r\n drop-shadow(.1em .1em var(--pgColor)) \r\n drop-shadow(.1em .1em #dd4)\r\n drop-shadow(.1em .1em #4dd)\r\n drop-shadow(.1em .1em #d4d)\r\n drop-shadow(.05em -.05em var(--rsc)) \r\n drop-shadow(-.05em .05em var(--rsc)) \r\n\r\n}\r\n\r\n\r\n// echo ================================\r\n\r\n@mixin echo($horizontal, $vertical) {\r\n text-shadow: \r\n calc( 2px * $horizontal) calc( 2px * $vertical) var(--pgColor),\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #44d8,\r\n calc(.5em * $horizontal) calc(.5em * $vertical) #44d4,\r\n calc(.8em * $horizontal) calc(.8em * $vertical) #44d2;\r\n}\r\n\r\n@mixin echoStroke($horizontal, $vertical) {\r\n text-shadow: \r\n $text-stroke-shadow,\r\n calc( 2px * $horizontal) calc( 2px * $vertical) var(--pgColor),\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #44d8,\r\n calc(.5em * $horizontal) calc(.5em * $vertical) #44d4,\r\n calc(.8em * $horizontal) calc(.8em * $vertical) #44d2;\r\n}\r\n\r\n@mixin echorb($horizontal, $vertical) {\r\n text-shadow: \r\n calc(.1em * $horizontal) calc(.1em * $vertical) #d44,\r\n calc(.2em * $horizontal) calc(.2em * $vertical) #dd4,\r\n calc(.3em * $horizontal) calc(.3em * $vertical) #4dd,\r\n calc(.4em * $horizontal) calc(.4em * $vertical) #d4d,\r\n}\r\n\r\n.echo {\r\n @include echo(1, 1);\r\n padding-bottom: .8em;\r\n \r\n &-down {\r\n @include echo(0, 1);\r\n padding-bottom: .8em;\r\n }\r\n\r\n &-up {\r\n @include echo(0, -1);\r\n padding-top: .8em;\r\n }\r\n\r\n &-right {\r\n @include echo(1, 0);\r\n padding-right: .8em;\r\n }\r\n\r\n &-left {\r\n @include echo(-1, 0);\r\n padding-left: .8em;\r\n }\r\n}\r\n\r\n.echorb {\r\n @include echorb(1, 1);\r\n padding-bottom: .8em;\r\n \r\n &-down {\r\n @include echorb(0, 1);\r\n padding-bottom: .8em;\r\n }\r\n\r\n &-up {\r\n @include echorb(0, -1);\r\n padding-top: .8em;\r\n }\r\n\r\n &-right {\r\n @include echorb(1, 0);\r\n padding-right: .8em;\r\n }\r\n\r\n &-left {\r\n @include echorb(-1, 0);\r\n padding-left: .8em;\r\n }\r\n}\r\n\r\n// stroke ================================\r\n\r\n.stroke {\r\n --std: 1px; --stc: var(--txtColor);\r\n color: var(--pgColor);\r\n text-shadow: $text-stroke-shadow;\r\n\r\n &.shadow {\r\n --sdd: 4px; --sdc: var(--txtColor2);\r\n text-shadow: $text-stroke-shadow, var(--sdd) var(--sdd) var(--sdc);\r\n padding-bottom: .2em;\r\n }\r\n\r\n &.echo {\r\n @include echoStroke(1, 1);\r\n padding-bottom: .8em;\r\n \r\n &-down {\r\n @include echoStroke(0, 1);\r\n padding-bottom: .8em;\r\n }\r\n\r\n &-up {\r\n @include echoStroke(0, -1);\r\n padding-top: .8em;\r\n }\r\n\r\n &-right {\r\n @include echoStroke(1, 0);\r\n padding-right: .8em;\r\n }\r\n\r\n &-left {\r\n @include echoStroke(-1, 0);\r\n padding-left: .8em;\r\n }\r\n }\r\n}\r\n\r\n// animate! ================================\r\n\r\n// rotate\r\n\r\n.rotate {\r\n --rspd: 4s; --ofst-x: 0%; --ofst-y: 0%; --rphs: 0; --rheit: 2em;\r\n// pos\r\n display: inline-block;\r\n transform-origin: \r\n calc( 50% + var(--ofst-x))\r\n calc( 50% + var(--ofst-y));\r\n// size\r\n width: max-content;\r\n// styl\r\n margin-block: calc(var(--rheit)/2);\r\n padding: 0;\r\n// ani\r\n animation: rotate var(--rspd) linear calc(var(--rspd) * var(--rphs) * -1) infinite;\r\n\r\n &.rev { animation-direction: reverse; }\r\n\r\n &.c {\r\n transform: translateY(50%);\r\n animation-name: rotateCentered; \r\n left: 50%; transform: translateX(-50%);\r\n }\r\n\r\n @keyframes rotate {\r\n 0% { transform: rotate(0); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes rotateCentered {\r\n 0% { transform: translateX(-50%) rotate(0); }\r\n 100% { transform: translateX(-50%) rotate(360deg); }\r\n }\r\n}\r\n\r\n// pulse\r\n\r\n.pulse {\r\n --pspd: .25s; --pscl: 1.2; --pphs: 0;\r\n \r\n // .rotate & { --pscl: 1.5 }\r\n\r\n display: inline-block;\r\n\r\n // sizing\r\n font-size: calc(var(--pscl) * var(--s) * 1em) !important;\r\n @mixin faketitle-pulseSize($id, $size) { &.fake.h#{$id} { font-size: calc(var(--pscl) * $size * 1em) !important; } }\r\n @include faketitle-pulseSize(1, $size-h1);\r\n @include faketitle-pulseSize(2, $size-h2);\r\n @for $i from 3 to 7 { @include faketitle-pulseSize($i, $size-hrest); }\r\n\r\n animation: pulse var(--pspd) ease-out calc(var(--pspd) * var(--pphs) * -1) infinite alternate;\r\n @keyframes pulse {\r\n 0% { scale: calc(1 / var(--pscl)); }\r\n 100% { scale: 1; }\r\n }\r\n}","#oneko {\r\n transition: opacity 400ms;\r\n position: fixed;\r\n image-rendering: pixelated;\r\n left: 16px;\r\n top: 16px;\r\n width: 32px; height: 32px;\r\n background: url(/assets/neko/oneko_sakura.gif);\r\n z-index: 2533;\r\n scale: 1.5;\r\n filter: drop-shadow(0px 4px #000) opacity(.7);\r\n pointer-events: none;\r\n}"],"file":"style.css"} \ No newline at end of file diff --git a/assets/css/default/style.scss b/assets/css/default/style.scss index ba86ca4..2be4b4d 100644 --- a/assets/css/default/style.scss +++ b/assets/css/default/style.scss @@ -309,7 +309,7 @@ html::after { content: ""; top: 2px; left: 2px; right: 4px; bottom: 4px; image-rendering: pixelated; - background-size: cover; + background-size: cover !important; } &:active {