OpenTreeID Help - Recent changes [en]

Template:YouDecide

Admin — Fri, 16 Oct 2026 07:36:50 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-callout"><span class="sq-callout__title">It {{{verb|proposes}}} — you decide.</span> {{{1|{{{text|}}}}}}</div><noinclude>
The Octopodi trust line. Fixed wording "It <verb> — you decide." followed by one sentence saying what is and is not written.

<pre>{{YouDecide|verb=reads|Octopodi only reads your data. The one thing it writes is a draft receipt, and you approve it yourself.}}</pre>
gives
{{YouDecide|verb=reads|Octopodi only reads your data. The one thing it writes is a draft receipt, and you approve it yourself.}}
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>verb</code> || proposes, reads, answers, suggests … Default ''proposes''.
|-
| <code>1</code> (unnamed) || One sentence on what is and is not written.
|}
[[Category:Content block templates]]</noinclude>

Template:Note

Admin — Fri, 16 Oct 2026 07:36:49 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-callout"><span class="sq-callout__title">{{{title|Good to know}}}:</span> {{{1|{{{text|}}}}}}</div><noinclude>
Info callout with a teal accent bar. Use for tips, availability notes and context a reader should not miss.

<pre>{{Note|title=Good to know|The daily digest lists every file that failed.}}</pre>
gives
{{Note|title=Good to know|The daily digest lists every file that failed.}}

For warnings use [[Template:Careful]]. Styles live in [[MediaWiki:Common.css]] (<code>.sq-callout</code>).
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>1</code> (unnamed) || The text. Wikitext allowed.
|-
| <code>title</code> || Bold lead-in before the colon. Default ''Good to know''.
|}
[[Category:Content block templates]]</noinclude>

Template:Pill

Admin — Fri, 16 Oct 2026 07:36:49 GMT

Imported from the SquidWeb wiki

New page

<span class="sq-pill {{{class|}}}">{{{1|}}}</span><noinclude>
Inline value pill for defaults and states. Grey by default; <code>class=sq-pill--on</code> for the teal "active" variant.

<pre>{{Pill|Off}} {{Pill|class=sq-pill--on|On}} {{Pill|11 h}}</pre>
gives {{Pill|Off}} {{Pill|class=sq-pill--on|On}} {{Pill|11 h}}
[[Category:Content block templates]]</noinclude>

Template:Figure

Admin — Fri, 16 Oct 2026 07:36:48 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-figure" style="max-width:{{{width|455}}}px;">[[File:{{{file}}}|{{{width|455}}}px|link={{{link|File:{{{file}}}}}}|alt={{{alt|{{{caption|}}}}}}]]<div class="sq-figure__caption">{{{caption|}}}</div></div><noinclude>
Screenshot card: bordered image with an caption strip. Put several inside [[Template:FigureRow]] to show them side by side.

<pre>{{Figure|file=Octopodi-01-footer-bubble.jpg|width=455|caption=The octopus button in the footer bar}}</pre>
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>file</code> || File name without the <code>File:</code> prefix.
|-
| <code>caption</code> || Caption strip under the image. Required — pass a short description.
|-
| <code>width</code> || Width in px. Default 455.
|-
| <code>link</code> || Page the image links to. Default: the file page.
|-
| <code>alt</code> || Alt text. Default: the caption.
|}
[[Category:Content block templates]]</noinclude>

Template:FigureRow

Admin — Fri, 16 Oct 2026 07:36:48 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-figrow">{{{1|}}}</div><noinclude>
Lays out several [[Template:Figure]] cards side by side; they wrap on narrow screens.

<pre>{{FigureRow|
{{Figure|file=A.jpg|caption=First}}
{{Figure|file=B.jpg|caption=Second}}
}}</pre>
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>1</code> (unnamed) || One or more <nowiki>{{Figure}}</nowiki> calls.
|}
[[Category:Content block templates]]</noinclude>

Template:Eyebrow

Admin — Fri, 16 Oct 2026 07:36:47 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-eyebrow {{{class|}}}">{{{1|}}}</div><noinclude>
Small spaced-caps label above a block. Pass <code>class=sq-eyebrow--warn</code> for the red variant.

<pre>{{Eyebrow|RECOMMENDED}}
{{Eyebrow|class=sq-eyebrow--warn|WATCH OUT}}</pre>
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>1</code> (unnamed) || Label text.
|-
| <code>class</code> || <code>sq-eyebrow--warn</code> for red.
|}
[[Category:Content block templates]]</noinclude>

