Wikipedia

User:Pelagic/Sandbox/old

< User:Pelagic | Sandbox
Latest comment: 1 year ago by Pelagic in topic Del Rio newspapers


top lead section 0

section

edit

some text in section 1

Hmm

edit
Latest comment: 3 years ago4 comments1 person in discussion

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

edit

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

Five cards: 9♦ 9♥ J♠ 4♥ 7♠

Signatures test

edit
Latest comment: 3 years ago7 comments1 person in discussion

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?

edit

See also User:Pelagic/vector.css

#000000 on #a2a9b1 #a2a9b1 on #ffffff

{{Color}}: #a2a9b1 {{Legend inline}}:   #a2a9b1 {{Color box}}:   #a2a9b1, or  #a2a9b1 

  span with nbsp. (This is how colour box is coded under the hood, but it also has a custom class="legend-color".)


#000000 on #a2a9b1 #a2a9b1 on #ffffff

{{Color}}: #a2a9b1 {{Legend inline}}:   #a2a9b1 {{Color box}}:   #a2a9b1, or  #a2a9b1 

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

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

Vector classic colours

edit

                

Colours from resource loader

edit

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

edit

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.

See also

edit

WM base colours

edit

Nesting from M82 diagram

Base90
Base100
Base80
Base70

Analogous dark theme

Base10
Base0
Base20
Base30


CSS Variables

edit

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

edit
Latest comment: 2 years ago1 comment1 person in discussion
  1. 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

edit
Latest comment: 1 year ago1 comment1 person in discussion

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)
Add topic
Retrieved from "https://en.wikipedia.org/w/index.php?title=User:Pelagic/Sandbox/old&oldid=1177229662"