Link to article: Ambrose Vienna: An Out-of-Mind Experience.
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@1,400;1,700&display=swap');
:root {
--inkblot-accent: #ffcb00; /* similar to 'gold' */
}
/* If you use this menu CSS on an Ambrose article, please let me know!
* I'd love to hear about it so that I can downvote you and chastise you for being unimaginative.
* Make your own menu! (and then let me know about that :3 )
*/
.menu {
position: relative;
background: url(https://scp-wiki.wdfiles.com/local--files/ambrose-vienna/paper.webp);
border-left: 0.75rem double #333;
border-right: 0.75rem double #333;
padding: 4rem min(4rem, 7vw);
margin: 2rem;
font-style: italic;
font-family: 'Courier Prime', monospace;
font-size: min(1.5rem, 3.5vw);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.menu > p { margin: 0; }
.menu > p:nth-child(2) { margin-left: 1rem; }
.menu > p:nth-child(3) { flex-basis: 100%; }
.menu::before, .menu::after {
content: "";
position: absolute;
pointer-events: none;
top: -1rem; right: -1rem; bottom: -1rem; left: -1rem;
background-image: url(https://scp-wiki.wdfiles.com/local--files/ambrose-vienna/clip.png);
background-position: 0 1rem;
background-size: 100% 2rem;
background-repeat: repeat-x;
}
.menu::after { transform: rotate(180deg); }
:scp-wiki:theme:inkblot
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:image-features-source
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
inkblot-header
inkblot-title
title-1
title-2
title-3
title-4
inkblot-info
menu