Template:Faq

Admin — Fri, 16 Oct 2026 07:36:47 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-faq"><div class="sq-faq__q">{{{q|{{{1|}}}}}}</div><div class="sq-faq__a">{{{a|{{{2|}}}}}}</div></div><noinclude>
One question-and-answer entry for a "Common questions" section. Stack several in a row.

<pre>{{Faq|q=There is no octopus button in my footer bar. Why?|a=Your company role does not include the Octopodi permission. Ask your administrator.}}</pre>
gives
{{Faq|q=There is no octopus button in my footer bar. Why?|a=Your company role does not include the Octopodi permission. Ask your administrator.}}
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>q</code> || The question (bold).
|-
| <code>a</code> || The answer. Wikitext allowed.
|}
[[Category:Content block templates]]</noinclude>

Template:Columns2

Admin — Fri, 16 Oct 2026 07:36:46 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-cols sq-cols--even"><div class="sq-cols__main">{{{left|}}}</div><div class="sq-cols__main">{{{right|}}}</div></div><noinclude>
Two equal text columns (for example "excluded when" / "included when" lists). Stacks on narrow screens. For a figure beside text use [[Template:Columns]].

<pre>{{Columns2
|left={{Eyebrow|class=sq-eyebrow--warn|EXCLUDED WHEN}} …
|right={{Eyebrow|INCLUDED WHEN}} …
}}</pre>
[[Category:Content block templates]]</noinclude>

Template:Draft

Admin — Fri, 16 Oct 2026 07:36:46 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-banner"><b>Draft</b> — {{{1|this page is a work in progress. Content and screenshots may still change.}}}</div><noinclude>
Yellow banner at the top of a page that is not yet verified. Remove the template once the page is checked.

<pre>{{Draft}}</pre>
gives
{{Draft}}
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>1</code> (unnamed) || Optional replacement for the default sentence.
|}
[[Category:Content block templates]]</noinclude>

Template:Careful

Admin — Fri, 16 Oct 2026 07:36:45 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-callout sq-callout--warn"><span class="sq-callout__title">{{{title|Careful}}}:</span> {{{1|{{{text|}}}}}}</div><noinclude>
Warning callout with an amber accent bar. Use for things that go wrong silently or cannot be undone.

<pre>{{Careful|Only PDF and XLSX are accepted; a photo is refused.}}</pre>
gives
{{Careful|Only PDF and XLSX are accepted; a photo is refused.}}

For neutral notes use [[Template:Note]].
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>1</code> (unnamed) || The text. Wikitext allowed.
|-
| <code>title</code> || Bold lead-in before the colon. Default ''Careful''.
|}
[[Category:Content block templates]]</noinclude>

Template:Columns

Admin — Fri, 16 Oct 2026 07:36:45 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-cols"><div class="sq-cols__aside">{{{aside|}}}</div><div class="sq-cols__main">{{{main|}}}</div></div><noinclude>
Two columns: a [[Template:Figure]] on the left (''aside'', 455px) and running text or a table on the right (''main''). Stacks on narrow screens.

<pre>{{Columns
|aside={{Figure|file=Crew-optimizer-c04-constraints.jpg|caption=Constraints}}
|main=
{{!}} class="wikitable sq-table"
...
{{!}}}
}}</pre>
Pipes inside the parameters must be written as <code><nowiki>{{!}}</nowiki></code>; HTML tables (<code><table class="sq-table"></code>) avoid that.
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>aside</code> || Left column, normally one Figure.
|-
| <code>main</code> || Right column.
|}
[[Category:Content block templates]]</noinclude>

MediaWiki:Timeless.css

Admin — Fri, 16 Oct 2026 07:36:44 GMT

Imported from the SquidWeb wiki

New page

/* Table of contents, relocated to the right rail by MediaWiki:Common.js */
#p-toc ul {
list-style: none;
margin: 0;
padding-left: 0;
font-size: 0.9em;
line-height: 1.5;
}

#p-toc ul ul {
padding-left: 0.9em;
}

#p-toc li {
margin: 0.2em 0;
}

#p-toc .tocnumber {
color: #72777d;
padding-right: 0.4em;
}

#p-toc .toctogglespan {
display: none;
}

/* Keep the rail (contents, page tools, categories) in view while reading. */
@media screen and (min-width: 1100px) {
#mw-related-navigation {
position: sticky;
top: 0.5em;
align-self: flex-start;
max-height: calc( 100vh - 1em );
overflow-y: auto;
}
}

