Link to article: Parawatch User DFAstillo's Post History.
/* _ _ _ */
/*| | | | __ _ _ _ __| | ___ _ __ */
/*| |_| |/ _` | | | |/ _` |/ _ \ '_ \ */
/*| _ | (_| | |_| | (_| | __/ | | |*/
/*|_| |_|\__,_|\__, |\__,_|\___|_| |_|*/
/* |___/ */
#page-title {
display: none;
}
#main-content {
max-width: 100%;
}
.astillo a img {
background-image: none!important;
}
.astillo a:last-child {
display: none;
}
.astillo {
width: 20%;
position: relative;
aspect-ratio: 1;
}
.astillo :is(a, .printuser, p) {
display: block;
height: 100%;
width: 100%;
margin: 0;
position: absolute;
top: 0; left: 0;
}
.astillo a img.small {
height: 100%;
width: 100%;
position: absolute;
top: 0; left: 0;
padding: 0;
}
textarea {
font-family: monospace;
}
.divider {
height: 3px;
background-color: #ffedb9;
width: 100%;
}
.topbox {
display: flex;
}
.username {
flex-grow: 1;
font-size: 2rem;
margin-top: 1rem;
flex-basis: 100%;
margin-left: 1rem;
}
.username .printuser a::before {
content: "USER:";
}
.user-info {
display: flex;
flex-wrap: wrap;
font-size: 1rem;
}
.info-item {
flex-basis: 50%;
height: max-content;
}
.full-width {
flex-basis: 100%;
}
.yui-navset .yui-nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.yui-navset .yui-nav li {
display: flex;
align-content: center;
justify-content: center;
flex-wrap: wrap;
font-size: 1.2rem;
margin: 0;
}
div.yui-navset ul.yui-nav a em, div.yui-navset ul.yui-nav {
border: 0;
}
div.yui-navset ul.yui-nav a {
border: solid 4px #aaa;
background-color: grey;
border-bottom-color: #555;
border-right-color: #555;
color: black;
font-weight: bold;
}
div.yui-navset div.yui-content {
border: 0;
margin-top: 1rem;
background: 0;
}
div.yui-navset ul.yui-nav .selected a, div.yui-navset ul.yui-nav .selected a:is(:hover, :focus, :active) {
border-width: 4px;
}
div.yui-navset ul.yui-nav a:is(:hover, :active, :focus) {
background-color: grey;
border-color: #555;
border-bottom-color: #aaa;
border-right-color: #aaa;
}
.post {
width: 80%;
margin: 1rem auto;
border: solid 2px #555;
padding: 0 1rem;
background-color: #242424;
}
.post .title {
font-size: 1.4rem;
color: #ffff80;
}
.post .date {
font-family: "monospace", monospace;
opacity: 0.6;
text-align: right;
font-size: 0.8rem;
}
.yui-navset .yui-nav .selected a em {
padding: 0.25em .75em;
}
.yui-navset .yui-nav .selected {
margin: 0;
}
#top-bar .open-menu a {
border: solid 4px #aaa;
border-radius: 0;
border-bottom-color: #555;
border-right-color: #555;
background-color: grey;
color: black;
font-weight: bold;
}
#top-bar .open-menu a:hover {
border-color: #555;
border-bottom-color: #aaa;
border-right-color: #aaa;
}
.odate {
display: block;
}
@media (max-width: 1077px) {
.astillo { display: none;}
.username{margin: 1rem; font-size: 1.5rem;}
.yui-navset .yui-nav li {font-size: 0.8rem;}
div[style*="font-size: 2rem;"] {font-size: 1.5rem!important;}
}
display: inline-block
display: inline-block
display: inline-block
font-size: 2rem; color: #ffff80; text-align: center
divider
topbox
astillo
username
user-info
info-item
info-flex
bio-content
info-item
info-item
info-item
info-item
full-width
post
title
post-content
date
post
title
post-content
date
post
title
post-content
date
post
title
post-content
date
post
title
post-content
date
post
title
post-content
post
title
post-content