8 lines
160 KiB
CSS
8 lines
160 KiB
CSS
|
:root{--sai-top: env(safe-area-inset-top);--sai-right: env(safe-area-inset-right);--sai-bottom: env(safe-area-inset-bottom);--sai-left: env(safe-area-inset-left);--text-size: 16px;--main-width: 40em;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;--hairline-width: 1px;--monospace-font: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--blue-color: royalblue;--purple-color: blueviolet;--green-color: darkgreen;--orange-color: darkorange;--orange-light-bg-color: color-mix( in srgb, var(--orange-color) 20%, transparent );--red-color: orangered;--red-bg-color: color-mix(in lch, var(--red-color) 40%, transparent);--bg-color: #fff;--bg-faded-color: #f0f2f5;--bg-blur-color: rgba(255,255,255,.6);--bg-faded-blur-color: rgba(240,242,245,.6);--text-color: #1c1e21;--text-insignificant-color: rgba(28,30,33,.6);--link-color: var(--blue-color);--link-light-color: rgba(65,105,225,.6);--link-faded-color: rgba(65,105,225,.33333);--link-bg-hover-color: rgba(240,242,245,.6);--link-visited-color: mediumslateblue;--link-text-color: color-mix( in lch, var(--link-color) 60%, var(--text-color) 40% );--focus-ring-color: var(--link-color);--button-bg-color: var(--blue-color);--button-bg-blur-color: rgba(65,105,225,.66667);--button-text-color: white;--button-plain-bg-hover-color: rgba(128, 128, 128, .1);--reblog-color: var(--purple-color);--reblog-faded-color: rgba(137,43,226,.12549);--group-color: var(--green-color);--group-faded-color: rgba(0,100,0,.12549);--reply-to-color: var(--orange-color);--reply-to-text-color: #b36200;--favourite-color: var(--red-color);--reply-to-faded-color: rgba(255,166,0,.12549);--hashtag-color: LightSeaGreen;--hashtag-faded-color: color-mix( in srgb, var(--hashtag-color) 15%, transparent );--hashtag-text-color: color-mix( in lch, var(--hashtag-color) 40%, var(--text-color) 60% );--outline-color: rgba(128, 128, 128, .2);--outline-hover-color: rgba(128, 128, 128, .7);--divider-color: rgba(0, 0, 0, .1);--backdrop-color: rgba(0, 0, 0, .05);--backdrop-darker-color: rgba(0, 0, 0, .25);--backdrop-solid-color: #eee;--img-bg-color: rgba(128, 128, 128, .2);--loader-color: rgba(28,30,33,.6);--comment-line-color: #e5e5e5;--drop-shadow-color: rgba(0, 0, 0, .15);--close-button-bg-color: rgba(0, 0, 0, .1);--close-button-bg-active-color: rgba(0, 0, 0, .2);--close-button-color: rgba(0, 0, 0, .5);--close-button-hover-color: rgba(0, 0, 0, 1);--private-note-text-color: var(--text-color);--private-note-bg-color: color-mix(in srgb, yellow 20%, var(--bg-color));--private-note-border-color: rgba(0, 0, 0, .2);--media-fg-color: #f0f2f5;--media-bg-color: #242526;--media-outline-color: color-mix(in lch, var(--media-fg-color), transparent);--timing-function: cubic-bezier(.3, .5, 0, 1)}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){:root{--hairline-width: .5px}}@media (prefers-color-scheme: dark){:root:where(:not(.is-light)){--blue-color: CornflowerBlue;--purple-color: #b190f1;--green-color: lightgreen;--orange-color: orange;--bg-color: #242526;--bg-faded-color: #18191a;--bg-blur-color: rgba(0,0,0,.6);--bg-faded-blur-color: rgba(24,25,26,.6);--text-color: #f0f2f5;--text-insignificant-color: rgba(240,242,245,.6);--link-light-color: rgba(100,148,237,.6);--link-faded-color: rgba(100,148,237,.53333);--link-bg-hover-color: rgba(52,53,55,.6);--link-visited-color: color-mix( in lch, mediumslateblue 70%, var(--text-color) 30% );--reblog-faded-color: rgba(177,144,241,.2549);--reply-to-text-color: var(--reply-to-color);--reply-to-faded-color: rgba(255,166,0,.0902);--divider-color: rgba(255, 255, 255, .1);--bg-blur-color: #24252699;--backdrop-color: rgba(0, 0, 0, .5);--backdrop-solid-color: #111;--loader-color: rgba(240,242,245,.6);--comment-line-color: #565656;--drop-shadow-color: rgba(0, 0, 0, .5);--close-button-bg-color: rgba(255, 255, 255, .2);--close-button-bg-active-color: rgba(255, 255, 255, .15);--close-button-color: rgba(255, 255, 255, .5);--close-button-hover-color: rgba(255, 255, 255, 1);--private-note-border-color: rgba(255, 255, 255, .2)}}:root:where(.is-dark
|
||
|
|
* Toastify js 1.12.0
|
||
|
|
* https://github.com/apvarun/toastify-js
|
||
|
|
* @license MIT licensed
|
||
|
|
*
|
||
|
|
* Copyright (C) 2018 Varun A P
|
||
|
|
*/.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;-webkit-transition:all .4s cubic-bezier(.215,.61,.355,1);transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-webkit-fit-content;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}body{touch-action:pan-x pan-y}#app{min-height:100vh;min-height:100dvh;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}#app-standalone{background-color:var(--bg-faded-color)}a.mention{text-decoration-line:none}a.mention span{text-decoration-line:underline;text-decoration-color:inherit;text-decoration-thickness:2px;text-underline-offset:2px}a.mention span{color:var(--text-color)}a[href^=http][rel*=nofollow]:visited:not(:has(div)){color:var(--link-visited-color);text-decoration-color:var(--link-visited-color)}.deck-container{width:100%;height:100vh;height:100dvh;overflow:auto;overflow-x:hidden;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;overscroll-behavior:contain;scroll-behavior:smooth;background-color:var(--bg-color);-webkit-box-flex:1;flex-grow:1;-webkit-transform:translateZ(0);transform:translateZ(0)}@media (hover: hover){.deck-container{overscroll-behavior:auto}}.deck-container[hidden]{display:block;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;content-visibility:hidden}.deck-container,.deck.contained{scroll-padding-top:3em}#home-page~.deck-container,#welcome~.deck-container,#columns~.deck-container,#loader-root~.deck-container{z-index:10;position:fixed;top:0;right:0;bottom:0;left:0}#home-page:has(~.deck-container){display:block;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}#welcome:has(~.deck-container){display:block;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}#columns:has(~.deck-container){display:block;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}#loader-root:has(~.deck-container){display:block;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.deck{min-height:100vh;min-height:100dvh;margin:auto;width:var(--main-width);max-width:100%;background-color:var(--bg-color);overflow-anchor:auto}.deck.contained{overflow:auto;overflow-x:hidden;height:100vh;height:100dvh;overscroll-behavior:contain}@media (hover: hover){.deck.contained{overscroll-behavior:auto}}.deck>header{position:sticky;top:0;z-index:1;cursor:default;z-index:10;-webkit-user-select:none;-moz-user-select:none;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;user-select:none}.deck>header .header-double-lines{font-size:90%!important;cursor:pointer}.deck>header .header-double-lin
|