/* ---------------------------------------------------------------------------
Roboto, matching squidweb.com. Self-hosted from /assets/fonts/ (shipped in
the image) rather than Google Fonts: hotlinking would send every reader's IP
to Google, and the box is meant to work without outbound internet.
latin-ext is loaded because the wiki ships DE/ES/FR as well as EN.
--------------------------------------------------------------------------- */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/assets/fonts/roboto-400-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/assets/fonts/roboto-400-latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/assets/fonts/roboto-500-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/assets/fonts/roboto-500-latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/assets/fonts/roboto-700-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/assets/fonts/roboto-700-latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

body,
.mw-body,
.mw-body-content,
#mw-site-navigation,
#mw-related-navigation,
#p-personal,
#personal,
.sidebar-chunk,
#mw-content-text {
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* Timeless sets headings and the wordmark in Linux Libertine (a serif) with
higher specificity than a bare h1..h6 selector, so those need to be matched
at the same level or they stay serif while the body text turns sans. */
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6,
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3,
.mw-body-content h4, .mw-body-content h5, .mw-body-content h6,
#mw-content-text h1, #mw-content-text h2, #mw-content-text h3,
#mw-content-text h4, #mw-content-text h5, #mw-content-text h6,
#firstHeading,
.mw-heading, .mw-heading1, .mw-heading2, .mw-heading3, .mw-heading4,
#p-logo-text a,
.mw-parser-output h1, .mw-parser-output h2, .mw-parser-output h3,
.mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 {
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* ---------------------------------------------------------------------------
Language bar: es/fr write their own language names lowercase ("español",
"français") while de/nl/en capitalise, so the row reads inconsistently.
Capitalise for display only — the underlying autonyms stay correct.
--------------------------------------------------------------------------- */
.mw-pt-languages-list li a,
.mw-pt-languages-list li span,
.uls-language-list a {
text-transform: capitalize;
}

/* ---------------------------------------------------------------------------
Left sidebar: tighten the gaps between nav blocks. Timeless spaces portlets
for menus with many entries; "Get started" holds a single link, so the
default margin reads as a hole underneath it.
--------------------------------------------------------------------------- */
#mw-site-navigation .sidebar-inner .mw-portlet {
margin-bottom: 0.75em;
}

#mw-site-navigation .sidebar-inner .mw-portlet:last-child {
margin-bottom: 0;
}

#mw-site-navigation .mw-portlet-body ul {
margin-bottom: 0;
}

#mw-site-navigation .mw-portlet-body li {
margin: 0.15em 0;
}

#mw-site-navigation .sidebar-chunk h3 {
margin-bottom: 0.3em;
}

/* ---------------------------------------------------------------------------
Left sidebar scrolls with the page, same as the right rail above. The module
list is longer than a viewport, so without this the lower entries are simply
unreachable while reading a long article.
--------------------------------------------------------------------------- */
@media screen and (min-width: 1100px) {
#mw-site-navigation {
position: sticky;
top: 0.5em;
align-self: flex-start;
max-height: calc( 100vh - 1em );
overflow-y: auto;
overscroll-behavior: contain;
}
}

/* ---------------------------------------------------------------------------
Wanda assistant — Trello 4TyPgtP9 "Cleanup Wanda".

Hide the two settings blocks readers should not have to reason about: the
"Remember conversation" toggle and the "Sources:" row (Wiki / Wikidata /
LLM Knowledge / Cargo / External Wiki). Only "Wiki" is meaningful here and it
is on by default; the checkboxes stay checked in the DOM, so hiding them
changes appearance only, not which sources are queried.

Everything is scoped to the Wanda panel on purpose: .cdx-* are MediaWiki's
Codex design-system classes used across the whole site, so an unscoped rule
would hide checkboxes and restyle buttons far outside this widget.
--------------------------------------------------------------------------- */
.wanda-floating-chat .chat-input-container > .cdx-checkbox,
.wanda-floating-window .chat-input-container > .cdx-checkbox,
.wanda-floating-chat .wanda-sources-row,
.wanda-floating-window .wanda-sources-row {
display: none;
}

