User:Pelagic/Sandbox/old

top lead section 0

section

some text in section 1

Hmm

Hujghuhbb.

Pelagic ( messages ) – (06:58 Fri 05, AEDT) 19:58, 4 March 2021 (UTC)[reply]

Upright text Oblique text yada yada Pelagic ( messages ) – (18:35 Wed 28, AEST) 08:35, 28 April 2021 (UTC)[reply]

Paste Upright text Oblique text type some more. Pelagic ( messages ) – (18:38 Wed 28, AEST) 08:38, 28 April 2021 (UTC)[reply]

Existing Upright text Oblique text and type text. Pelagic ( messages ) – (18:39 Wed 28, AEST) 08:39, 28 April 2021 (UTC)[reply]

blah blah or blah blah or blah blah

Scribunto

I have 0 bananas and 5 apples. (yes, we have no bananas!)

Five cards: 2♥ Q♣ 2♣ K♣ 3♦

Signatures test

Here is a paragraph with sig at the end (auto-signed by New Discussion tool). ⁓ Pelagic ( messages ) 15:50, 30 July 2021 (UTC)[reply]

This paragraph signed ⁓ Pelagic ( messages ) 15:53, 30 July 2021 (UTC) in the middle.[reply]

This one is a list item, end signed ⁓ Pelagic ( messages ) 15:53, 30 July 2021 (UTC)[reply]

⁓ Pelagic ( messages ) 15:53, 30 July 2021 (UTC) said: Another list item, signed at the beginning, same nesting level.[reply]

A third one end-signed. ⁓ Pelagic ( messages ) 15:53, 30 July 2021 (UTC)[reply]

Separating the user-link and date using three ⁓ Pelagic ( messages ) and five 15:56, 30 July 2021 (UTC) tildes.[reply]

User link in one para ⁓ Pelagic ( messages )

And time stamp in another 15:59, 30 July 2021 (UTC)

⁓ Pelagic ( messages ) 16:01, 30 July 2021 (UTC): signed at beginning, but non-whitespace after datestamp.[reply]

colour swatches?

Vector classic colours

Colours from resource loader

Found in https://en.wikipedia.org/w/load.php?lang=en&modules=ext.cite.styles%7Cext.echo.styles.alert%2Cbadge%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Coojs-ui.styles.icons-alerts%7Cskins.vector.styles.legacy%7Cwikibase.client.init&only=styles&skin=vector (%7c is pipe '|').

