User:Inductiveload/show markup.css

Note: After saving, changes may not occur immediately. Click here to learn how to bypass your browser's cache.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Cmd-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (Cmd-Shift-R on a Mac)
Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Clear the cache in Tools → Preferences

For details and instructions about other browsers, see Wikipedia:Bypass your cache.

Code that you insert on this page could contain malicious content capable of compromising your account. If you are unsure whether code you are adding to this page is safe, you can ask at the central discussion page, Scriptorium. The code will be executed when previewing this page under some skins, including Monobook. You can Purge this page in the interim if you wish to refresh the content sooner under another skin.

Documentation for this script can be added at User:Inductiveload/show markup. This script seems to have an accompanying .js page at User:Inductiveload/show markup.js.

/*
 * Simple CSS to reveal some common constructs like the boundaries of
 * boxes, etc
 */

.wst-toc-table {
    outline: 1px dashed lightblue;
}

.wst-dtpl,
.table-of-contents {
    outline: 1px dashed tomato;
}

.wst-div-col {
    outline: 1px dashed teal;
}

.wst-toc-table::before,
.table-of-contents::before,
.wst-div-col::before {
    white-space: nowrap;
    font-size: 0.5rem;
}

.wst-toc-table::before{ content: "{TOC begin}"; }
.table-of-contents::before{ content: "{TOCstyle}" }
.wst-div-col::before {   content: "{div col}";  }

big, /*small,*/ tt, font {
    outline: 1px dashed pink;
}

center {
    outline: 1px dashed orange;
}

table[align], tr[align], td[align], div[align] {
    outline: 1px dashed purple;
}

center::before, big::before, small::before {
    white-space: nowrap;
    font-size: 0.5rem;
}

center::before { content: "<c>"; }
big::before { content: "<bg>"; }
/*small::before { content: "<sm>"; }
*/
div.wst-freedimg {
    outline: 1px dashed red;
}
span.wst-freedimg {
    outline: 1px dashed pink;
}

.wst-block-center {
    outline: 1px dashed green;
}

.wst-block-right {
    outline: 1px dashed lime;
}

.wst-block-left {
    outline: 1px dashed lime;
}

.dropinitial {
    outline: 1px dashed lime;
}

.wst-gap {
    border-bottom: 1px dashed lightgreen;
}

.wst-dhr {
    border: 1px dashed grey;
    visibility: visible !important;
}

.poem {
    border: 1px dashed blue;
}

/* misnested spans */
span div, span p, span table, p div, p p, p table {
    border: 1px solid red;
}

/* one day fixed by [[phab:T49544]], but for now show a bit to make it obvious if the linter is exploding */
.reference-text div, .reference-text p {
    border: 1px dashed orange;
}