Link to article: S. Yvonne's Workshop for Alternate GoI Logos.
:root {
--linkColor: #88C0D0;
--primaryBackgroundColor: #fafcff;
--secondaryBackgroundColor: #E5E9F0;
--tertiaryBackgroundColor: #D8DEE9;
--borderColor: #4C566A;
--shadow: rgba(46,52,64,0.25);
--selectionColor: #EBCB8B;
--textColor: #2E3440;
--textColor-alt: #434C5E;
--header-title: "STUDIO YVONNE";
--page-content-width: 76.5rem;
}
#side-bar, #license-area {
--secondaryBackgroundColor: #2E3440;
--tertiaryBackgroundColor: #434C5E;
--textColor: #D8DEE9;
}
#header h1 {
padding-block: 2.5rem;
}
/*-----------------------*/
.title-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: .5rem;
.meta-title { display: contents; }
.meta-title::before { display: none; }
.meta-title::after { min-width: 2.75rem; }
div.page-rate-widget-box {
margin: 0;
min-width: max-content;
}
}
.yui-navset {
flex-direction: row;
flex-wrap: wrap;
.yui-nav { align-self: start; flex-basis: 12.25rem; flex-shrink: 0; flex-grow: 1;}
.yui-content { flex-grow: 99; flex-basis: 40rem; }
}
.yui-navset.yui-navset-top .yui-nav :is(li, .selected) {
flex-basis: 11.5rem;
}
/*-----------------------*/
.main-display {
display: flex;
justify-content: center;
gap: .5rem;
flex-wrap: wrap;
> br { display: none; }
}
.mds-element {
display: flex;
flex-direction: column;
font-family: var(--mono-font);
text-align: center;
> img { display: block; max-height: min(23.75rem, 50svh); border-radius: var(--radius-adjust); }
> .mds-label { font-size: .95em; }
}
.scp-tuts {
margin-block: .5rem;
display: flex;
justify-content: center;
gap: .5rem;
flex-wrap: wrap;
> .tut-step {
flex-basis: 13.75rem;
font-size: .875rem;
text-align: center;
> p { margin: 0; }
>img { border-radius: var(--radius-adjust); }
}
}
font-family: var(--mono-font);
:scp-wiki:theme:monotypical
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
title-wrapper
meta-title
blockquote
main-display
mds-element
scp-tuts
tut-step
tut-step
tut-step
tut-step
tut-step
tut-step
tut-step
tut-step
tut-step
tut-step
main-display
mds-element
mds-label
mds-element
mds-label
main-display
mds-element
mds-label
mds-element
mds-label
mds-element
mds-label
main-display
mds-element
main-display
mds-element
mds-label
mds-element
mds-label
main-display
mds-element
mds-label
mds-element
mds-label
mds-element
mds-label
main-display
mds-element
mds-label
main-display
mds-element
mds-label
mds-element
mds-label
mds-element
mds-label
mds-element
mds-label
main-display
mds-element
mds-label
mds-element
mds-label
main-display
mds-element
mds-label
mds-element
mds-label
blockquote
blockquote