Link to article: Wikidot Troubleshooting Cheatsheet.
/*collab:wikidot-syntax-footguns*/#page-content a[target="_blank"] {
position: relative;
}
#page-content a[target="_blank"]:hover::after {
position: absolute;
top: 150%;
left: 50%;
background-color: #eee;
border: 1px solid #666;
padding: 7px;
content: "Note: This link opens in a new tab.";
max-width: unset;
color: black;
width: max-content;
transform: translateX(-50%);
z-index: 2;
}
h2 {
margin-top: 2lh;
border-bottom: 1px solid #333;
}
.big {
font-size: 400%;
text-align: center;
}
#toc {
background: none;
border: none;
font-size: 150%;
}
@media (max-width: 768px) {
#toc {
font-size: 120%;
}
}
#toc #toc-list > div::before {
content: "• ";
width: 1em;
display: inline-block;
}
#toc #toc-list > div {
text-indent: 1em hanging;
margin-bottom: 0.5lh;
}
:root:has(.collapsible-toggle .collapsible-block-folded[style*="none"])
:not(.collapsible-toggle) > * > .collapsible-block-unfolded {
display: block !important;
}
:root:has(.collapsible-toggle .collapsible-block-folded[style*="none"])
:not(.collapsible-toggle) > .collapsible-block .collapsible-block-link {
display: none !important;
}
.collapsible-toggle .collapsible-block {
position: fixed;
bottom: 0;
left: 0;
background-color: white;
border-top: 1px solid black;
border-right: 1px solid black;
padding: 20px;
box-shadow: 5px solid #0006;
}
tt {
background-color: #eee;
border-radius: 5px;
}
div#toc {
width: 100%;
max-width: 100%;
border: none;
background-color: transparent;
}
#page-content div.output-box {
border: 1px solid black;
background-color: white;
box-shadow: 0 0 20px #0005;
position: relative;
padding: 2rem;
margin-inline: auto;
max-width: 25rem;
}
div.fancy-box {
position: relative;
padding: 0 0.5rem;
padding-left: 70px;
margin-top: 2.3rem;
color: var(--fg);
background-color: var(--bg);
margin-left: 1rem;
margin-right: 1rem;
}
div.fancy-box::before {
content: " ";
display: block;
width: 50px;
height: 100%;
position: absolute;
left: 10px;
top: -15px;
mask-position: center;
margin-right: 1em;
margin-top: 1em;
mask-repeat: no-repeat;
background-color: var(--fg);
mask-image: var(--icon);
}
div.fancy-box::after {
position: absolute;
top: -1.4rem;
left: 0;
width: 100%;
height: 1.4rem;
content: var(--header-text) / var(--header-text);
padding-left: 0.3em;
box-sizing: border-box;
font-weight: bold;
font-family: monospace;
background-color: var(--header-bg);
}
div.bad {
--bg: #fbb;
--fg: #422;
--header-bg: #e88;
--header-text: "Bad:";
--icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmNsb3NlPC90aXRsZT48cGF0aCBkPSJNMTksNi40MUwxNy41OSw1TDEyLDEwLjU5TDYuNDEsNUw1LDYuNDFMMTAuNTksMTJMNSwxNy41OUw2LjQxLDE5TDEyLDEzLjQxTDE3LjU5LDE5TDE5LDE3LjU5TDEzLjQxLDEyTDE5LDYuNDFaIiAvPjwvc3ZnPg==");
}
div.good {
--bg: #afa;
--fg: #242;
--header-bg: #7e7;
--header-text: "Good:";
--icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmNoZWNrPC90aXRsZT48cGF0aCBkPSJNMjEsN0w5LDE5TDMuNSwxMy41TDQuOTEsMTIuMDlMOSwxNi4xN0wxOS41OSw1LjU5TDIxLDdaIiAvPjwvc3ZnPg==");
}
div.output {
--bg: #ddd;
--fg: #333;
--header-bg: #bbb;
--header-text: "Output:";
--icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmFwcGxpY2F0aW9uLW91dGxpbmU8L3RpdGxlPjxwYXRoIGQ9Ik0yMSAySDNDMS45IDIgMSAyLjkgMSA0VjIwQzEgMjEuMSAxLjkgMjIgMyAyMkgyMUMyMi4xIDIyIDIzIDIxLjEgMjMgMjBWNEMyMyAyLjkgMjIuMSAyIDIxIDJNMjEgMjBIM1Y2SDIxVjIwWiIgLz48L3N2Zz4=");
}
.sidebyside {
display: flex;
}
@media (max-width: 768px) {
.sidebyside {
flex-direction: column;
}
}
h2:target {
animation: blink 1s;
animation-delay: 0.5s;
}
.mono {
font-family: var(--mono-font);
}
@keyframes blink {
0% { color: rgb(var(--basalt-main-text-color)); }
50% { color: red; }
100% { color: rgb(var(--basalt-main-text-color)); }
}
td {
background-color: white;
}
.annotated {
display: flex;
flex-direction: row;
}
@media (max-width: 800px) {
.annotated {
flex-direction: column;
}
}
@media not (max-width: 800px) {
.annotated > * {
width: 50%;
}
.annotated {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
}
}
/*collab:wikidot-syntax-footguns*/.clearbug .blockquote {
overflow: visible;
}
.clearbug {
overflow: auto;
}
.clearbug .scp-image-block.block-right {
clear: none;
}
display: none;
background-color: #b01; color: white;
background-color: #272; color: white;
background-color: #b01
width: 250px;
color:red;
color:#a00;
color:#a00;
color:#a00;
color:#a00;
:scp-wiki:theme:basalt
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:image-block
[info]
collapsible-toggle
annotated
fancy-box
good
big
annotated
fancy-box
bad
big
annotated
fancy-box
bad
mono
annotated
fancy-box
good
mono
annotated
fancy-box
bad
mono
annotated
annotated
annotated
fancy-box
bad
mono
annotated
fancy-box
good
mono
annotated
fancy-box
bad
mono
blockquote
annotated
output-box
clearbug
blockquote
annotated
fancy-box
good
mono
blockquote
annotated
output-box
clearbug
blockquote
annotated
output-box
annotated
fancy-box
bad
mono
annotated
output-box
annotated
fancy-box
good
mono
annotated
fancy-box
bad
mono
annotated
fancy-box
bad
mono
wiki-content-table
blockquote
blockquote
fancy-box
bad
mono
fancy-box
good
mono
fancy-box
bad
mono
fancy-box
good
mono