/* Send is the button you press to get an answer, and it was small next to the
message box. */
.wanda-floating-chat .cdx-button--action-progressive.cdx-button--weight-primary,
.wanda-floating-window .cdx-button--action-progressive.cdx-button--weight-primary {
min-width: 6rem;
font-size: 1.05em;
font-weight: 600;
letter-spacing: 0.01em;
}
/* ===========================================================================
Trello 4TyPgtP9 — visual pass against the PO mockup (2026-08-05)

Layout rules are inside the min-width:1100px block at the bottom. Below that
Timeless switches to a compact two-row header with the navigation collapsed
into dropdowns, and desktop numbers push that second row out of the header.
Colour, type and the Wanda panel are safe at every width and stay out here.
=========================================================================== */

/* ---------------------------------------------------------------------------
Timeless paints a red / blue / green tricolour under the header and a green
line under the content — MediaWiki's palette, not ours. All four become the
brand cyan of the logo.
--------------------------------------------------------------------------- */
.color-left,
.color-middle,
.color-right {
background-color: #00ADEE;
}

#mw-content-container {
border-bottom-color: #00ADEE;
}

/* The user name in the header was the last serif left in the chrome: Timeless
sets #personal h2 in Linux Libertine. */
#personal h2,
#personal h2 span {
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
font-size: 1.05rem;
}

/* The article is a card: rounded and lifted off the background. */
#mw-content {
padding: 2rem 2.5rem 3rem;
border-bottom: 0;
border-radius: 10px;
box-shadow: 0 1px 2px rgba( 9, 30, 66, 0.08 ), 0 4px 12px rgba( 9, 30, 66, 0.06 );
}

/* Page behind the cards: a cooler grey, and without Timeless' cat watermark. */
#mw-content-container {
background-color: #eef1f5;
background-image: none;
}

/* The search field is a rounded box in the mockup, not a square one. */
#simpleSearch,
#searchInput,
#searchInput-container {
border-radius: 6px;
}

/* ---------------------------------------------------------------------------
Wanda.

The octopus is cropped out of the wide lockup with background-size and
-position rather than shipping a second asset. In the 240x62 SVG the mark is
the left 84.2 units and it uses the full height, so: SVG width = 240 x
(icon / 84.2), left inset = the disc's padding, top inset = whatever centres
the resulting 62-unit-tall strip. The wordmark starts only 8% past the mark,
so the inset has to stay under 0.08 x the icon or the "S" bleeds into the
disc.
--------------------------------------------------------------------------- */

/* Launcher: white disc with the mark, instead of the 💬 emoji on blue.
56px mark in a 64px disc → 160px wide SVG at 4px / 11.4px. background-origin
has to be the border box: by default the offsets start inside the 2px border,
which pushed the octopus 2px right and 2px down and left it lopsided. */
.wanda-floating-button {
font-size: 0;
background: #fff url( '/assets/logo/opentreeid-logo-dark.svg' ) no-repeat 4px 11.4px / 160px auto;
background-origin: border-box;
border: 2px solid #00ADEE;
box-shadow: 0 4px 12px rgba( 0, 173, 238, 0.35 );
}

/* Panel header: avatar, then "Wanda" over the subtitle.
32px mark in a 36px disc → 91.2px wide SVG at 2px / 6.2px. */
.wanda-chat-header {
align-items: center;
gap: 0.75rem;
padding: 14px 16px;
border-radius: 12px 12px 0 0;
}

.wanda-chat-header::before {
content: "";
flex: 0 0 auto;
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff url( '/assets/logo/opentreeid-logo-dark.svg' ) no-repeat 2px 6.2px / 91.2px auto;
}

/* The name belongs next to the avatar; the close button keeps the far right. */
.wanda-chat-header > span {
margin-right: auto;
font-size: 1.15rem;
font-weight: 700;
line-height: 1.2;
}

.wanda-chat-header > span::after {
content: "AI Wiki Assistant";
display: block;
font-size: 0.8rem;
font-weight: 400;
opacity: 0.9;
}

/* The greeting sat on grey while the rest of the panel is white. */
.wanda-floating-chat {
background: #fff;
}

/* The two emoji bullets under the greeting repeat what the greeting says. */
.wanda-floating-chat .chat-instructions ul {
display: none;
}

/* Every assistant needs this line, and Wanda ships no message for it. */
.wanda-floating-window::after {
content: "Wanda can make mistakes. Please check important information.";
padding: 0 16px 12px;
font-size: 0.72rem;
line-height: 1.3;
color: #72777d;
text-align: center;
}

/* Logged-out visitors reach exactly two pages — the "Login required" notice and
the login form — and Wanda answers neither: the API refuses anonymous
requests (readapidenied), so the launcher would only produce an error. */
.mw-special-Badtitle .wanda-floating-chat-wrapper,
.mw-special-Userlogin .wanda-floating-chat-wrapper {
display: none;
}

