Difference between revisions of "Notepad"

From The Wiki Camp 2
Jump to navigation Jump to search
(I've decided that the interactive window rework is ready! There's still some things I want to fix, though.)
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>
−
.win-window, .win-window td {
+
<div id="icon">[[File:Notepad16.png|16x16px|top|link=]]</div>
−
background-color: #FFF;
+
<div class="win-taskbar"></div>
−
color: #000;
+
<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. However, [[Niko|one nerpa]] has managed to lead [[Tobaland|an entire country]] as their king, causing many countries to plan an attack on them, or even better, begin the total seal extinction event earlier than expected, with hopes to liberate all peoples of The Wiki Camp 2.
 +
 
 +
The stink of nerpas is the 92nd of the [[92 Wonders of the Natural World]].
 +
 
 +
== 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>
 +
{{#css:
 +
 
 +
.win-taskbar {
 +
  background-color: #101010;
 +
  bottom: 0;
 +
  height: 40px;
 +
  left: 0;
 +
  position: fixed;
 +
  width: 100%;
 +
  z-index: 2000;
 +
  user-select: 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;
 
}
 
}
−
.win-window {
+
 
−
border: 1px solid #707070;
+
/* specificity hacking... */
−
filter: drop-shadow(4px 4px 8px #0005);
+
.ui-dialog-titlebar.ui-dialog-titlebar.ui-dialog-titlebar {
−
font-family: "Segoe UI", sans-serif;
+
  background: none !important;
−
font-size: 9pt;
+
  padding: 0 !important;
−
height: 10cm;
+
  cursor: auto;
−
left: 16%;
+
  user-select: none;
−
position: fixed;
+
  border-radius: 0;
−
top: 25%;
+
  font-size: 0;
−
width: 50%;
+
  position: absolute;
 +
  z-index: 1;
 +
  width: calc(100% - 142px);
 +
  height: 29px;
 +
  border: 1px solid transparent;
 
}
 
}
−
/*As far as I can tell, animating the mw-collapse isn't possible, except maybe with transition-behavior (haven't tested), which doesn't work on Firefox.*/
+
 
−
/*div[style="display: none;"] .win-window {
+
.ui-dialog-titlebar-close {
−
}*/
+
  display: none;
−
.win-window table {
 
−
border-spacing: 0;
 
 
}
 
}
−
.win-window td {
+
 
−
padding: 0;
+
.ui-dialog-content.ui-dialog-content.ui-dialog-content {
 +
  padding: 0;
 +
  padding-top: 30px;
 +
  border: 1px solid #707070;
 +
  width: calc(100% - 2px) !important;
 +
  height: calc(100% - 32px) !important;
 +
  background-color: #FFF;
 +
  filter: drop-shadow(4px 4px 8px #0005);
 +
  overflow: hidden !important;
 +
  container-type: inline-size;
 +
  container-name: dialog-content;
 
}
 
}
−
.win-window .vcenter {
+
 
−
align-items: center;
+
.ui-dialog-content > *:nth-child(2) {
−
display: flex;
+
  display: none;
 
}
 
}
−
.win-menubar, .win-titlebar, .win-footerthing {
+
 
−
user-select: none;
+
.scribunto-trace {
 +
  margin: 0;
 +
  font-size: 0;
 +
  color: #000;
 +
  width: 100%;
 +
  height: 100%;
 +
  background: linear-gradient(to top, #F0F0F0 22px, #FFFFFF 22px);
 
}
 
}
−
.win-titlebar {
+
 
−
padding-left: 8px;
+
.scribunto-trace *::marker {
−
width: 100%;
+
  content: none;
 
}
 
}
−
.win-titlebar td {
+
 
−
border-bottom: 1px solid #0000;
+
.scribunto-trace > *:nth-of-type(n + 4) a {
−
height: 29px;
+
  display: none;
 
}
 
}
−
.win-title {
+
 
−
white-space: nowrap;
+
/* 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;
 
}
 
}
−
.win-titlebar img {
+
 
−
padding-right: 4px;
+
@media screen and (min-width: 982px) {
 +
  .ui-dialog {
 +
    transform: translate(calc(12.5rem + 24px - 16vw), calc(75vh - 10cm));
 +
  }
 
}
 
}
−
.win-minbutton, .win-maxbutton, .win-closebutton {
+
 
−
cursor: unset;
+
/* CSS can store state by starting a really, really delayed transition */
−
text-align: center;
+
.ui-dialog:not([style*="none"]) {
−
transition: 0.1s linear;
+
  transition: transform 0s 1e20s, z-index 0s 1e20s;
−
width: 45px;
 
 
}
 
}
−
.win-minbutton:hover, .win-maxbutton:hover {
+
 
−
background-color: #E5E5E5;
+
.ui-dialog-content {
 +
  transform: scale(0.5);
 +
  opacity: 0;
 +
  transition: transform 0s 1e20s, opacity 0s 1e20s;
 
}
 
}
−
.win-minbutton:active, .win-maxbutton:active {
+
 
−
background-color: #CACACB;
+
.win-taskbarbutton::before {
−
transition: none;
+
  background-color: #0F0F0F91;
 +
  transition: background-color 0s 1e20s;
 
}
 
}
−
.win-closebutton:hover {
+
 
−
background-color: #E81123;
+
/* TODO: better taskbar open/close animations */
−
color: #FFF;
+
.win-taskbarstate {
 +
  border-bottom-color: #B3EAFF00;
 +
  transition: width 0.125s, border-bottom-color 0s 1e20s;
 
}
 
}
−
.win-closebutton:active {
+
 
−
color: #FFF;
+
.win-taskbaropen {
−
background-color: #F1707A;
+
  width: 40px;
−
transition: none;
+
  height: 0%;
 +
  border-bottom-width: 0px;
 +
  transition: width 0s 1e20s, height 0s 1e20s, border-bottom-width 0s 1e20s;
 
}
 
}
−
.win-maxbutton {
+
 
−
border-left: 1px solid #0000;
+
/* TODO: should depend on minimzed/closed state */
−
border-right: 1px solid #0000;
+
.ui-dialog:has(a:focus) {
 +
  z-index: 1000 !important;
 +
  transform: translate(0, 0);
 +
  transition: none;
 
}
 
}
−
.win-menubar {
+
 
−
border-bottom: 1px solid #F0F0F0;
+
.ui-dialog:has(a:focus) .ui-dialog-content {
 +
  transform: scale(1);
 +
  opacity: 1;
 +
  transition: transform 0.25s linear(0, 0.9 0%, 1), opacity 0.25s;
 
}
 
}
−
.win-menubar div {
+
 
−
border: 1px solid #0000;
+
/* TODO: add these transitions */
−
padding-left: 6px;
+
body:has(.ui-dialog a:focus) .win-taskbarbutton::before {
−
padding-right: 6px;
+
  background-color: #4848489B;
−
display: inline-block;
+
  transition: none;
 
}
 
}
−
/*The border should actually extend 1px into the grey separator bar thing, but I dunno how to do that.*/
+
 
−
.win-menubar div:hover {
+
/* TODO: measure this color? */
−
background-color: #E5F3FF;
+
body:has(.ui-dialog a:focus) .win-taskbarstate {
−
border-color: #CCE8FF;
+
  border-bottom-color: #B3EAFFFF;
 +
  transition: width 0.125s;
 
}
 
}
−
.win-resizable {
+
 
−
display: flex;
+
body:has(.ui-dialog a:focus) .win-taskbaropen {
−
flex-flow: column;
+
  width: 100%;
−
overflow: hidden;
+
  height: 100%;
−
resize: both;
+
  border-bottom-width: 2px;
 +
  transition: none;
 
}
 
}
−
.win-textinput {
+
 
−
border-bottom: 1px solid #D7D7D7;
+
body:has(:is(.scribunto-trace > *:nth-child(2), .win-taskbaropen):hover) .ui-dialog {
−
border-top: 1px solid #F0F0F0;
+
  transition: transform 0.25s, z-index 0s 0.25s;
−
flex-grow: 1;
 
−
font-family: "Monospace", Consolas, monospace;
 
−
font-size: 12pt;
 
−
overflow: scroll;
 
−
padding-left: 4px;
 
−
white-space: pre;
 
 
}
 
}
−
.win-footerthing {
+
 
−
border: 1px solid #F0F0F0;
+
.ui-dialog:has(.scribunto-trace > *:nth-child(4):hover) {
 +
  transition: transform 0s 0.25s, z-index 0s 0.25s;
 
}
 
}
−
.win-footerthing td {
+
 
−
background-color: #F0F0F0;
+
body:has(:is(.scribunto-trace > *:nth-child(2), .win-taskbaropen):hover) .ui-dialog-content {
−
border-left: 1px solid #D7D7D7;
+
  transition: transform 0.25s, opacity 0.25s;
−
padding-left: 8px;
+
}
−
white-space: pre;
+
 
 +
.ui-dialog-content:has(.scribunto-trace > *:nth-child(4):hover) {
 +
  transition: transform 0.25s linear(0, 0.1 100%, 1), opacity 0.25s;
 
}
 
}
−
.win-footerthing td:first-child {
+
 
−
border-left: none;
+
body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):hover) .win-taskbarbutton::before {
 +
  transition: background-color 0.25s;
 
}
 
}
−
.win-percentage {
+
 
−
width: 41px;
+
body:has(.scribunto-trace > *:nth-child(4):hover) .win-taskbarstate {
 +
  transition: width 0.125s, border-bottom-color 0.25s linear(0, 0 100%, 1);
 
}
 
}
−
.win-eol {
+
 
−
width: 111px;
+
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);
 
}
 
}
−
.win-encoding {
+
 
−
width: 112px;
+
/* 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;
 
}
 
}
  
−
.win-taskbar {
+
body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):active) .ui-dialog-content {
−
background-color: #101010;
+
  transform: scale(0.7);
−
bottom: 0;
+
  opacity: 0.5;
−
height: 40px;
+
  transition: transform 0s 1e20s, opacity 0s 1e20s;
−
left: 0;
+
}
−
position: fixed;
+
 
−
width: 100%;
+
body:has(:is(.scribunto-trace > *:is(:nth-child(2), :nth-child(4)), .win-taskbaropen):active) .win-taskbarbutton::before {
−
z-index: 1;
+
  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: also transition the resize elements so they can't be grabbed early */
 +
 
 +
#icon {
 +
  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;
 +
}
 +
 
 +