TOC
- .toc,.toccolours{border:1px solid #a2a9b1 ;background-color: #f8f9fa ;padding:5px;font-size:95%}... .tocnumber{color:{{ #202122 ;...}... .toctogglelabel{cursor:pointer;color: #0645ad
- [hide] num ...
- [hide] num ... the num and the border with the actual classes look lighter in Timeless.
Langlinks
- .wb-langlinks-link > a:link,.wb-langlinks-link > a:visited{color: #54595d !important} ... .wb-langlinks-link > a:hover{color: #0645ad !important} ... .skin-vector:not(.skin-vector-legacy) .wb-langlinks-link a{color:#0645ad !important}
Textarea
- textarea{display:block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #c8ccd1 ;
Legend
- legend{padding:0.5em;font-size:95%}
Code
- pre,code,.mw-code{background-color: #f8f9fa ;color: #000 ;border:1px solid #eaecf0 }code{border-radius:2px;padding:1px 4px}pre,.mw-code{padding:1em;white-space:pre-wrap;overflow-x:hidden;word-wrap:break-word}
- code code – the Timeless border is darker
Headings
- h1,h2,h3,h4,h5,h6{color: #000 ;margin:0;padding-top:0.5em;padding-bottom:0.17em;overflow:hidden}h1,h2{margin-bottom:0.6em;border-bottom:1px solid #a2a9b1 }
- heading
Hyperlinks
- a{text-decoration:none;color: #0645ad ;background:none}a:not([href]){cursor:pointer}a:visited{color: #0b0080 }a:active{color: #faa700 }a:hover,a:focus{text-decoration:underline}
- .mw-parser-output a.extiw,.mw-parser-output a.extiw:active{color: #36b }.mw-parser-output a.external{color:#36b}.mw-body-content:after{clear:both;content:;display:block}.mw-body-content a.external.free{word-wrap:break-word}
- a.new{color: #dd3333 }a.mw-selflink{color:inherit;font-weight:bold;text-decoration:inherit}a.mw-selflink:hover{cursor:inherit;text-decoration:inherit}a.mw-selflink:active,a.mw-selflink:visited{color:inherit}a.new:visited{color: #a55858 }.mw-parser-output a.extiw,.mw-parser-output a.external{color: #3366bb }.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited{color: #663366 }
- link visited external internal link external
Horizontal rule
- hr{height:1px;background-color: #a2a9b1 ;border:0;margin:0.2em 0}
Categories
- .catlinks{border:1px solid #a2a9b1 ;background-color: #f8f9fa ;padding:5px;margin-top:1em;clear:both}.catlinks ul{display:inline;margin:0;padding:0;list-style:none}.catlinks li{display:inline-block;line-height:1.25em;border-left:1px solid #a2a9b1 ;margin:0.125em 0;padding:0 0.5em}
- category
Wikitables
- .wikitable{background-color: #f8f9fa ;color: #202122 ;margin:1em 0;border:1px solid #a2a9b1 ;border-collapse:collapse}.wikitable > tr > th,.wikitable > tr > td,.wikitable > * > tr > th,.wikitable > * > tr > td{border:1px solid #a2a9b1;padding:0.2em 0.4em}.wikitable > tr > th,.wikitable > * > tr > th{background-color: #eaecf0 ;text-align:center}.wikitable > caption{font-weight:bold}
- header table
Messages
- .usermessage{background-color: #fef6e7 ;border:1px solid #fc3 ;color:#000;font-weight:bold;margin:2em 0 1em;padding:0.5em 1em;vertical-align:middle}#siteNotice{position:relative;text-align:center;margin:0}#localNotice{margin-bottom:0.9em}#siteSub{display:none}#contentSub,#contentSub2{font-size:84%;line-height:1.2em;margin:0 0 1.4em
- message
Errors
- .mw-body-content .error{font-size:larger;color: #d33 }
- error
Echo
- #pt-notifications-alert .mw-echo-notifications-badge:focus,#pt-notifications-notice .mw-echo-notifications-badge:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #36c ;opacity:1}#pt-notifications-alert .mw-echo-notifications-badge:focus:after,#pt-notifications-notice .mw-echo-notifications-badge:focus:after{border-color:#36c}#pt-notifications-alert .mw-echo-notifications-badge:after,#pt-notifications-notice .mw-echo-notifications-badge:after{position:absolute;display:inline-block;cursor:pointer;top:9px;text-indent:0;left:55%;font-size:0.9em;font-weight:bold;padding:0 0.3em;border:1px solid #fff;border-radius:2px;background-color: #72777d ;content:attr(data-counter-text);color:#fff}
- #pt-notifications-alert .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications:after{background- #dd3333 }
- Echo uses Base30 and the blue badge is 36c instead of 36b. Red badge is the standard d33.

More colours from resourceloader

Now on a laptop with F12 tolls to try to locate where the elusive main colours come from. The URL still has skins.vector.styles.legacy in the list of modules:

https://en.wikipedia.org/w/load.php?lang=en&modules=ext.echo.styles.alert%2Cbadge%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Coojs-ui.styles.icons-alerts%7Cskins.vector.styles.legacy&only=styles&skin=vector

@media screen{body{background-color:#f6f6f6;overflow-y:scroll}
#mw-page-base{background-color: #fbfbfb ;background-image:linear-gradient(to bottom, #ffffff 50%, #f6f6f6 100%);background-position:bottom left;height:5em}
- div id mw-page-base runs across the top of the page (including behind the globe logo); mw-head-base behind the tabs and userlinks (but not the sidebar). Oddly neither seem to have DOM content.
- g r a d i e n t
- Having trouble picturing how the background colour and gradient interact. Are ff and fb to close for me to see a boundary at 5em?
div id-content class=mw-body is the main content panel, it has a 160px left margin where the sidebar shows.
div id=mw-navigation contains both div id=mw-head (topbar) and div id=mw-panel (sidebar). It is sibling to footer id=footer class=mw-footer. They appear to get their grey colour from @media screen{body...}, though the F12 inspectors aren't helping
.mw-body,.parsoid-body{background-color: #ffffff ;color: #202122 ;direction:ltr;padding:1em} ... .mw-body{margin-top:-1px;border:1px solid #a7d7f9 ;border-right-width:0}
- Main content panel is mini-black text on white background with light-blue border, this sits on top of the light-grey body which only shows through the periphery.
.vector-menu-tabs li{background-image:url(/w/skins/Vector/resources/common/images/tab-normal-fade.png?1cc52);background-image:linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #ffffff 100%);background-position:left bottom;background-repeat:repeat-x;float:left;display:block;height:100%;margin:0;padding:0;line-height:1.125em;white-space:nowrap}
- This is the blue background gradient for the tabs. Active tab has an overriding style for flat white background. The 1px stop seems an odd way to create a bottom border, but I guess there's a reason for it.
- g r a d i e n t
.vector-menu-portal h3{display:block;background-image:url(/w/skins/Vector/resources/common/images/portal-separator.png?4ab04);background-image:linear-gradient(to right,rgba(200,204,209,0) 0, #c8ccd1 33%,#c8ccd1 66%,rgba(200,204,209,0) 100%);background-position:center bottom;background-repeat:no-repeat;background-size:100% 1px;color: #54595d ;margin:0.5em 0 0 0.66666667em;border:0;padding:0.25em 0;font-size:0.75em;font-weight:normal;cursor:default}
- This has the fade-to-transparent horizontal line in the sidebar sections. Also defines the colour of the headings as dark grey.

WM base colours

Nesting from M82 diagram

Base90

Base100

Base80

Base70

Analogous dark theme

Base10

Base0

Base20

Base30

CSS Variables

Need to start transferring this from Sandbox to the journal.

Tracked in Phabricator
Task T263852

This code works, but the MW CSS editor flags it for errors:

:root {
	/* colour names */ 
	--base10: #202122;
 }

 @media screen{
	/* make the border dark, normal is #f6f6f6 */
 	body{background-color: var(--base10);}
 }

Old notes from vector.css diff

/* 
Vector colours
==============

From MediaWiki:Common.css (not Vector.css !)
-------------------------
Navbox	#fdfdfd
Nested navbox title colours	#ccccff, #ddddff, #e6e6ff
...
more to follow

From F12 tools inspection
-------------------------

TOC: border = #a2a9b1; background = #f8f9fa
	https://en.wikipedia.org/w/load.php?lang=en&modules=ext.cite.styles%7Cext.echo.styles.alert%2Cbadge%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Coojs-ui.styles.icons-alerts%7Cskins.vector.styles.legacy%7Cwikibase.client.init&only=styles&skin=vector

Load.php
-------------------------

The CSS served up from that load.php URL is somewhat impenetrable (is probably compiled from LESS and minified), but here's a quick list of some colours that jumped out at me.

.vector-menu-tabs li{background-image:url ...;background-image:linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%)

.vector-menu-tabs li a { ...; color:%230645ad; ...}

.vector-menu-tabs .new a:visited{color:#dd3333}
.vector-menu-tabs .selected{background:#ffffff} - selected tab is pure white?

vector-menu-dropdown h3:hover,.vector-menu-dropdown h3:focus{color:#202122}

vector-menu-content{background-color:#ffffff;...;border:1px solid #a2a9b1;...

.vector-search-box-input{background-color:rgba(255,255,255,0.5);color:#000000;...;border:1px solid #a2a9b1;...
Search box is black on translucent white, with a ¿ light blue / blue-grey ? border. 

Search box input placeholder #72777d, border and inset shadow #3366cc



*/

/* There's better investigation now at 
   https://en.wikipedia.org/wiki/User:Pelagic/Sandbox#colour_swatches%3F 
 */

temp for post to rfc

Regretfully, weak oppose for now. You can win me over to support by providing not-logged-in readers with a cookie-based toggle to "switch to old look" (and back again), and measuring the results. Yes we have supportive opt-out data from other wikis, but users without accounts don't yet have that choice. (Aside: can you also instrument to measure when users enable their browser's reading mode? I suspect the numbers would be small.) Caveats: (a) I haven't read all the posts on this long page; there might be a good argument here that changes my mind. (b) I don't see this !vote as mutually exclusive with also posting at the alt proposal (short answer - I'd like to see both a "switch to old look" and a separate width toggle). P.S. shout out to WAID and Peter, I would love to have used Discussion Tools to post a numbered reply here, but had to do a whole-section edit instead. ⁓ Pelagic ( messages ) 09:35, 4 October 2022 (UTC)[reply]

Del Rio newspapers

Doing this here because no VE on Wikidata. ⁓ Pelagic ( messages ) 08:35, 27 November 2022 (UTC)[reply]


Year(s)	Title	Title	Title
1887–1892	DR Record d:Q115465185
1902–1905	DR Record-News d:Q115465737
1905	VV County Herald and DR Record-News Q115463501	DR Daily News	DR Mirror
1906		DR Weekly News
1913	VV County Herald (attested 1913–1919)
1929	DR News-Herald (claimed 1929–2020)