/* ---------------------------------------------------------------------------
Desktop layout, following the mockup: the lockup in the header, a taller
header bar over a thinner accent line, a centred search field, the left
navigation sitting straight on the page, and the right-hand rail as white
cards lined up with the top of the article.
--------------------------------------------------------------------------- */
@media screen and (min-width: 1100px) {

/* Logo moves out of the left sidebar and into the header. Timeless has no
logo slot there — only a text wordmark (#p-banner) — so the lockup rides
in as a background on that link. The sitename text is sized to 0 rather
than removed: it stays in the accessibility tree as the link's name, and
"Wiki" is drawn after the divider, because the lockup already says
"SquidWeb". */
#mw-site-navigation #p-logo {
display: none;
}

/* #p-logo-text in front: Timeless sizes a "long" sitename (OpenTreeID Help
is one, SquidWeb Wiki is not) with #p-logo-text a.long, which outranks
the bare #p-banner selector and brought the text back. */
#p-logo-text #p-banner.mw-wiki-title {
display: flex;
align-items: center;
font-size: 0;
line-height: 1;
}

/* Timeless gives #p-logo-text the sidebar's fixed width, which is narrower
than lockup + divider + "Wiki" — the logo was being flex-shrunk to 129px
and rendered small and low. Let the block size to its content and take the
lockup out of the shrinking. */
#p-logo-text {
width: auto;
}

#p-banner.mw-wiki-title::before {
content: "";
flex: 0 0 auto;
width: 150px;
height: 38px;
padding-right: 0.7rem;
border-right: 1px solid #c8ccd1;
background: url( '/assets/logo/opentreeid-logo-dark.svg' ) no-repeat left center / contain;
/* so the padding for the divider does not enlarge the image */
background-origin: content-box;
}

#p-banner.mw-wiki-title::after {
/* The empty alt text keeps the link's accessible name at "OpenTreeID
Help" instead of "OpenTreeID Help Help". */
content: "Help" / "";
margin-left: 0.7rem;
/* "Wiki" sits on the baseline of the lockup's own wordmark, which runs
along the bottom of the SVG — centred on the flex line it floats above
the SQUIDWEB letters. Offset, not margin: a margin grows the flex line
and drags the lockup down with it, so it only ever closes half the
gap. */
position: relative;
top: 11px;
font-size: 1.5rem;
font-variant: normal;
font-weight: 400;
color: #042734;
}

#mw-header-container {
height: 62px;
padding-top: 12px;
}

#p-search {
max-width: 780px;
margin: 0 auto;
}

/* #user-tools is a fixed-width column and the user chip only fills half of
it, so the name floated 130px short of the margin the cards below line up
with. */
#user-tools {
text-align: right;
}

/* Timeless pins the accent bar to its own header height and wins on
specificity from #mw-wrapper — so match it, or the bar stays at 47px and
disappears behind the taller header. Its thickness comes from the
children, not the bar itself. */
#mw-wrapper > .color-bar,
#mw-wrapper > .color-bar .color-middle-container,
#mw-wrapper > .color-bar .color-left,
#mw-wrapper > .color-bar .color-middle,
#mw-wrapper > .color-bar .color-right {
height: 4px;
}

/* color-left/right are floated back up over the middle container by its
negative bottom margin, which Timeless sets to the old 5.3px bar height.
Thinning the bar without moving that leaves them riding high, and the dark
body colour shows through in the strip beside the article. */
#mw-wrapper > .color-bar .color-middle-container {
margin-bottom: -4px;
}

#mw-wrapper > .color-bar {
top: 62px;
}

#mw-content-container {
margin-top: 66px;
}

/* One gutter for the whole page: the lockup, the navigation text and the
right-hand cards all start 32px in from their edge. Timeless uses 15px on
the outside and insets the navigation separately, so the logo, the nav and
the rail each began at a different x. */
#mw-header,
#mw-content-block {
padding-left: 32px;
padding-right: 32px;
}

#mw-content-block {
padding-top: 2rem;
}

/* Left navigation: no card behind it. The card's own top inset is what
pushed "Get started" below the top of the article; without a card it is
just a hole. */
#mw-site-navigation .sidebar-chunk {
background: transparent;
border: 0;
box-shadow: none;
margin-top: 0;
padding-top: 0;
padding-left: 0;
}

