Link to article: reSCPes - Prepare, Cook, Serve up! No HW.
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap');
:root {
--header-title: 'reSCiPes';
--header-subtitle: 'Prepare, Cook, Serve up!';
--logo-image: url('http://scp-wiki.wikidot.com/local--files/re-scp-es/SCP%20Cooking%20logo.png');
--header-title-color: 192,192,192;
--header-subtitle-color: 192,192,192;
--top-bar-link-color: 192,192,192;
--header-border-color: 99,107,96;
--link-color: 179,122,18;
--link-visited-color: 179,122,18;
--link-newpage-color: 179,122,18;
--gradient-header: url('');
--header-font: Cutive Mono, serif;
}
@media only screen and (max-width: 56.25rem) {
:root { --gradient-header: url('');
}
}
#footer::before {
font-size: 1.5rem;
content: "";
}
#page-title { text-align: center; }
/*PAPERDIV JAY*/
.notejay {
background-image:
linear-gradient(90deg, transparent 2.35em, rgb(255, 101, 106) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
linear-gradient(rgba(213, 194, 96, 0.5) .1em, transparent .1625em);
background-position: 1rem 0.75rem;
background-size: 100% 1.8rem;
font-size: 1.1em;
box-shadow: 5px 3px 5px #C6BB87;
border-width: 1px;
border-style: dotted;
border-color: rgba(198, 187, 135);
padding-left: 2rem;
}
.notejay pre {
white-space: pre;
white-space: normal;
width: 100%;
overflow: hidden;
}
.notejay >*,
--wght: 400;
padding: 0 0 0 1rem;
font-weight: 400;
letter-spacing: 0.05em;
outline: none;
}
.notejay >* {
line-height: calc(var(--base-font-size) * 1.62);
}
.notejay2 {
background-image: linear-gradient(rgba(213, 194, 96, 0.5) .1em, transparent .1625em);
background-position: 1rem 0.75rem;
background-size: 100% 1.8rem;
font-size: 1.1em;
box-shadow: 5px 3px 5px #C6BB87;
border-width: 1px 1px 1px 0px;
border-style: dotted;
border-color: rgba(198, 187, 135);
}
.notejay2 pre {
white-space: pre;
white-space: normal;
width: 100%;
overflow: hidden;
}
.notejay2 >*,
--wght: 400;
padding: 0 0 0 3rem;
font-weight: 400;
letter-spacing: 0.05em;
outline: none;
}
.notejay2 >* {
line-height: calc(var(--base-font-size) * 1.62);
}
/*PAPERDIV SALAM*/
.notesalam {
background-image:
linear-gradient(90deg, transparent 2.35em, rgb(173, 216, 230) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
linear-gradient(rgba(213, 194, 96, 0.5) .1em, transparent .1625em);
background-position: 1rem 0.75rem;
background-size: 100% 1.8rem;
font-size: 1.5em;
box-shadow: 5px 3px 5px #C6BB87;
border-width: 1px;
border-style: dotted;
border-color: rgba(198, 187, 135);
padding-left: 2rem;
}
.notesalam pre {
white-space: pre;
white-space: normal;
width: 100%;
overflow: hidden;
}
.notesalam >*,
--wght: 400;
padding: 0 0 0 3rem;
font-weight: 400;
letter-spacing: 0.05em;
outline: none;
}
.notesalam >* {
line-height: calc(var(--base-font-size) * 1.62);
}
.notesalam2 {
background-image: linear-gradient(rgba(213, 194, 96, 0.5) .1em, transparent .1625em);
background-position: 1em 0.75rem;
background-size: 100% 1.8rem;
font-size: 1.5em;
box-shadow: 5px 3px 5px #C6BB87;
border-width: 1px 1px 1px 0px;
border-style: dotted;
border-color: rgba(198, 187, 135);
}
.notesalam2 pre {
white-space: pre;
white-space: normal;
width: 100%;
overflow: hidden;
}
.notesalam2 >*,
--wght: 400;
padding: 0 0 0 3rem;
font-weight: 400;
letter-spacing: 0.05em;
outline: none;
}
.notesalam2 >* {
line-height: calc(var(--base-font-size) * 1.62);
}
/*PAPERDIV GIJS*/
.notegijs {
background-image:
linear-gradient(90deg, transparent 2.35em, rgb(240,169,99) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
linear-gradient(rgba(213, 194, 96, 0.5) .1em, transparent .1625em);
background-position: 1rem 0.75rem;
background-size: 100% 1.8rem;
font-size: 1.3em;
box-shadow: 5px 3px 5px #C6BB87;
border-width: 1px;
border-style: dotted;
border-color: rgba(198, 187, 135);
padding-left: 2rem;
}
.notegijs pre {
white-space: pre;
white-space: normal;
width: 100%;
overflow: hidden;
}
.notegijs >*,
--wght: 400;
padding: 0 0 0 3rem;
font-weight: 400;
letter-spacing: 0.05em;
outline: none;
}
.notegijs >* {
line-height: calc(var(--base-font-size) * 1.62);
}
.notegijs2 {
background-image: linear-gradient(rgba(213, 194, 96, 0.5) .1em, transparent .1625em);
background-position: 1rem 0.75rem;
background-size: 100% 1.8rem;
font-size: 1.3em;
box-shadow: 5px 3px 5px #C6BB87;
border-width: 1px 1px 1px 0px;
border-style: dotted;
border-color: rgba(198, 187, 135);
}
.notegijs2 pre {
white-space: pre;
white-space: normal;
width: 100%;
overflow: hidden;
}
.notegijs2 >*,
--wght: 400;
padding: 0 0 0 3rem;
font-weight: 400;
letter-spacing: 0.05em;
outline: none;
}
.notegijs2 >* {
line-height: calc(var(--base-font-size) * 1.62);
}
/*PAPERDIV HARRIT*/
.noteharrit {
background-image:
linear-gradient(90deg, transparent 2.35em, rgb(152, 211, 128) 2.35em, rgb(255, 101, 106) 2.5em, transparent 2.5em),
linear-gradient(rgba(213, 194, 96, 0.5) .1em, transparent .1625em);
background-position: 1rem 0.75rem;
background-size: 100% 1.8rem;
font-size: 1.3em;
box-shadow: 5px 3px 5px #C6BB87;
border-width: 1px;
border-style: dotted;
border-color: rgba(198, 187, 135);
padding-left: 2rem;
}
.noteharrit pre {
white-space: pre;
white-space: normal;
width: 100%;
overflow: hidden;
}
.noteharrit >*,
--wght: 400;
padding: 0 0 0 3rem;
font-weight: 400;
letter-spacing: 0.05em;
outline: none;
}
.noteharrit >* {
line-height: calc(var(--base-font-size) * 1.62);
}
.noteharrit2 {
background-image: linear-gradient(rgba(213, 194, 96, 0.5) .1em, transparent .1625em);
background-position: 1em 0.75rem;
background-size: 100% 1.8rem;
font-size: 1.3em;
box-shadow: 5px 3px 5px #C6BB87;
border-width: 1px 1px 1px 0px;
border-style: dotted;
border-color: rgba(198, 187, 135);
}
.noteharrit2 pre {
white-space: pre;
white-space: normal;
width: 100%;
overflow: hidden;
}
.noteharrit2 >*,
--wght: 400;
padding: 0 0 0 3rem;
font-weight: 400;
letter-spacing: 0.05em;
outline: none;
}
.noteharrit2 >* {
line-height: calc(var(--base-font-size) * 1.62);
}
/*TOP BUTTON*/
.stocky{
float: right;
position: sticky;
bottom: 20px;
right: 20px;
background-color: #FF9FA2;
padding: 2px;
border-radius: 15px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
margin-right: 10px;
transition: 0.3s !important;
}
.stocky:hover{
background-color :#e5d4be;
}
.stocky p{
line-height: 0;
}
/*RECIPE INSTRUCTIONS BLOCK*/
.recipeneed{
background-color: transparent;
padding: 15px;
text-align: left;
margin-left: 3rem;
}
.recipeact{
background-color: transparent;
padding: 15px;
text-align: left;
margin-left: 1.5rem;
}
/*PICTURE BLOCK*/
.recipepic{
width: 50%;
text-align: center
display: block;
margin-left: auto;
margin-right: auto;
font-style: italic;
padding: 10px;
transform: rotate(5deg);
}
/*BLOG BLOCK*/
.canon-block {
--link-color: #b01;
font-size: 1.05em;
text-align: center;
position: relative;
padding: 1.125rem 1.675rem;
background-color: #fff;
box-shadow: 0 0 .325rem rgb(0 0 0 / 0.25);
}
border: dashed #ff3f45; background:#fff8cd; margin-bottom: 10px;
float: right; width: 40%; padding: 5px; shape-outside: url(http://scp-wiki.wikidot.com/local--files/re-scp-es/everwood.png); shape-margin:1em;
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
border: dashed #ff3f45; background:#ADD8E6; margin-bottom: 10px;
float: right; width: 40%; padding: 5px; shape-outside: url(http://scp-wiki.wikidot.com/local--files/re-scp-es/sage.png); shape-margin:1em;
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
border: dashed #ff3f45; background:#FFD2A6; margin-bottom: 10px;
float: right; width: 40%; padding: 5px; shape-outside: url(http://scp-wiki.wikidot.com/local--files/re-scp-es/gijs.png); shape-margin:1em;
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
width:50%; box-shadow: 5px 3px 5px #C6BB87;
width:50%; box-shadow: 5px 3px 5px #C6BB87;
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
width:50%; box-shadow: 5px 3px 5px #C6BB87;
border: dashed #ff3f45; background:#98D380; margin-bottom: 10px;
float: right; width: 30%; padding: 5px; shape-outside: url(http://scp-wiki.wikidot.com/local--files/re-scp-es/TransSwan.png); shape-margin:1em;
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
width:50%; box-shadow: 5px 3px 5px #C6BB87;
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
transform: rotate(2deg);
width: 50%; margin:auto; padding-right: 5px; border: none;
box-shadow: 5px 3px 5px #C6BB87;
width: 50%; margin:auto; padding-left: 10px; border: none;
transform: rotate(-3deg);
width:50%; box-shadow: 5px 3px 5px #C6BB87;
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:eventyr
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
canon-block
notejay2
notejay
recipeneed
recipeact
notejay2
notejay
recipeneed
recipeact
notejay2
notejay
recipeneed
recipeact
notejay2
notejay
recipeneed
recipeact
notejay2
notejay
recipeneed
recipeact
canon-block
notesalam2
notesalam
recipeneed
recipeact
notesalam2
notesalam
recipeneed
recipeact
notesalam2
notesalam
recipeneed
recipeact
notesalam2
notesalam
recipeneed
recipeact
notesalam2
notesalam
recipeneed
recipeact
notesalam2
notesalam
recipeneed
recipeact
canon-block
notegijs2
notegijs
recipeneed
recipeact
notegijs
recipeneed
recipeact
notegijs2
notegijs
recipeneed
recipeact
notegijs2
notegijs
recipeneed
recipeact
canon-block
noteharrit2
noteharrit
recipeneed
recipeact
noteharrit2
noteharrit
recipeneed
recipeact
noteharrit2
noteharrit
recipeneed
recipeact
noteharrit2
noteharrit
recipeneed
recipeact
stocky