Link to article: SCP-8492.
/* dynamic emails - responsive modifications by croquembouche
to be removed when dynamic emails is updated with improved responsivity */
.header-box {
background-image: url("http://scp-sandbox-3.wikidot.com/local--files/tiamat-elsen/WhiteLogo.png");
background-size: 75px 75px;
background-position: right 20px top 20px;
background-repeat: no-repeat;
}
.from-box {
font-weight: bold;
display: block;
text-align: right;
font-weight: 700;
margin-bottom: 0px;
margin-top: 5px;
}
.from-name-box {
color: #b01;
display: block;
text-align: left;
margin-top: 5px;
margin-bottom: 0px;
}
:is(.from-name-box, .to-name-box) span { word-break: break-word; }
.dyna-email {
container-type: inline-size;
}
.dyna-email > .header-box {
grid-template-areas:
"from from-name"
"to to-name"
"cc cc-text"
"subject subject-text";
grid-template-rows: unset;
align-items: start;
align-content: center;
column-gap: 1ch;
padding-top: 20px;
padding-inline: 0.5rem;
margin-bottom: 10px;
}
@container (max-width: 450px) {
.dyna-email > .header-box {
grid-template-areas:
"from" "from-name"
"to" "to-name"
"cc" "cc-text"
"subject" "subject-text";
grid-template-columns: 1fr;
}
.from-box, .to-box, .cc-box, .subject-box { text-align: left; }
}
.dyna-email .header-box * { margin-inline: 0; }
.dyna-email .from-box { grid-area: from; }
.dyna-email .from-name-box { grid-area: from-name; }
.dyna-email .to-box { grid-area: to; }
.dyna-email .to-name-box { grid-area: to-name; }
.dyna-email .cc-box { grid-area: cc; }
.dyna-email .cc-text-box { grid-area: cc-text; }
.dyna-email .subject-box { grid-area: subject; }
.dyna-email .subject-text-box { grid-area: subject-text; }
.content-box > hr{
background-color: white;
}
.footer-box > .bottom-left-box{
border-left: 2px solid white;
}
text-align: center;
text-align: center;
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:extra-black-highlighter-theme
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
component:image-block
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
dyna-email-container
dyna-email
header-box
from-box
from-name-box
to-box
to-name-box
cc-box
cc-none
cc-text-box
cc-none
subject-box
subject-text-box
content-box
blockquote
content-panel
standalone
series
content-panel
standalone
series
content-panel
standalone
series
blockquote
blockquote
blockquote
blockquote
blockquote
content-panel
standalone
series
blockquote
content-panel
standalone
series
content-panel
standalone
series
blockquote
footer-wikiwalk-nav