.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)::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;
 
}
 
}
−
.win-taskbarbutton, .win-taskbarbutton-open {
+
 
−
align-items: center;
+
/* TODO: try to find something better than measurements */
−
bottom: 0;
+
 
−
cursor: unset;
+
@container dialog-content (width < 195.7px) {
−
display: flex;
+
  .ui-dialog-content > *:nth-child(1) {
−
height: 40px;
+
    height: calc(100% - 92px);
−
justify-content: center;
+
  }
−
position: fixed;
 
−
transition: 0.1s;
 
−
width: 48px;
 
−
z-index: 1;
 
 
}
 
}
−
.win-taskbarbutton {
+
 
−
background-color: #101010;
+
@container dialog-content (width < 117.6px) {
 +
  .ui-dialog-content > *:nth-child(1) {
 +
    height: calc(100% - 111px);
 +
  }
 
}
 
}
−
.win-taskbarbutton:hover {
+
 
−
background-color: #272727;
+
@container dialog-content (width < 78.1px) {
 +
  .ui-dialog-content > *:nth-child(1) {
 +
    height: calc(100% - 130px);
 +
  }
 
}
 
}
−
.win-taskbarbutton:active {
+
 
−
background-color: #1B1B1B;
+
@container dialog-content (width < 66.1px) {
−
transition: none;
+
  .ui-dialog-content > *:nth-child(1) {
 +
    height: calc(100% - 149px);
 +
  }
 
}
 
}
−
.win-taskbarbutton-open {
+
 
−
background-color: #333;
+
.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;
 
}
 
}
−
.win-taskbarbutton-open:hover {
+
 
−
background-color: #474747;
+
.scribunto-trace > *:nth-child(n + 11):nth-child(-n + 13)::after {
 +
  font-size: 9pt;
 
}
 
}
−
.win-taskbarbutton-open:active {
+
 
−
background-color: #3D3D3D;
+
/* TODO: implement the "snapping" behavior with @container? */
−
transition: none;
+
.scribunto-trace > *:nth-child(11) {
 +
  right: min(241px, calc(100% - 47px));
 +
  width: 41px;
 
}
 
}
−
.win-taskbaropen, .win-taskbarmin, .win-taskbarclose {
+
 
−
align-items: center;
+
.scribunto-trace > *:nth-child(11)::after {
−
border-bottom: 2px solid #B3EAFF;
+
  content: "100%";
−
box-sizing: border-box;
 
−
display: flex;
 
−
height: 100%;
 
−
justify-content: center;
 
−
width: 100%;
 
 
}
 
}
−
.win-taskbarmin {
+
 
−
transition: 0.1s;
+
.scribunto-trace > *:nth-child(12) {
−
width: 40px;
+
  right: min(121px, calc(100% - 117px));
 +
  width: 111px;
 
}
 
}
−
.win-taskbarbutton:hover .win-taskbarmin {
+
 
−
width: 100%;
+
.scribunto-trace > *:nth-child(12)::after {
 +
  content: "Windows (CRLF)";
 
}
 
}
−
.win-taskbarclose {
+
 
−
border-color: #0000;
+
.scribunto-trace > *:nth-child(13) {
 +
  right: min(0px, calc(100% - 117px));
 +
  width: 112px;
 
}
 
}
−
}}
 