/* Timeless insets the first chunk, which left the rail hanging below the top
of the article instead of lining up with it. */
#mw-related-navigation .sidebar-chunk:first-child {
margin-top: 0;
}

#mw-related-navigation .sidebar-chunk {
background: #fff;
border: 0;
border-radius: 10px;
box-shadow: 0 1px 2px rgba( 9, 30, 66, 0.08 ), 0 4px 12px rgba( 9, 30, 66, 0.06 );
padding-bottom: 0.9rem;
}

/* Both rails scroll with the page (see the sticky rules above); the
scrollbar gutter that came with it cut a grey strip between the
navigation and the article. */
#mw-site-navigation,
#mw-related-navigation {
scrollbar-width: none;
}

#mw-site-navigation::-webkit-scrollbar,
#mw-related-navigation::-webkit-scrollbar {
width: 0;
height: 0;
}
}

/* ---------------------------------------------------------------------------
Hide the Page / Discussion namespace tabs — Trello 4TyPgtP9 "Hide Page/
Discussion buttons". Readers only ever view articles here and the talk
namespace is unused; the tabs just add chrome. Editing tools stay in the
right-hand rail, which this does not touch.
--------------------------------------------------------------------------- */
#p-namespaces {
display: none;
}

Template:Availability

Admin — Fri, 16 Oct 2026 07:36:44 GMT

Imported from the SquidWeb wiki

New page

<div class="sq-callout"><span class="sq-callout__title">Availability:</span> {{{1|{{{text|}}}}}}</div><noinclude>
Availability box: who has the feature and what to do if the entry point is missing. Same look as [[Template:Note]], fixed title.

<pre>{{Availability|Octopodi is enabled per company role. If you do not see the octopus button, ask your administrator to check the Octopodi permission under ''Settings → Company roles''.}}</pre>
{| class="wikitable"
! Parameter !! Meaning
|-
| <code>1</code> (unnamed) || The text.
|}
[[Category:Content block templates]]</noinclude>

MediaWiki:Common.js

Admin — Fri, 16 Oct 2026 07:36:43 GMT

Imported from the SquidWeb wiki

New page

/* Site-wide JS. */

/* Move the article table of contents into the Timeless right-hand column,
* so in-page navigation sits beside the text instead of inside it.
* Only on wide screens: below that Timeless folds the right column into a
* dropdown, where a table of contents is worse than the inline one.
* ponytail: decided once on load, not on resize — a resize is rare and a
* reload fixes it. */
$( function () {
var $toc = $( '#toc' ),
$rail = $( '#mw-related-navigation' ),
$list = $toc.find( '> ul' ),
title = $.trim( $toc.find( '#mw-toc-heading' ).text() ) || 'Contents';

if ( !$toc.length || !$rail.length || !$list.length ||
!window.matchMedia( '(min-width: 1100px)' ).matches
) {
return;
}

$( '<div>' )
.attr( 'id', 'p-toc' )
.addClass( 'sidebar-chunk' )
.append( $( '<h3>' ).text( title ) )
.append( $( '<div>' ).addClass( 'sidebar-inner' ).append( $list ) )
.prependTo( $rail );

$toc.remove();
} );
/* Tell the SquidWeb web-application which wiki page the help iframe is showing.
*
* The app embeds this wiki in an iframe at /help/:id?url=... (see
* HelpContent.jsx). Its handleChangeUrl listener updates the tab's URL and name
* from these messages, so without this the help tab silently stops tracking
* navigation as soon as a reader clicks a link inside the frame.
*
* Carried over verbatim in behaviour from the legacy wiki's Common.js, which is
* the only place it existed. No-op when not framed: window.parent === window.
*
* ponytail: targetOrigin stays '*' to match the old wiki. Only a URL is sent,
* and the app filters by its own containerLink — tighten it to the artlogic
* origins if this ever carries anything more sensitive.
*/
( function () {
function postHref() {
window.parent.postMessage( { url: location.href }, '*' );
}
window.addEventListener( 'load', postHref );
}() );

