Link to article: anqxyr.
.article {
border: solid 1px #888880;
border-radius: 15px;
overflow: hidden;
margin-bottom: 20px;
box-shadow: 3px 3px 6px #666;
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
background: #223;
}
.article-title {
display: inline-block;
float: left;
padding-left: 15px;
margin-top: -8px;
margin-bottom: -8px;
font-weight: bold;
font-size: 90%;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}
.article-title a{
color: #fff;
}
.rating {
display: inline-block;
float: right;
padding-right: 15px;
margin-top: -8px;
margin-bottom: -8px;
font-weight: bold;
font-size: 90%;
color: #fff;
}
.article-body {
display: inline-block;
width: auto;
height: 140px;
padding-left: 15px;
padding-right: 15px;
font-style: italic;
background: url("https://www.scp-wiki.net/local--files/component:theme/panel-bg-gradient-reverse.png") repeat-x scroll center bottom #FFF9F0;
}
.article-footer {
display: inline-block;
width: 100%;
height: 17px;
padding-left: 15px;
padding-top: 3px;
}
.article-footer a {
margin-right: 15px;
}
.article-footer p {
margin: 0;
}
.col-left {
float: left;
width: 48%;
}
.col-right {
float: right;
width: 48%;
}
font-style: normal
font-size: 80%;
article-list
article
col-left
article-title
rating
article-body
article-footer
article
col-right
article-title
rating
article-body
article-footer
article
col-left
article-title
rating
article-body
article-footer
article
col-right
article-title
rating
article-body
article-footer
article
col-left
article-title
rating
article-body
article-footer
article
col-right
article-title
rating
article-body
article-footer
article
col-left
article-title
rating
article-body
article-footer
article
col-right
article-title
rating
article-body
article-footer