Link to article: Ambrose Gloucester: Best You Ever Had.
:root {
--inkblot-accent: mediumseagreen;
--header-title: "WALDON STUDIO";
--header-subtitle: "connoisseurs of the unknown";
}
@import url('https://fonts.googleapis.com/css2?family=Cantata+One&display=swap');
.metal {
margin: 1rem auto;
font-family: 'Cantata One', serif;
padding: 0 1rem;
color: #2b2d2c;
font-size: 1.5rem;
text-shadow: 0px 1px 3px rgba(255,255,255,0.5), 0px -1px 3px rgba(0,0,0,0.5);
filter: sepia(0.4);
border: 0.5rem outset #8e8e76;
background: linear-gradient(175deg, #797157 0%, #8e8e76 70%, #b5bca3 75%, #8e8e76 100%);
text-align: center;
width: 500px;
box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@1,400;1,700&display=swap');
/* 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(http://topia.wdfiles.com/local--files/cqb%3Areview/paper-texture.png);
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%; }
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@1,400;1,700&display=swap');
/* 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 )
*/
.letter {
position: relative;
background-color: Antiquewhite;
padding: 4rem min(4rem, 7vw);
margin: 2rem;
font-family: 'Cantata One', serif;
font-size: min(1.5rem, 3.5vw);
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.letter > p { margin: 0; }
.letter > p:nth-child(2) { margin-left: 1rem; }
.letter > p:nth-child(3) { flex-basis: 100%; }
.letter::before, .letter::after {
content: "";
position: absolute;
pointer-events: none;
top: -1rem; right: -1rem; bottom: -1rem; left: -1rem;
background-position: 0 1rem;
background-size: 100% 2rem;
background-repeat: repeat-x;
}
.letter::after { transform: rotate(180deg); }
:scp-wiki:theme:inkblot
[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
inkblot-image
letter
metal
metal
metal