/* Wanda floating chat: add a top-left resize grip. Native CSS resize
(MediaWiki:Common.css) only offers the bottom-right corner; the window is
bottom/right-anchored, so this grip resizes toward that anchor. */
(function () {
function attach(win) {
if (win.querySelector('.wanda-resize-tl')) {
return;
}
var grip = document.createElement('div');
grip.className = 'wanda-resize-tl';
grip.setAttribute('aria-hidden', 'true');
win.appendChild(grip);
grip.addEventListener('mousedown', function (e) {
e.preventDefault();
e.stopPropagation();
var startX = e.clientX;
var startY = e.clientY;
var rect = win.getBoundingClientRect();
var startW = rect.width;
var startH = rect.height;
function move(ev) {
win.style.width = Math.max(320, startW - (ev.clientX - startX)) + 'px';
win.style.height = Math.max(280, startH - (ev.clientY - startY)) + 'px';
win.style.maxHeight = 'none';
}
function up() {
document.removeEventListener('mousemove', move);
document.removeEventListener('mouseup', up);
}
document.addEventListener('mousemove', move);
document.addEventListener('mouseup', up);
});
}
var observer = new MutationObserver(function () {
var win = document.querySelector('.wanda-floating-window');
if (win) {
attach(win);
}
});
observer.observe(document.body, { childList: true, subtree: true });
var win = document.querySelector('.wanda-floating-window');
if (win) {
attach(win);
}
})();

/* Language bar as a dropdown — Trello 4TyPgtP9 "Language should not be list
* but select". The Translate extension renders the available translations as
* an inline link list (.mw-pt-languages-list); build a <select> from it that
* navigates on change, and hide the list rather than removing it so anything
* else that reads it keeps working.
* ponytail: the browser's own <select> UI, no ULS widget. Display names are
* capitalised here because the CSS text-transform on the list does not reach
* into option elements on every platform. */
$( function () {
var $list = $( '.mw-pt-languages-list' );
if ( !$list.length ) {
return;
}
var $select = $( '<select>' ).addClass( 'mw-pt-languages-select' );
$list.find( 'li' ).each( function () {
var $item = $( this ).children( 'a, span' ).first();
var name = $item.text();
$( '<option>' )
.text( name.charAt( 0 ).toUpperCase() + name.slice( 1 ) )
.val( $item.attr( 'href' ) || '' )
.prop( 'selected', $item.is( 'span' ) )
.appendTo( $select );
} );
$select.on( 'change', function () {
if ( this.value ) {
location.href = this.value;
}
} );
$list.hide().after( $select );
} );

MediaWiki:Sidebar

Admin — Fri, 16 Oct 2026 07:36:43 GMT

Imported from the SquidWeb wiki

New page

* Get started
** mainpage|Start

* Help
** Special:Categories|All categories
** Special:AllPages|All pages

MediaWiki:Common.css

Admin — Fri, 16 Oct 2026 07:36:42 GMT

Imported from the SquidWeb wiki

New page

/* Site-wide CSS. */

/* Wanda floating chat: user-resizable via the top-left grip that
MediaWiki:Common.js adds. The native bottom-right resize handle is off on
purpose: the window is bottom/right-anchored, so that handle grew the box
away from the cursor and felt inverted.
The extension also ships transition:all on the window for its open/close
fade - scoped down to transform/opacity here, because "all" made every
width/height step during a drag lag 300ms behind the cursor. */
.wanda-floating-window {
overflow: hidden;
max-height: 90vh;
max-width: 90vw;
min-width: 320px;
min-height: 280px;
transition-property: transform, opacity;
}

.wanda-resize-tl {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
cursor: nwse-resize;
z-index: 2;
}

/* Language dropdown — built by MediaWiki:Common.js from the Translate list. */
.mw-pt-languages-select {
font: inherit;
padding: 2px 8px;
border: 1px solid #c8ccd1;
border-radius: 6px;
background: #fff;
cursor: pointer;
}

/* Wanda opens larger by default — Trello 4TyPgtP9 "Can the wanda box be
enlarged?". The extension ships 450x450; this widens and heightens the
default while the resize grips (above) still let readers change it.
Desktop only: below 1100px the extension's own media queries size the
window to the viewport, and a fixed 560px would overflow small screens. */
@media screen and (min-width: 1100px) {
.wanda-floating-window {
width: 560px;
height: 70vh;
}
}

/* Wanda: before the first message the history box (.chat-box) is empty, so
the greeting and the input field stacked at the top of the panel with all
the free space below them. Auto top margin claims that space instead and
keeps the input at the bottom, like every chat app. No effect once messages
fill the history. */
.wanda-floating-chat .chat-input-container {
margin-top: auto;
}

