The frontend/UI server, written in JS using the MarkoJS library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

101 lines
1.5 KiB

div.post {
margin-top: 1em;
margin-bottom: 1ch;
margin-left: -12px;
padding-left: 12px;
padding-right: 0.5ch;
transition: background-color 0.333s linear;
div.post-meta-row {
padding: 0;
margin: 0;
}
a.anchor {
display: block;
position: relative;
top: -4em;
}
div.options {
position: absolute;
text-align: right;
width: calc(100% - 38.75ch);
max-width: 95ch;
a {
display: inline-block;
padding: 0 0.5ch;
opacity: 0.5;
cursor: pointer;
user-select: none;
}
a:hover {
opacity: 1;
}
@media screen and (max-width: 700px) {
width: calc(100% - 6.5ch);
}
}
div.post-body {
font-size: 1.25em;
div.nick-wrapper {
display: inline;
.nick-decoration {
display: inline;
}
.nick {
display: inline;
}
}
div.post-content {
display: inline;
}
div.annotation {
margin-top: 0.33em;
}
p:first-of-type {
margin-top: 0;
padding-top: 0;
}
p:last-of-type {
padding-bottom: 0.1em;
}
}
}
div.post.pk-scene {
margin-left: -14px;
border-left: 2px solid #68A;
}
div.post.pk-scene.anchored {
background-color: rgba(102, 136, 170, 0.25);
}
div.post.pk-action.anchored {
background-color: rgba(170, 102, 68, 0.25);
}
div.post.pk-text.anchored {
background-color: rgba(170, 170, 170, 0.25);
}
div.post.multipart {
margin-top: -0.9em;
div.post-meta {
span {
display: none;
}
}
}