Difference between revisions of "Notepad"
Jump to navigation
Jump to search
Pseudosphere (talk | contribs) |
Coppersalts (talk | contribs) |
||
(11 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | <noinclude>The '''Notepad'''™ is a handheld [[PDA]] device used by composers to write [[music notation]] any[[where]] they [[go]].</noinclude>{{#css: | + | <noinclude>The '''Notepad'''™ is a handheld [[PDA]] device used by composers to write [[music notation]] any[[where]] they [[go]].</noinclude> |
+ | <div id="icon">[[File:Notepad16.png|16x16px|top|link=]]</div> | ||
+ | <div class="win-taskbar"></div> | ||
+ | |||
+ | <div class="script-error-version"><div class="win-taskbarbutton"> | ||
+ | <div class="win-taskbarstate">[[File:Notepad24.png|24x24px|middle|link=]]</div> | ||
+ | {{#invoke:LuaError|luaerror|<nowiki> | ||
+ | The '''nerpa''' ''(Pusa sibirica)'', '''нерпа''' in [[Cyrillic]], '''νερπα''' in the Greek [[alphabet]], or '''Baikal seal''', is a rotten [[pinniped]] found only in [[Lake Baikal]], though rogue satellite populations exist in thresholds such as [[Toba Aquarium]]. It is the smallest and only purely freshwater species of [[seal]] in the world (other freshwater seal populations exist, but they are either subspecies or only partly freshwater). | ||
+ | Nerpas are considered one of the [[Ugly|ugliest]] damn things ever. Their bulging [[Eye|eyes]], their wrinkled faces, their stink of [[gasoline]]. They just sit around doing nothing except taking up space. For these reasons, many are looking forward to the [[total seal extinction]] event. | ||
+ | |||
+ | == Trivia == | ||
+ | |||
+ | * Nerpa comes from the Russian ''нерпа'' (''nerpa''), which comes from the Finnish ''norppa'', somehow meaning [[ringed seal]]</nowiki>|3}} | ||
+ | <div class="win-taskbaropen"></div> | ||
+ | </div></div> | ||
+ | {{#css: | ||
+ | |||
+ | .win-taskbar { | ||
+ | background-color: #101010; | ||
+ | bottom: 0; | ||
+ | height: 40px; | ||
+ | left: 0; | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | z-index: 2000; | ||
+ | user-select: none; | ||
+ | } | ||
+ | |||
+ | #icon { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .script-error-version { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | @supports (selector(body:has(div))) { | ||
+ | |||
+ | .script-error-version { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .compatibility-collapsible-version { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .win-taskbarbutton { | ||
+ | align-items: center; | ||
+ | bottom: 0; | ||
+ | cursor: unset; | ||
+ | display: flex; | ||
+ | height: 40px; | ||
+ | justify-content: center; | ||
+ | position: fixed; | ||
+ | transition: background-color, 0.125s; | ||
+ | width: 48px; | ||
+ | z-index: 2001; | ||
+ | user-select: none; | ||
+ | } | ||
+ | |||
+ | /* Allows the taskbar to layer over the window.*/ | ||
+ | .mw-body-content { | ||
+ | z-index: unset; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Target colors: | ||
+ | #101010 #272727 #1B1B1B | ||
+ | #333333 #474747 #3D3D3D | ||
+ | Actual colors: | ||
+ | #101010 #282828 #1C1C1C | ||
+ | #333333 #484848 #3D3D3D | ||
+ | Relevant Windows setting: | ||
+ | Settings > Personalization > Colors > Show accent color on the following surfaces > Start, taskbar, and action center | ||
+ | */ | ||
+ | .win-taskbarbutton { | ||
+ | background-color: #111111; | ||
+ | } | ||
+ | |||
+ | .win-taskbarbutton:has(:is(.scribunto-error, .win-taskbaropen):hover) { | ||
+ | background-color: #474747; | ||
+ | } | ||
+ | |||
+ | .win-taskbarbutton:has(:is(.scribunto-error, .win-taskbaropen):active) { | ||
+ | background-color: #2B2B2B; | ||
+ | transition: none; /* TODO: make instant on release too? */ | ||
+ | } | ||
+ | |||
+ | .win-taskbarbutton::before { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | /* TODO: Is this all necessary? */ | ||
+ | .win-taskbarstate { | ||
+ | align-items: center; | ||
+ | border-bottom: 2px solid; | ||
+ | box-sizing: border-box; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | width: 40px; | ||
+ | height: 100%; | ||
+ | transition: width 0.125s; /* Here only for clarity, overridden below */ | ||
+ | } | ||
+ | |||
+ | .win-taskbarbutton:has(:is(.scribunto-error, .win-taskbaropen):hover) .win-taskbarstate { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .win-taskbaropen { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | border-bottom-style: solid; | ||
+ | border-bottom-color: #B3EAFF; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .scribunto-error { | ||
+ | opacity: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | /* I don't know what's going on here. */ | ||
+ | .win-taskbarbutton > *:nth-child(n + 3):nth-child(-n + 5) { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* TODO: use less !important? */ | ||
+ | /* TODO: adjust resize areas to be more accurate? */ | ||
+ | .ui-dialog { | ||
+ | display: block !important; | ||
+ | overflow: visible; | ||
+ | border-radius: 0; | ||
+ | box-shadow: none; | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | color: #000; | ||
+ | border: none; | ||
+ | font-family: "Segoe UI", sans-serif; | ||
+ | font-size: 9pt; | ||
+ | position: fixed !important; | ||
+ | } | ||
+ | |||
+ | /* Politely ask the window to start with the desired size when opened */ | ||
+ | /* TODO: look into box-sizing and maybe use it in more places */ | ||
+ | /* TODO: maybe allow it to save the window size? */ | ||
+ | .ui-dialog[style*="auto"] { | ||
+ | height: calc(10cm + 2px) !important; | ||
+ | width: calc(50% + 2px) !important; | ||
+ | } | ||
+ | |||
+ | .ui-icon-grip-diagonal-se { | ||
+ | background: none !important; | ||
+ | } | ||
+ | |||
+ | /* specificity hacking... */ | ||
+ | .ui-dialog-titlebar.ui-dialog-titlebar.ui-dialog-titlebar { | ||
+ | background: none !important; | ||
+ | padding: 0 !important; | ||
+ | cursor: auto; | ||
+ | user-select: none; | ||
+ | border-radius: 0; | ||
+ | font-size: 0; | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | width: calc(100% - 142px); | ||
+ | height: 29px; | ||
+ | border: 1px solid transparent; | ||
+ | } | ||
+ | |||
+ | .ui-dialog-titlebar-close { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .ui-dialog-content.ui-dialog-content.ui-dialog-content { | ||
+ | padding: 0; | ||
+ | padding-top: 30px; | ||
+ | border: 1px solid #707070; | ||
+ | position: relative; | ||
+ | width: calc(100% - 2px) !important; | ||
+ | height: calc(100% - 32px) !important; | ||
+ | background-color: #FFF; | ||
+ | color: #000; | ||
+ | filter: drop-shadow(4px 4px 8px #0005); | ||
+ | overflow: hidden !important; | ||
+ | container-type: inline-size; | ||
+ | container-name: dialog-content; | ||
+ | } | ||
+ | |||
+ | .ui-dialog-content > *:nth-child(2) { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace { | ||
+ | margin: 0; | ||
+ | font-size: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background: linear-gradient(to top, #F0F0F0 22px, #FFFFFF 22px); | ||
+ | } | ||
+ | |||
+ | .scribunto-trace *::marker { | ||
+ | content: none; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-of-type(n + 4) a { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Offset the hidden window to offset the starting position in the other direction when opened. It's weird but it works. */ | ||
+ | .ui-dialog { | ||
+ | transform: translate(calc(11rem + 24px - 16vw), calc(75vh - 10cm)); | ||
+ | z-index: -1000 !important; | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 982px) { | ||
+ | .ui-dialog { | ||
+ | transform: translate(calc(12.5rem + 24px - 16vw), calc(75vh - 10cm)); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* CSS can store state by starting a really, really delayed transition */ | ||
+ | .ui-dialog:not([style*="none"]) { | ||
+ | transition: transform 0s 1e20s, z-index 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | /* TODO: can the minimize offset depend on the current window position? */ | ||
+ | .ui-dialog-content { | ||
+ | transform: scale(0.975); | ||
+ | top: calc(37.5vh - 2.5cm); | ||
+ | left: calc(5.5rem + 12px - 20.5vw); | ||
+ | opacity: 0; | ||
+ | transition: transform 0s 1e20s, top 0s 1e20s, left 0s 1e20s, opacity 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 982px) { | ||
+ | .ui-dialog-content { | ||
+ | left: calc(6.25rem + 12px - 20.5vw); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .win-taskbarbutton::before { | ||
+ | background-color: #0F0F0F91; | ||
+ | transition: background-color 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | /* TODO: better taskbar open/close animations */ | ||
+ | .win-taskbarstate { | ||
+ | border-bottom-color: #B3EAFF00; | ||
+ | transition: width 0.125s, border-bottom-color 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | .win-taskbaropen { | ||
+ | width: 40px; | ||
+ | height: 0%; | ||
+ | border-bottom-width: 0px; | ||
+ | transition: width 0s 1e20s, height 0s 1e20s, border-bottom-width 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | .ui-dialog:has(a:focus) { | ||
+ | z-index: 1000 !important; | ||
+ | transform: translate(0, 0); | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | /* TODO: what are the most accurate easing functions? */ | ||
+ | .ui-dialog:has(a:focus) .ui-dialog-content { | ||
+ | transform: scale(1); | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | opacity: 1; | ||
+ | transition: transform 0.25s, top 0.25s, left 0.25s, opacity 0.25s; | ||
+ | } | ||
+ | |||
+ | /* TODO: add these transitions */ | ||
+ | body:has(.ui-dialog a:focus) .win-taskbarbutton::before { | ||
+ | background-color: #4848489B; | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | /* TODO: measure this color? */ | ||
+ | body:has(.ui-dialog a:focus) .win-taskbarstate { | ||
+ | border-bottom-color: #B3EAFFFF; | ||
+ | transition: width 0.125s; | ||
+ | } | ||
+ | |||
+ | body:has(.ui-dialog a:focus) .win-taskbaropen { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border-bottom-width: 2px; | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):hover) .ui-dialog { | ||
+ | transition: transform 0s 0.25s, z-index 0s 0.25s; | ||
+ | } | ||
+ | |||
+ | /* These transitions overshoot to avoid problems with the reversing shortening factor. See https://www.w3.org/TR/css-transitions-1/#reversing */ | ||
+ | body:has(:is(.scribunto-trace > *:nth-child(2), .win-taskbaropen):hover) .ui-dialog-content { | ||
+ | transition: transform 25e3s linear(0, 16 .5e-3%, 20 1e-3%, 20 100%, 1), top 0.25s, left 0.25s, opacity 0.25s; | ||
+ | } | ||
+ | |||
+ | /* TODO: write a better approximation */ | ||
+ | .ui-dialog-content:has(.scribunto-trace > *:nth-child(4):hover) { | ||
+ | transition: transform 25e3s linear(0, 2 1e-3%, 2 100%, 1), top 0s 1e20s, left 0s 1e20s, opacity 0.25s; | ||
+ | } | ||
+ | |||
+ | body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):hover) .win-taskbarbutton::before { | ||
+ | transition: background-color 0.25s; | ||
+ | } | ||
+ | |||
+ | body:has(.scribunto-trace > *:nth-child(4):hover) .win-taskbarstate { | ||
+ | transition: width 0.125s, border-bottom-color 0.25s linear(0, 0 100%, 1); | ||
+ | } | ||
+ | |||
+ | body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):hover) .win-taskbaropen { | ||
+ | transition: width 0.25s linear(0, 1 50%, 1), height 0.25s linear(0, 0 100%, 1), border-bottom-width 0.25s linear(0, 0 100%, 1); | ||
+ | } | ||
+ | |||
+ | /* These just have to be a different end state */ | ||
+ | body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):active) .ui-dialog { | ||
+ | transform: translate(1e20px, 1e20px); | ||
+ | z-index: -500 !important; | ||
+ | transition: transform 0s 1e20s, z-index 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):active) .ui-dialog-content { | ||
+ | transform: scale(0.9); | ||
+ | top: 1e20px; | ||
+ | left: 1e20px; | ||
+ | opacity: 0.5; | ||
+ | transition: transform 0s 1e20s, top 0s 1e20s, left 0s 1e20s, opacity 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):active) .win-taskbarbutton::before { | ||
+ | background-color: #2C2C2C96; | ||
+ | transition: background-color 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):active) .win-taskbarstate { | ||
+ | border-bottom-color: #B3EAFF7F; | ||
+ | transition: width 0.125s, border-bottom-color 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):active) .win-taskbaropen { | ||
+ | width: 50%; | ||
+ | height: 50%; | ||
+ | border-bottom-width: 1px; | ||
+ | transition: width 0s 1e20s, height 0s 1e20s, border-bottom-width 0s 1e20s; | ||
+ | } | ||
+ | |||
+ | /* TODO: should the window start minimized or closed? */ | ||
+ | |||
+ | /* Set initial state (minimized) */ | ||
+ | |||
+ | .ui-dialog[style*="none"] .ui-dialog-content { | ||
+ | transform: scale(0.5); | ||
+ | top: calc(37.5vh - 2.5cm); | ||
+ | left: calc(5.5rem + 12px - 20.5vw); | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 982px) { | ||
+ | .ui-dialog[style*="none"] .ui-dialog-content { | ||
+ | left: calc(6.25rem + 12px - 20.5vw); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | body:not(:has(.ui-dialog:not([style*="none"]))) .win-taskbarstate { | ||
+ | border-bottom-color: #B3EAFFFF; | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | /* Set initial state (closed) */ | ||
+ | |||
+ | /* | ||
+ | .ui-dialog[style*="none"] .ui-dialog-content { | ||
+ | transform: scale(0.95); | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | body:not(:has(.ui-dialog:not([style*="none"]))) .win-taskbarstate { | ||
+ | border-bottom-color: #B3EAFF00; | ||
+ | transition: none; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | /* TODO: also transition the resize elements so they can't be grabbed early */ | ||
+ | |||
+ | #icon { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: -9999px; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(1)::after { | ||
+ | content: "*Untitled - Notepad"; | ||
+ | position: absolute; | ||
+ | top: 6px; | ||
+ | left: 28px; | ||
+ | width: calc(100% - 167px); | ||
+ | height: 16px; | ||
+ | font-size: 9pt; | ||
+ | line-height: 16px; | ||
+ | overflow: hidden; | ||
+ | white-space: nowrap; | ||
+ | text-overflow: ellipsis; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | /* TODO: collapse duplicates */ | ||
+ | .scribunto-trace > *:nth-child(2)::after { | ||
+ | content: "―"; | ||
+ | font-size: 9pt; | ||
+ | text-align: center; | ||
+ | line-height: 29px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | right: 92px; | ||
+ | width: 45px; | ||
+ | height: 29px; | ||
+ | border-left: 2px solid #fff; | ||
+ | color: #000; | ||
+ | transition: background-color 0.25s; | ||
+ | } | ||
+ | |||
+ | /* TODO: this is transparent */ | ||
+ | .scribunto-trace > *:nth-child(2):hover::after { | ||
+ | background-color: #E5E5E5; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(2):active::after { | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(2):active:hover::after { | ||
+ | background-color: #CACACB; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(3)::after { | ||
+ | content: "□︎"; | ||
+ | font-size: 16pt; | ||
+ | text-align: center; | ||
+ | line-height: 20px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | right: 46px; | ||
+ | width: 45px; | ||
+ | height: 29px; | ||
+ | color: #000; | ||
+ | transition: background-color 0.25s; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(3):hover::after { | ||
+ | background-color: #E5E5E5; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(3):active::after { | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(3):active:hover::after { | ||
+ | background-color: #CACACB; | ||
+ | } | ||
+ | |||
+ | /* TODO: what is the right transition time for each button? */ | ||
+ | .scribunto-trace > *:nth-child(4)::after { | ||
+ | content: "✕"; | ||
+ | font-size: 11pt; | ||
+ | text-align: center; | ||
+ | line-height: 29px; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | right: 0px; | ||
+ | width: 45px; | ||
+ | height: 29px; | ||
+ | color: #000; | ||
+ | transition: background-color 0.25s, color 0.25s; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(4):hover::after { | ||
+ | background-color: #E81123; | ||
+ | color: #FFF; | ||
+ | transition: background-color 0.1s, color 0.1s; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(4):active::after { | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(4):active:hover::after { | ||
+ | color: #FFF; | ||
+ | background-color: #F1707A; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(5)::after { | ||
+ | content: ""; | ||
+ | display: inline-block; | ||
+ | position: absolute; | ||
+ | top: 6px; | ||
+ | left: 8px; | ||
+ | width: 16px; | ||
+ | height: 16px; | ||
+ | background: no-repeat -moz-element(#icon); | ||
+ | background: no-repeat element(#icon); | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | @supports not ((background: no-repeat -moz-element(#icon)) or (background: no-repeat element(#icon))) { | ||
+ | .scribunto-trace > *:nth-child(5)::after { | ||
+ | background: radial-gradient(.59px circle at 5.5px 0.5px,#7f939a 100%,#0000),radial-gradient(.59px circle at 7.5px 0.5px,#7f939a 100%,#0000),radial-gradient(.59px circle at 9.5px 0.5px,#7f939a 100%,#0000),radial-gradient(.59px circle at 11.5px 0.5px,#7f939a 100%,#0000),radial-gradient(.59px circle at 13.5px 0.5px,#7f939a 100%,#0000),radial-gradient(.59px circle at 3.5px 1.5px,#9bd2ded4 100%,#0000),radial-gradient(.59px circle at 4.5px 1.5px,#465256 100%,#0000),radial-gradient(.59px circle at 5.5px 1.5px,#c8e5ec 100%,#0000),radial-gradient(.59px circle at 6.5px 1.5px,#454f53 100%,#0000),radial-gradient(.59px circle at 7.5px 1.5px,#bee0e9 100%,#0000),radial-gradient(.59px circle at 8.5px 1.5px,#454f53 100%,#0000),radial-gradient(.59px circle at 9.5px 1.5px,#b1dbe5 100%,#0000),radial-gradient(.59px circle at 10.5px 1.5px,#454f53 100%,#0000),radial-gradient(.59px circle at 11.5px 1.5px,#a4d5e1 100%,#0000),radial-gradient(.59px circle at 12.5px 1.5px,#454f53 100%,#0000),radial-gradient(.59px circle at 13.5px 1.5px,#8cc8d5 100%,#0000),radial-gradient(.59px circle at 14.5px 1.5px,#8dc4d0 100%,#0000),radial-gradient(.59px circle at 15.5px 1.5px,#a48a5080 100%,#0000),radial-gradient(.59px circle at 2.5px 2.5px,#c6e5ec0e 100%,#0000),radial-gradient(.59px circle at 3.5px 2.5px,#8eccdae7 100%,#0000),radial-gradient(.59px circle at 4.5px 2.5px,#dceef3 100%,#0000),radial-gradient(.59px circle at 5.5px 2.5px,#d7ecf1 100%,#0000),radial-gradient(.59px circle at 6.5px 2.5px,#d0e9ef 100%,#0000),radial-gradient(.59px circle at 7.5px 2.5px,#c9e6ed 100%,#0000),radial-gradient(.59px circle at 8.5px 2.5px,#c1e3eb 100%,#0000),radial-gradient(.59px circle at 9.5px 2.5px,#b8dfe8 100%,#0000),radial-gradient(.59px circle at 10.5px 2.5px,#afdbe5 100%,#0000),radial-gradient(.59px circle at 11.5px 2.5px,#a5d6e1 100%,#0000),radial-gradient(.59px circle at 12.5px 2.5px,#9dd2de 100%,#0000),radial-gradient(.59px circle at 13.5px 2.5px,#84c1ce 100%,#0000),radial-gradient(.59px circle at 14.5px 2.5px,#8bc3cf 100%,#0000),radial-gradient(.59px circle at 15.5px 2.5px,#918461 100%,#0000),radial-gradient(.59px circle at 2.5px 3.5px,#a5d6e143 100%,#0000),radial-gradient(.59px circle at 3.5px 3.5px,#97d0dcd8 100%,#0000),radial-gradient(.59px circle at 4.5px 3.5px,#daedf1 100%,#0000),radial-gradient(.59px circle at 5.5px 3.5px,#d5eaf1 100%,#0000),radial-gradient(.59px circle at 6.5px 3.5px,#cee7ee 100%,#0000),radial-gradient(.59px circle at 7.5px 3.5px,#c6e4ec 100%,#0000),radial-gradient(.59px circle at 8.5px 3.5px,#bee1e9 100%,#0000),radial-gradient(.59px circle at 9.5px 3.5px,#b5dde6 100%,#0000),radial-gradient(.59px circle at 10.5px 3.5px,#addae3 100%,#0000),radial-gradient(.59px circle at 11.5px 3.5px,#a3d6e0 100%,#0000),radial-gradient(.59px circle at 12.5px 3.5px,#9ad0dd 100%,#0000),radial-gradient(.59px circle at 13.5px 3.5px,#80bdcb 100%,#0000),radial-gradient(.59px circle at 14.5px 3.5px,#9dccd7 100%,#0000),radial-gradient(.59px circle at 15.5px 3.5px,#918461 100%,#0000),radial-gradient(.59px circle at 2.5px 4.5px,#97d0dc85 100%,#0000),radial-gradient(.59px circle at 3.5px 4.5px,#a6d6e1c2 100%,#0000),radial-gradient(.59px circle at 4.5px 4.5px,#c8dee3 100%,#0000),radial-gradient(.59px circle at 5.5px 4.5px,#c3dde2 100%,#0000),radial-gradient(.59px circle at 6.5px 4.5px,#bedae0 100%,#0000),radial-gradient(.59px circle at 7.5px 4.5px,#b6d6de 100%,#0000),radial-gradient(.59px circle at 8.5px 4.5px,#afd3db 100%,#0000),radial-gradient(.59px circle at 9.5px 4.5px,#a7cfd8 100%,#0000),radial-gradient(.59px circle at 10.5px 4.5px,#9fcdd6 100%,#0000),radial-gradient(.59px circle at 11.5px 4.5px,#96c8d3 100%,#0000),radial-gradient(.59px circle at 12.5px 4.5px,#8bc3cf 100%,#0000),radial-gradient(.59px circle at 13.5px 4.5px,#71aebb 100%,#0000),radial-gradient(.59px circle at 14.5px 4.5px,#a8cdd5 100%,#0000),radial-gradient(.59px circle at 15.5px 4.5px,#918461 100%,#0000),radial-gradient(.59px circle at 2.5px 5.5px,#8fcddabc 100%,#0000),radial-gradient(.59px circle at 3.5px 5.5px,#b2dce5af 100%,#0000),radial-gradient(.59px circle at 4.5px 5.5px,#d2eaf0 100%,#0000),radial-gradient(.59px circle at 5.5px 5.5px,#cde8ee 100%,#0000),radial-gradient(.59px circle at 6.5px 5.5px,#c7e6ed 100%,#0000),radial-gradient(.59px circle at 7.5px 5.5px,#c0e2e9 100%,#0000),radial-gradient(.59px circle at 8.5px 5.5px,#b7dfe7 100%,#0000),radial-gradient(.59px circle at 9.5px 5.5px,#afdbe4 100%,#0000),radial-gradient(.59px circle at 10.5px 5.5px,#a6d7e1 100%,#0000),radial-gradient(.59px circle at 11.5px 5.5px,#9dd3df 100%,#0000),radial-gradient(.59px circle at 12.5px 5.5px,#91cddb 100%,#0000),radial-gradient(.59px circle at 13.5px 5.5px,#73b3c2 100%,#0000),radial-gradient(.59px circle at 14.5px 5.5px,#d0e8ed 100%,#0000),radial-gradient(.59px circle at 15.5px 5.5px,#918461 100%,#0000),radial-gradient(.59px circle at 2.5px 6.5px,#8acad8df 100%,#0000),radial-gradient(.59px circle at 3.5px 6.5px,#bbdfe99e 100%,#0000),radial-gradient(.59px circle at 4.5px 6.5px,#c1dce2 100%,#0000),radial-gradient(.59px circle at 5.5px 6.5px,#bcd9e0 100%,#0000),radial-gradient(.59px circle at 6.5px 6.5px,#b6d6de 100%,#0000),radial-gradient(.59px circle at 7.5px 6.5px,#aed3db 100%,#0000),radial-gradient(.59px circle at 8.5px 6.5px,#a8cfd9 100%,#0000),radial-gradient(.59px circle at 9.5px 6.5px,#a0cdd7 100%,#0000),radial-gradient(.59px circle at 10.5px 6.5px,#96c8d4 100%,#0000),radial-gradient(.59px circle at 11.5px 6.5px,#8fc5d2 100%,#0000),radial-gradient(.59px circle at 12.5px 6.5px,#83c0cd 100%,#0000),radial-gradient(.59px circle at 13.5px 6.5px,#68a6b5 100%,#0000),radial-gradient(.59px circle at 14.5px 6.5px,#dfe9ec 100%,#0000),radial-gradient(.59px circle at 15.5px 6.5px,#918461 100%,#0000),radial-gradient(.59px circle at 1.5px 7.5px,#8ccbd90b 100%,#0000),radial-gradient(.59px circle at 2.5px 7.5px,#8bcbd9e1 100%,#0000),radial-gradient(.59px circle at 3.5px 7.5px,#b3dde69f 100%,#0000),radial-gradient(.59px circle at 4.5px 7.5px,#cae7ed 100%,#0000),radial-gradient(.59px circle at 5.5px 7.5px,#c5e4eb 100%,#0000),radial-gradient(.59px circle at 6.5px 7.5px,#bee1e9 100%,#0000),radial-gradient(.59px circle at 7.5px 7.5px,#b6dee7 100%,#0000),radial-gradient(.59px circle at 8.5px 7.5px,#afdae4 100%,#0000),radial-gradient(.59px circle at 9.5px 7.5px,#a6d7e1 100%,#0000),radial-gradient(.59px circle at 10.5px 7.5px,#9ed3de 100%,#0000),radial-gradient(.59px circle at 11.5px 7.5px,#95cfdd 100%,#0000),radial-gradient(.59px circle at 12.5px 7.5px,#86c7d4 100%,#0000),radial-gradient(.59px circle at 13.5px 7.5px,#77b6c4 100%,#0000),radial-gradient(.59px circle at 14.5px 7.5px,#fdfefe 100%,#0000),radial-gradient(.59px circle at 15.5px 7.5px,#918461 100%,#0000),radial-gradient(.59px circle at 1.5px 8.5px,#8dcbd94a 100%,#0000),radial-gradient(.59px circle at 2.5px 8.5px,#94cfdcce 100%,#0000),radial-gradient(.59px circle at 3.5px 8.5px,#abd9e3a0 100%,#0000),radial-gradient(.59px circle at 4.5px 8.5px,#b9d8df 100%,#0000),radial-gradient(.59px circle at 5.5px 8.5px,#b2d5dd 100%,#0000),radial-gradient(.59px circle at 6.5px 8.5px,#acd2da 100%,#0000),radial-gradient(.59px circle at 7.5px 8.5px,#a6cfd8 100%,#0000),radial-gradient(.59px circle at 8.5px 8.5px,#9eccd6 100%,#0000),radial-gradient(.59px circle at 9.5px 8.5px,#96c8d4 100%,#0000),radial-gradient(.59px circle at 10.5px 8.5px,#8fc4d1 100%,#0000),radial-gradient(.59px circle at 11.5px 8.5px,#85c2ce 100%,#0000),radial-gradient(.59px circle at 12.5px 8.5px,#7ab6c5 100%,#0000),radial-gradient(.59px circle at 13.5px 8.5px,#7bb2bf 100%,#0000),radial-gradient(.59px circle at 14.5px 8.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 15.5px 8.5px,#918461 100%,#0000),radial-gradient(.59px circle at 1.5px 9.5px,#8bcbd98a 100%,#0000),radial-gradient(.59px circle at 2.5px 9.5px,#9dd2deb7 100%,#0000),radial-gradient(.59px circle at 3.5px 9.5px,#a4d5e0a1 100%,#0000),radial-gradient(.59px circle at 4.5px 9.5px,#c1e4ea 100%,#0000),radial-gradient(.59px circle at 5.5px 9.5px,#bae0e8 100%,#0000),radial-gradient(.59px circle at 6.5px 9.5px,#b3dce6 100%,#0000),radial-gradient(.59px circle at 7.5px 9.5px,#abdae3 100%,#0000),radial-gradient(.59px circle at 8.5px 9.5px,#a4d6e0 100%,#0000),radial-gradient(.59px circle at 9.5px 9.5px,#9cd2df 100%,#0000),radial-gradient(.59px circle at 10.5px 9.5px,#93cedb 100%,#0000),radial-gradient(.59px circle at 11.5px 9.5px,#89cbd8 100%,#0000),radial-gradient(.59px circle at 12.5px 9.5px,#7fbecd 100%,#0000),radial-gradient(.59px circle at 13.5px 9.5px,#95c7d3 100%,#0000),radial-gradient(.59px circle at 14.5px 9.5px,#ffffff 100%,#0000),radial-gradient(.59px circle at 15.5px 9.5px,#918461 100%,#0000),radial-gradient(.59px circle at 1.5px 10.5px,#87c9d7c3 100%,#0000),radial-gradient(.59px circle at 2.5px 10.5px,#a3d5e0a1 100%,#0000),radial-gradient(.59px circle at 3.5px 10.5px,#9dd2dea2 100%,#0000),radial-gradient(.59px circle at 4.5px 10.5px,#afd4dc 100%,#0000),radial-gradient(.59px circle at 5.5px 10.5px,#aad1da 100%,#0000),radial-gradient(.59px circle at 6.5px 10.5px,#a3ced7 100%,#0000),radial-gradient(.59px circle at 7.5px 10.5px,#9bccd5 100%,#0000),radial-gradient(.59px circle at 8.5px 10.5px,#95c8d3 100%,#0000),radial-gradient(.59px circle at 9.5px 10.5px,#8dc4d1 100%,#0000),radial-gradient(.59px circle at 10.5px 10.5px,#85c1ce 100%,#0000),radial-gradient(.59px circle at 11.5px 10.5px,#7bbccc 100%,#0000),radial-gradient(.59px circle at 12.5px 10.5px,#73afbe 100%,#0000),radial-gradient(.59px circle at 13.5px 10.5px,#a1c8d1 100%,#0000),radial-gradient(.59px circle at 14.5px 10.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 15.5px 10.5px,#918461 100%,#0000),radial-gradient(.59px circle at 1.5px 11.5px,#85c8d7df 100%,#0000),radial-gradient(.59px circle at 2.5px 11.5px,#9ed3df96 100%,#0000),radial-gradient(.59px circle at 3.5px 11.5px,#96cfdda4 100%,#0000),radial-gradient(.59px circle at 4.5px 11.5px,#b6dee6 100%,#0000),radial-gradient(.59px circle at 5.5px 11.5px,#aedae4 100%,#0000),radial-gradient(.59px circle at 6.5px 11.5px,#a7d7e2 100%,#0000),radial-gradient(.59px circle at 7.5px 11.5px,#9fd4e0 100%,#0000),radial-gradient(.59px circle at 8.5px 11.5px,#97d0dc 100%,#0000),radial-gradient(.59px circle at 9.5px 11.5px,#8fcdda 100%,#0000),radial-gradient(.59px circle at 10.5px 11.5px,#87c9d8 100%,#0000),radial-gradient(.59px circle at 11.5px 11.5px,#7dc4d4 100%,#0000),radial-gradient(.59px circle at 12.5px 11.5px,#77b6c5 100%,#0000),radial-gradient(.59px circle at 13.5px 11.5px,#cbe4ea 100%,#0000),radial-gradient(.59px circle at 14.5px 11.5px,#ffffff 100%,#0000),radial-gradient(.59px circle at 15.5px 11.5px,#918461 100%,#0000),radial-gradient(.59px circle at 0.5px 12.5px,#80c6d518 100%,#0000),radial-gradient(.59px circle at 1.5px 12.5px,#89cad8da 100%,#0000),radial-gradient(.59px circle at 2.5px 12.5px,#9ed3df97 100%,#0000),radial-gradient(.59px circle at 3.5px 12.5px,#9bd2dea5 100%,#0000),radial-gradient(.59px circle at 4.5px 12.5px,#acd2da 100%,#0000),radial-gradient(.59px circle at 5.5px 12.5px,#a6cfd8 100%,#0000),radial-gradient(.59px circle at 6.5px 12.5px,#a0cdd7 100%,#0000),radial-gradient(.59px circle at 7.5px 12.5px,#99cad5 100%,#0000),radial-gradient(.59px circle at 8.5px 12.5px,#92c6d2 100%,#0000),radial-gradient(.59px circle at 9.5px 12.5px,#8bc4d1 100%,#0000),radial-gradient(.59px circle at 10.5px 12.5px,#86c1ce 100%,#0000),radial-gradient(.59px circle at 11.5px 12.5px,#7dbecb 100%,#0000),radial-gradient(.59px circle at 12.5px 12.5px,#6aa7b6 100%,#0000),radial-gradient(.59px circle at 13.5px 12.5px,#d9e6e9 100%,#0000),radial-gradient(.59px circle at 14.5px 12.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 15.5px 12.5px,#918461 100%,#0000),radial-gradient(.59px circle at 0.5px 13.5px,#80c6d551 100%,#0000),radial-gradient(.59px circle at 1.5px 13.5px,#84c8d6 100%,#0000),radial-gradient(.59px circle at 2.5px 13.5px,#89cad8 100%,#0000),radial-gradient(.59px circle at 3.5px 13.5px,#8fcdda 100%,#0000),radial-gradient(.59px circle at 4.5px 13.5px,#91cedb 100%,#0000),radial-gradient(.59px circle at 5.5px 13.5px,#90cddb 100%,#0000),radial-gradient(.59px circle at 6.5px 13.5px,#90cdda 100%,#0000),radial-gradient(.59px circle at 7.5px 13.5px,#8ecdda 100%,#0000),radial-gradient(.59px circle at 8.5px 13.5px,#8eccd9 100%,#0000),radial-gradient(.59px circle at 9.5px 13.5px,#92cedb 100%,#0000),radial-gradient(.59px circle at 10.5px 13.5px,#92cedb 100%,#0000),radial-gradient(.59px circle at 11.5px 13.5px,#8ecbd9 100%,#0000),radial-gradient(.59px circle at 12.5px 13.5px,#76b8c7 100%,#0000),radial-gradient(.59px circle at 13.5px 13.5px,#ffffff 100%,#0000),radial-gradient(.59px circle at 14.5px 13.5px,#ffffff 100%,#0000),radial-gradient(.59px circle at 15.5px 13.5px,#918461 100%,#0000),radial-gradient(.59px circle at 4.5px 14.5px,#dbdee0 100%,#0000),radial-gradient(.59px circle at 5.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 6.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 7.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 8.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 9.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 10.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 11.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 12.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 13.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 14.5px 14.5px,#eef1f1 100%,#0000),radial-gradient(.59px circle at 15.5px 14.5px,#918461 100%,#0000),radial-gradient(.59px circle at 4.5px 15.5px,#918461b2 100%,#0000),radial-gradient(.59px circle at 5.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 6.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 7.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 8.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 9.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 10.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 11.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 12.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 13.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 14.5px 15.5px,#918461 100%,#0000),radial-gradient(.59px circle at 15.5px 15.5px,#a48a5080 100%,#0000); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* TODO: try & selector */ | ||
+ | .scribunto-trace > *:nth-child(n + 6):nth-child(-n + 10) { | ||
+ | border: 1px solid #0000; | ||
+ | padding-left: 6px; | ||
+ | padding-right: 6px; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(n + 6):nth-child(-n + 10):hover { | ||
+ | background-color: #E5F3FF; | ||
+ | border-color: #CCE8FF; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(n + 6):nth-child(-n + 10):active { | ||
+ | background-color: #CCE8FF; | ||
+ | border-color: #99D1FF; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(n + 6):nth-child(-n + 10)::after { | ||
+ | font-size: 9pt; | ||
+ | line-height: 17px; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(6)::after { | ||
+ | content: "File"; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(7)::after { | ||
+ | content: "Edit"; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(8)::after { | ||
+ | content: "Format"; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(9)::after { | ||
+ | content: "View"; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(10)::after { | ||
+ | content: "Help"; | ||
+ | } | ||
+ | |||
+ | .ui-dialog-content > *:nth-child(1) { | ||
+ | margin: 0; | ||
+ | border-bottom: 1px solid #D7D7D7; | ||
+ | border-top: 2px solid #F0F0F0; | ||
+ | font-family: "Monospace", Consolas, monospace; | ||
+ | overflow: scroll; | ||
+ | padding-left: 4px; | ||
+ | white-space: pre; | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | bottom: 22px; | ||
+ | width: calc(100% - 4px); | ||
+ | height: calc(100% - 73px); | ||
+ | font-size: 14.55px; | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | |||
+ | .ui-dialog-content > *:nth-child(1)::before { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | margin-bottom: -18px; | ||
+ | } | ||
+ | |||
+ | /* TODO: try to find something better than measurements */ | ||
+ | |||
+ | @container dialog-content (width < 195.7px) { | ||
+ | .ui-dialog-content > *:nth-child(1) { | ||
+ | height: calc(100% - 92px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @container dialog-content (width < 117.6px) { | ||
+ | .ui-dialog-content > *:nth-child(1) { | ||
+ | height: calc(100% - 111px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @container dialog-content (width < 78.1px) { | ||
+ | .ui-dialog-content > *:nth-child(1) { | ||
+ | height: calc(100% - 130px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @container dialog-content (width < 66.1px) { | ||
+ | .ui-dialog-content > *:nth-child(1) { | ||
+ | height: calc(100% - 149px); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(n + 11):nth-child(-n + 13) { | ||
+ | position: absolute; | ||
+ | bottom: 1px; | ||
+ | height: 20px; | ||
+ | border-left: 1px solid #D7D7D7; | ||
+ | padding-left: 8px; | ||
+ | background-color: #F0F0F0; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(n + 11):nth-child(-n + 13)::after { | ||
+ | font-size: 9pt; | ||
+ | } | ||
+ | |||
+ | /* TODO: implement the "snapping" behavior with @container? */ | ||
+ | .scribunto-trace > *:nth-child(11) { | ||
+ | right: min(241px, calc(100% - 47px)); | ||
+ | width: 41px; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(11)::after { | ||
+ | content: "100%"; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(12) { | ||
+ | right: min(121px, calc(100% - 117px)); | ||
+ | width: 111px; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(12)::after { | ||
+ | content: "Windows (CRLF)"; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(13) { | ||
+ | right: min(0px, calc(100% - 117px)); | ||
+ | width: 112px; | ||
+ | } | ||
+ | |||
+ | .scribunto-trace > *:nth-child(13)::after { | ||
+ | content: "UTF-8"; | ||
+ | } | ||
+ | |||
+ | /* TODO: try -moz-element for this? */ | ||
+ | .scribunto-trace > *:nth-child(14) { | ||
+ | position: absolute; | ||
+ | bottom: 2px; | ||
+ | right: 2px; | ||
+ | width: 8px; | ||
+ | height: 8px; | ||
+ | background: radial-gradient(1px circle at 7px 1px,#bfbfbf 100%,#0000),radial-gradient(1px circle at 4px 4px,#bfbfbf 100%,#0000),radial-gradient(1px circle at 7px 4px,#bfbfbf 100%,#0000),radial-gradient(1px circle at 1px 7px,#bfbfbf 100%,#0000),radial-gradient(1px circle at 4px 7px,#bfbfbf 100%,#0000),radial-gradient(1px circle at 7px 7px,#bfbfbf 100%,#0000); | ||
+ | } | ||
+ | |||
+ | } | ||
+ | /* compatibility version */ | ||
+ | @supports not selector(body:has(div)) { | ||
+ | |||
.win-window, .win-window td { | .win-window, .win-window td { | ||
background-color: #FFF; | background-color: #FFF; | ||
Line 182: | Line 855: | ||
.win-taskbarclose { | .win-taskbarclose { | ||
border-color: #0000; | border-color: #0000; | ||
+ | } | ||
+ | |||
} | } | ||
}} | }} | ||
− | <div class=" | + | <div class="compatibility-collapsible-version"> |
<div class="win-taskbarbutton mw-collapsible mw-collapsed mw-customtoggle-notepadclose" id="mw-customcollapsible-notepadclose"> | <div class="win-taskbarbutton mw-collapsible mw-collapsed mw-customtoggle-notepadclose" id="mw-customcollapsible-notepadclose"> | ||
<div class="win-taskbarclose">[[File:Notepad24.png|24x24px|middle|link=]]</div> | <div class="win-taskbarclose">[[File:Notepad24.png|24x24px|middle|link=]]</div> | ||
Line 203: | Line 878: | ||
<!--Can't use textarea :(--> | <!--Can't use textarea :(--> | ||
<div class="win-textinput"><nowiki>The '''nerpa''' ''(Pusa sibirica)'', '''нерпа''' in [[Cyrillic]], '''νερπα''' in the Greek [[alphabet]], or '''Baikal seal''', is a rotten [[pinniped]] found only in [[Lake Baikal]], though rogue satellite populations exist in thresholds such as [[Toba Aquarium]]. It is the smallest and only purely freshwater species of [[seal]] in the world (other freshwater seal populations exist, but they are either subspecies or only partly freshwater). | <div class="win-textinput"><nowiki>The '''nerpa''' ''(Pusa sibirica)'', '''нерпа''' in [[Cyrillic]], '''νερπα''' in the Greek [[alphabet]], or '''Baikal seal''', is a rotten [[pinniped]] found only in [[Lake Baikal]], though rogue satellite populations exist in thresholds such as [[Toba Aquarium]]. It is the smallest and only purely freshwater species of [[seal]] in the world (other freshwater seal populations exist, but they are either subspecies or only partly freshwater). | ||
− | Nerpas are considered one of the [[Ugly|ugliest]] damn things ever. Their bulging [[Eye|eyes]], their wrinkled faces, their stink of [[gasoline]]. They just sit around doing nothing except taking up space. For these reasons, many are looking forward to the [[total seal extinction]] event | + | Nerpas are considered one of the [[Ugly|ugliest]] damn things ever. Their bulging [[Eye|eyes]], their wrinkled faces, their stink of [[gasoline]]. They just sit around doing nothing except taking up space. For these reasons, many are looking forward to the [[total seal extinction]] event. |
− | |||
− | |||
== Trivia == | == Trivia == | ||
Line 213: | Line 886: | ||
<tr><td></td><td class="win-percentage">100%</td><td class="win-eol">Windows (CRLF)</td><td class="win-encoding">UTF-8</td></tr> | <tr><td></td><td class="win-percentage">100%</td><td class="win-eol">Windows (CRLF)</td><td class="win-encoding">UTF-8</td></tr> | ||
</table> | </table> | ||
− | </div> | + | </div></div></div></div> |
− | </div> | + | |
− | </div> | + | <noinclude>[[Category:Pages with intentional script errors]][[Category:Pages that don't even remotely resemble a Wikipedia article]]</noinclude> |
− | <noinclude>[[Category:Pages that don't even remotely resemble a Wikipedia article]]</noinclude> |
Latest revision as of 04:17, 26 May 2024
The Notepad™ is a handheld PDA device used by composers to write music notation anywhere they go.

![]() | ― | ◻︎ | ✕ |
The '''nerpa''' ''(Pusa sibirica)'', '''нерпа''' in [[Cyrillic]], '''νερπα''' in the Greek [[alphabet]], or '''Baikal seal''', is a rotten [[pinniped]] found only in [[Lake Baikal]], though rogue satellite populations exist in thresholds such as [[Toba Aquarium]]. It is the smallest and only purely freshwater species of [[seal]] in the world (other freshwater seal populations exist, but they are either subspecies or only partly freshwater).
Nerpas are considered one of the [[Ugly|ugliest]] damn things ever. Their bulging [[Eye|eyes]], their wrinkled faces, their stink of [[gasoline]]. They just sit around doing nothing except taking up space. For these reasons, many are looking forward to the [[total seal extinction]] event.
== Trivia ==
* Nerpa comes from the Russian ''нерпа'' (''nerpa''), which comes from the Finnish ''norppa'', somehow meaning [[ringed seal]].
100% | Windows (CRLF) | UTF-8 |