/* Article images are floated (thumb|right); without clearing, a tall image
bleeds past its section into the next one and squeezes the following
heading against it. Every h2 starts below any floats of the previous
section. */
.mw-parser-output h2,
.mw-parser-output .mw-heading2 {
clear: both;
}
/* ------------------------------------------------------------------ */
/* SquidWeb content blocks — used by Template:Note, Template:Careful, */
/* Template:Draft, Template:Availability, Template:YouDecide, */
/* Template:Faq, Template:Figure, Template:FigureRow. Edit the look */
/* here, never inline on a page. Added 2026-09-22 (Octopodi refactor). */
/* ------------------------------------------------------------------ */

/* Callouts: left accent bar. --info teal, --warn amber. */
.sq-callout {
border-left: 3px solid #79c9c4;
background: #f4fafa;
padding: 10px 14px;
border-radius: 0 6px 6px 0;
margin: 14px 0;
font-size: 14.5px;
}
.sq-callout--warn {
border-left-color: #e0a93b;
background: #fffaf0;
}
.sq-callout__title {
font-weight: bold;
}

/* Full-width status banner at the top of a page (Draft). */
.sq-banner {
border: 1px solid #f0d48a;
background: #fff9e8;
border-radius: 8px;
padding: 10px 16px;
margin-bottom: 18px;
color: #7a5300;
font-size: 14.5px;
}

/* FAQ entry: question in bold, answer below. */
.sq-faq {
margin: 0 0 14px;
max-width: 960px;
}
.sq-faq__q {
font-weight: bold;
margin-bottom: 3px;
}
.sq-faq__a {
color: #3d454e;
font-size: 14.5px;
}

/* Screenshot card: bordered image with a caption strip. Several cards
sit side by side inside .sq-figrow and wrap on narrow screens. */
.sq-figrow {
display: flex;
flex-wrap: wrap;
gap: 18px;
align-items: flex-start;
margin: 16px 0 22px;
}
.sq-figure {
flex: 0 0 auto;
max-width: 100%;
border: 1px solid #e3e8ee;
border-radius: 8px;
overflow: hidden;
background: #fff;
margin: 16px 0 22px;
}
.sq-figrow > .sq-figure {
margin: 0;
}
/* Blank lines between the Figure calls become empty <p>s; keep them out of the flex flow. */
.sq-figrow > p {
display: none;
}
.sq-figure img {
display: block;
max-width: 100%;
height: auto;
}
.sq-figure__caption {
padding: 7px 12px;
border-top: 1px solid #e3e8ee;
background: #f7f9fb;
color: #4a5560;
font-size: 13px;
}

/* Table header strip in the accent colour (settings/reference tables). */
.wikitable.sq-table > * > tr > th,
.sq-table th {
text-align: left;
padding: 9px 12px;
background: #f4f9f9;
color: #25444a;
border-bottom: 2px solid #79c9c4;
font-size: 13.5px;
}
.wikitable.sq-table > * > tr > td,
.sq-table td {
padding: 7px 12px;
vertical-align: top;
border-bottom: 1px solid #e8edf1;
}

/* Two columns: a figure (aside) next to running text or a table (main). */
.sq-cols {
display: flex;
flex-wrap: wrap;
gap: 22px;
align-items: flex-start;
margin: 16px 0 28px;
}
.sq-cols__aside {
flex: 0 0 455px;
max-width: 100%;
}
.sq-cols__aside > .sq-figure {
margin: 0;
}
.sq-cols__main {
flex: 1 1 320px;
min-width: 290px;
}
.sq-cols__main > .sq-table {
margin: 0 0 6px;
}
.sq-cols > p {
display: none;
}

/* Small spaced-caps label above a block ("Recommended", "Watch out"). */
.sq-eyebrow {
font-size: 13px;
letter-spacing: .06em;
color: #1f6f6a;
font-weight: bold;
margin-bottom: 6px;
}
.sq-eyebrow--warn {
color: #a4494d;
}

/* Even two-column text (no figure): both halves grow. */
.sq-cols--even > .sq-cols__main {
flex: 1 1 380px;
min-width: 320px;
}
.sq-cols--even {
margin: 14px 0;
}

/* Inline value pill ("On", "Off", "11 h"). --on is the accent variant. */
.sq-pill {
background: #f1f3f5;
color: #5b6570;
border-radius: 10px;
padding: 1px 9px;
font-size: 12.5px;
white-space: nowrap;
}
.sq-pill--on {
background: #e9f6f5;
color: #1f6f6a;
}

Main Page

MediaWiki default — Fri, 16 Oct 2026 07:36:40 GMT

New page

<strong>MediaWiki has been installed.</strong>

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]