esa.io Redesign by KABA

/* ==UserStyle==
@name         esa.io Redesign
@version      20250408.06.54
@namespace    ?
@description  Adjust font size, link color, etc.
@license      No License
==/UserStyle== */

@-moz-document domain("esa.io") {
/* Base */
:root { --color-link: #0a9b94 }
}

@-moz-document domain("esa.io") {
/* Hide Items */

/* - Post List */
:not(.pagination):not(.sorter) + .post-list .category-path li:first-child,
.post-list__left, /* Main Thumbnails */
.post-list .thumbnail-list.viewer-action__thumbnail-list,
.post-list__record /* Update Date */
{ display: none }
}

@-moz-document domain("esa.io") {
/* - Posts Index */
@media (min-width: 1101px) and (max-width: 1320px) {
    .posts-index .main-column { max-width: calc(100% - 220px - 45px) }
}
}

@-moz-document domain("esa.io") {
/* - Post List */
.post-list { margin-top: 1.5em }
.post-list__item {
    margin-top: .5em;
    border-bottom: 0;
    padding: .2em 0;
    line-height: 1;
    transition: .2s;
}
.post-list__item:focus { background: 0 }
.post-list__upper {
	.post-list__number {
		/* .category-path__item values */
		margin-bottom: .3em;
		line-height: 1.2;
	}
}
.post-list .post-title {
	display: contents;
	margin: 0;

	.posts & { font-size: 120% }

	.emoji {
		/* NOTE: Not effective because it's an `inline` element */
		--size: 1em;
		width: var(--size);
		height: var(--size);

		&[alt=":esa2:"] {
			--size: 1.4em; /* NOTE: Effective because it's an img tag */
			margin-block: -.2em;
		}
	}
}
.post-list .post-title__link { color: var(--color-link) }
.post-title__tag { margin-left: .75em }
.post-list__footer { display: inline }
.post-list .viewer-action {
    float: right;
    box-shadow: 0 0 1px #0006;
    border-radius: 4px;
    padding: .3em .5em .2em 0;
    opacity: .4;
    transition: .2s;
}
.post-list .viewer-action:hover { opacity: 1 }
.post-list .viewer-action__item {
    margin: 0 0 0 10px;
    border-left: 1px solid rgba(0,0,0, .1);
    border-right: 0;
    padding-right: 0;
    padding-left: 12px;
}
.post-list .viewer-action__item:first-child {
    margin-left: 0;
    border-left: 0;
}
.post-title__name { margin: 0 }
.post-list__date {
	display: inline;
	margin-left: .3em;
}
.post-list__content {
    margin: 1em 0;
    line-height: 1.8;
    transition: .2s;
}
.post-list .viewer-action__count {
    margin-top: auto;
    margin-bottom: auto;
    font-family: 'Helvetica Neue', Helvetica, snas-serif;
}

/* -- Separator */
* + .post-list__item { counter-increment: item-count }
.post-list__item:nth-child(5n + 6)::before {
    display: table;
    position: relative;
    margin: 1em auto -.5em;
    padding: 0 .5em;
    background: #fff;
    color: #eee;
    content: counter(item-count);
}
.post-list__item:nth-child(5n + 6) .post-list__inner { flex-wrap: wrap }
.post-list__item:nth-child(5n + 6) .post-list__inner::before {
    width: 100%;
    margin-bottom: 2em;
    border-top: solid 1px rgba(0,0,0, .05);
    content: "";
}
}

@-moz-document domain("esa.io") {
/* - Post */
.layout-post__main { max-width: 48em }
/*  -- Comment */
.layout-post__aside-content { max-width: calc(48em + 84px + 15px * 2) }
/* -- TOC */
.toc-list { margin-left: 1.65em }
@media (max-width: 1180px) {
    .posts-show .toc { width: auto }
}
/* -- Markdown */
.markdown { line-height: 1.6 }
.markdown ul,
.markdown ol { padding-left: 1.75em }
.markdown li li { margin: 0 }
.markdown h4 { margin-top: 2em }
/* --- Task List */
.markdown li.task-list-item input {
    margin-top: -5px;
    vertical-align: middle;
}
.markdown li.task-list-item li { margin: .4em 0 }
}