−
<div class="win-taskbar"></div>
 
−
<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>
 
−
<div class="mw-collapsible" id="mw-customcollapsible-notepadclose">
 
−
<div class="win-taskbarbutton mw-collapsible mw-collapsed mw-customtoggle-notepadminimize" id="mw-customcollapsible-notepadminimize">
 
−
<div class="win-taskbarmin">[[File:Notepad24.png|24x24px|middle|link=]]</div>
 
−
</div>
 
−
<div class="mw-collapsible" id="mw-customcollapsible-notepadminimize">
 
−
<div class="win-taskbarbutton-open mw-customtoggle-notepadminimize">
 
−
<div class="win-taskbaropen">[[File:Notepad24.png|24x24px|middle|link=]]</div>
 
−
</div>
 
−
<div class="win-window win-resizable">
 
−
<table class="win-titlebar">
 
−
<tr><td class="win-title vcenter">[[File:Notepad16.png|16x16px|middle|link=]]<nowiki>*</nowiki>Untitled - Notepad</td><td class="win-minbutton mw-customtoggle-notepadminimize">―</td><td class="win-maxbutton">◻︎</td><td class="win-closebutton mw-customtoggle-notepadclose">✕</td></tr>
 
−
</table>
 
−
<div class="win-menubar"><div>File</div><div>Edit</div><div>Format</div><div>View</div><div>Help</div></div>
 
