Link to article: SCP-5019.
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
.lostmedia-comment,
.lostmedia-comment * {
box-sizing: border-box;
}
.lostmedia-comment * {
font-family: 'Poppins', sans-serif;
}
.lostmedia-comment {
margin-top:5px;
margin-bottom:5px;
overflow:hidden;
background-color: #fff;
}
.lostmedia-comment .comment {
position:relative;
}
.lostmedia-comment .reply-comment {
margin-top:10px;
margin-left:30px;
}
.lostmedia-comment .head-comment > .comment-header {
border-top:1px solid #00a7d8;
}
.lostmedia-comment .target-comment .comment-header {
border:2px solid green;
}
.lostmedia-comment .comment-header {
background-color:#e4f1ff;
}
.lostmedia-comment .reply-comment > .comment-header {
background-color:#f5faff;
}
.lostmedia-comment .comment-header {
padding-top:2px;
padding-bottom:2px;
background-color:#f9f9f9 !important;
width:100%
}
.lostmedia-comment .head-comment > .comment-header {
border-top: 4px solid #36782c;
}
.lostmedia-comment .comment-header-left {
display:inline-block;
vertical-align:middle;
}
.lostmedia-comment .comment-header-center {
display:inline-block;
vertical-align:middle;
padding-left:5px;
}
.lostmedia-comment .comment-header-right {
display:inline-block;
float:right;
}
.lostmedia-comment .avatar {
height:48px;
padding:5px;
}
.lostmedia-comment .comment-title {
font-size:20px;
font-weight:bold;
}
.lostmedia-comment .comment-author {
padding-right:5px;
font-size:12px;
}
.lostmedia-comment .comment-author a {
color:#00a7d8;
font-weight:bold;
}
.lostmedia-comment .collapsible-block {
position: relative;
}
.lostmedia-comment .collapsible-block .collapsible-block-link {
position: absolute;
top: -50px;
right: 0;
width: 32px;
height: 32px;
box-sizing: content-box;
padding: 0 5px;
color: rgba(0,0,0,0);
}
.lostmedia-comment .collapsible-block .collapsible-block-link:hover {
background-color:#8eddf5;
mix-blend-mode: darken;
}
.lostmedia-comment .comment-body {
margin-bottom:5px;
font-size:14px;
padding-left: 5px;
}
.lostmedia-comment .comment-details {
color:#555555;
opacity:0.8;
font-size:12px;
padding-right:5px;
padding-left:5px;
}
.lostmedia-comment .button {
background-color:transparent;
border:none;
font-family:sans-serif;
font-weight:bold;
text-decoration:none;
padding-left:5px;
padding-right:5px;
box-shadow:none;
-webkit-appearance: button;
cursor: pointer;
text-transform: none;
overflow: visible;
margin: 0;
}
.lostmedia-comment .button:hover {
background-color:#8eddf5;
}
.lostmedia-comment .button:enabled:active {
opacity:0.5;
}
.lostmedia-comment .button:enabled:hover {
color:#3ccefa;
}
.lostmedia-comment .button:disabled {
color:#95a5a6;
opacity:0.2;
}
.lostmedia-comment .moderator-button {
color:#ff0000;
}
.lostmedia-comment .moderator-button:enabled:hover {
color:#ff5555;
}
.lostmedia-comment .toggle-button {
border:none;
border-style:none;
}
.lostmedia-comment .vote-upcount,
.lostmedia-comment .vote-downcount {
color:#555555;
padding-left:3px;
}
.lostmedia-comment .link-button {
border:none;
border-style:none;
font-size:12px;
font-weight:normal;
text-align:left;
position: relative;
}
.lostmedia-comment .link-button a,
.lostmedia-comment .link-button a:hover,
.lostmedia-comment .link-button a:active,
.lostmedia-comment .link-button a:visited {
text-decoration: none;
color: #333;
}
.lostmedia-comment .reply-button {
font-size:12px;
font-weight:normal;
text-align:left;
}
.lostmedia-comment div.span {
display: inline-block;
}
@import url("https://use.typekit.net/tqr1skr.css");
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700|Poppins:400,600&display=swap');
@import url("https://fontlibrary.org/face/comic-neue");
/* REDDIT */
.reddit-post{
background-color: #fcfcfb;
border: 1px solid #b5b3ac;
padding: 0 .85em;
margin: .43em;
overflow: hidden;
font-family: verdana,arial,sans-serif;
}
float: right; width: 93.5%;
color: #551a8b; font-size: medium; font-weight: normal; margin-bottom: 1px;
font-size: x-small;
color: #888; font-size: x-small; font-weight: bold; padding: 1px 0;
text-align: center; color: #FF8B60; font-weight: bold; font-size: large;
text-align: center; color: #FF8B60; font-weight: bold; font-size: small;
text-align: center; color: #B6B6B6; font-weight: bold; font-size: large;
float: right; width: 93.5%;
display: inline-block; font-size: x-small; height: .67em;
padding: 1px; color: #369;
font-weight: bold; margin-right: .4em; color: #369;
color: #888;
font-size: small; font-weight: 400; color: #222;
display: inline-block; text-align: center; color: #B6B6B6; font-weight: bold; font-size: large; height: 19px;
display: inline-block; text-align: center; color: #B6B6B6; font-weight: bold; font-size: large; height: 19px;
margin-left: 2em;
float: right; width: 93.5%;
display: inline-block; font-size: x-small; height: .67em;
padding: 1px; color: #369;
font-weight: bold; color: #0055df;
padding: 1px;
color: #888;
font-size: small; font-weight: 400; color: #222;
display: inline-block; text-align: center; color: #B6B6B6; font-weight: bold; font-size: large; height: 19px;
display: inline-block; text-align: center; color: #B6B6B6; font-weight: bold; font-size: large; height: 19px;
margin-left: 4em;
float: right; width: 90%;
display: inline-block; font-size: x-small; height: .67em;
padding: 1px; color: #369;
font-weight: bold; margin-right: .4em; color: #369;
color: #888;
font-size: small; font-weight: 400; color: #222;
display: inline-block; text-align: center; color: #B6B6B6; font-weight: bold; font-size: large; height: 19px;
display: inline-block; text-align: center; color: #B6B6B6; font-weight: bold; font-size: large; height: 19px;
blockquote
lostmedia-comment
expanded
comment
head-comment
comment-header
comment-header-left
comment-header-center
comment-title
comment-author
span
comment-details
span
comment-details
span
comment-details
span
button
link-button
span
comment-header-right
button
toggle-button
comment-body
reddit-post
reddit-post
reddit-post
reddit-post
footer-wikiwalk-nav