Link to article: SCP-8867.
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root {
--comment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='-2.4 -2.4 28.8 28.8'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 4H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h3.188c1 0 1.812.811 1.812 1.812 0 .808.976 1.212 1.547.641l1.867-1.867A2 2 0 0 1 14.828 18H19a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z'/%3E%3C/svg%3E");
--repost: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m20 12-6.4-7v3.5C10.4 8.5 4 10.6 4 19c0-1.167 1.92-3.5 9.6-3.5V19l6.4-7Z'/%3E%3C/svg%3E");
--heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 4c-3.2 0-5 2.667-5 4 0-1.333-1.8-4-5-4S3 6.667 3 8c0 7 9 12 9 12s9-5 9-12c0-1.333-.8-4-4-4Z'/%3E%3C/svg%3E");
--upload: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M12.005 11.995v.01M12.005 6.995v.01M12.005 16.995v.01'/%3E%3C/svg%3E");
}
body {
font-family: "Noto Sans";
}
.twitbox p {
margin-block-start: 0;
margin-block-end: 0;
}
.twitbox {
max-width: 400px;
width: 80%;
padding: 1em;
margin: auto;
background-color: white;
border-radius: 1em;
box-shadow: lightgrey 0px 0px 0px 0.5em;
}
.twitbox table {
width: 100%;
}
.twitname {
font-weight: 600;
}
.lineconnect {
background-image: linear-gradient(to bottom, white 10px, transparent 10px), linear-gradient(to right, transparent 48.5%, lightgrey 48.5% 51.5%, transparent 51.5%);
vertical-align: top;
height: 100%;
max-width: 3em;
width: 2em;
}
.twithandle {
color: #687684;
font-weight: 300;
}
.flextwit {
display: flex;
margin-top: 4px;
}
.flexbutton {
flex: 25%;
filter: opacity(0.5);
padding-left: 20px;
}
.commentx p::before {
content: var(--comment);
position: absolute;
left: 0;
}
.repostx p::before {
content: var(--repost);
position: absolute;
left: 0;
}
.heartx p::before {
content: var(--heart);
position: absolute;
left: 0;
top: 2px;
}
.uploadx p::before {
content: var(--upload);
position: absolute;
left: 0;
}
.hashtag {
color: #026eb0;
font-weight: 300;
}
.twitbox .printuser > a:first-child img, .comentbox .printuser > a:first-child img {
background-image: none !important;
border-radius: 100%;
height: 2rem;
width: 2rem;
border: solid 2px rgba(206, 205, 206, 0.5);
padding-left: 0;
background: white;
}
.twitbox .printuser > a:first-child img:hover, .comentbox .printuser > a:first-child img:hover {
border: solid 2px #026eb0;
}
.twitbox .printuser a:nth-child(2), .comentbox .printuser a:nth-child(2) {
display: none;
}
@media only screen and (max-width:600px){
.flextwit {
display: none;
}
.lineconnect {
max-width: 3em;
width: 2.5em;
}
}
.noto-sans-notosans {
font-family: "Noto Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 100;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
.noto-serif-notoserif {
font-family: "Noto Serif", serif;
font-optical-sizing: auto;
font-weight: 100;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
.tag {
text-decoration: dotted underline;
text-decoration-thickness: 2px;
}
.ao3 {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);
border: 2px #7d7d7d;
padding: 2em;
padding-bottom: 1.5em;
font-family: "Noto Sans", sans-serif;
}
#page-content table.wiki-content-table td {
vertical-align: top;
display: table-cell;
}
--tables-border: 0 0 0 0; padding-right: 90px;
font-family:
font-family:
font-family:
font-family:
--tables-border: 0 0 0 0; padding-right: 90px;
font-family:
font-family:
font-family:
font-family:
--tables-border: 0 0 0 0; padding-right: 90px;
font-family:
font-family:
font-family:
font-family:
--tables-border: 0 0 0 0; padding-right: 90px;
font-family:
font-family:
font-family:
font-family:
--tables-border: 0 0 0 0; padding-right: 90px;
font-family:
font-family:
font-family:
font-family:
--tables-border: 0 0 0 0; padding-right: 90px;
font-family:
font-family:
font-family:
font-family:
:scp-wiki:component:preview
[info]
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:minimalist-bhl
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:adult-content-warning
[info]
:scp-wiki:info:start
[info]
:scp-wiki:info:end
[info]
:scp-wiki:component:info-cw
[info]
:scp-wiki:component:anomaly-class-bar-source
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:dynamic-emails
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
twitbox
lineconnect
twitname
twithandle
hashtag
flextwit
flexbutton
commentx
flexbutton
repostx
flexbutton
heartx
flexbutton
uploadx
blockquote
ao3
tag
tag
tag
tag
tag
tag
tag
blockquote
twitbox
lineconnect
twitname
twithandle
flextwit
flexbutton
commentx
flexbutton
repostx
flexbutton
heartx
flexbutton
uploadx
blockquote
ao3
tag
tag
tag
tag
tag
tag
tag
blockquote
blockquote
ao3
tag
tag
tag
tag
tag
tag
tag
blockquote
blockquote
ao3
tag
tag
tag
tag
tag
tag
tag
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
ao3
tag
tag
tag
tag
tag
tag
tag
blockquote
blockquote
blockquote
ao3
tag
tag
tag
tag
tag
tag
tag
blockquote
footer-wikiwalk-nav