−
<!--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).
 
−
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. However, [[Niko|one nerpa]] has managed to lead [[Tobaland|an entire country]] as their king, causing many countries to plan an attack on them, or even better, begin the total seal extinction event earlier than expected, with hopes to liberate all peoples of The Wiki Camp 2.
 
  
−
The stink of nerpas is the 92nd of the [[92 Wonders of the Natural World]].
+
.scribunto-trace > *:nth-child(13)::after {
 +
  content: "UTF-8";
 +
}
  
−
== Trivia ==
+
/* 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);
 +
}
  
−
* Nerpa comes from the Russian ''нерпа'' (''nerpa''), which comes from the Finnish ''norppa'', somehow meaning [[ringed seal]].</nowiki></div>
+
}}
−
<table class="win-footerthing">
 
−
<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>
 
−
</div>
 
−
</div>
 
−
</div>
 
 
<noinclude>[[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>

Revision as of 23:02, 3 February 2024

The Notepad™ is a handheld PDA device used by composers to write music notation anywhere they go.

Notepad16.png
Notepad24.png

Lua error: 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 ugliest damn things ever. Their bulging 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. However, one nerpa has managed to lead an entire country as their king, causing many countries to plan an attack on them, or even better, begin the total seal extinction event earlier than expected, with hopes to liberate all peoples of The Wiki Camp 2.

The stink of nerpas is the 92nd of the 92 Wonders of the Natural World.

Trivia

  • Nerpa comes from the Russian нерпа (nerpa), which comes from the Finnish norppa, somehow meaning ringed seal.
Retrieved from "https://camp2.rectangle.zone/index.php?title=Notepad&oldid=112964"