.sitemap_tags { display: flex; flex-direction: row; gap: 0.5rem; align-items: center; margin-left: auto; } .sitemap_tag { padding: 0.2rem; background: transparent; color: var(--color); border-radius: 0; font-size: 0.7rem; font-style: italic; border: 1.5px solid var(--theme-btn-border); opacity: 0.7; } .sitemap_tag p { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; font-size: 0.75rem; } .org-ul { list-style: none; padding: 0; } .org-ul > li { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.25rem; position: relative; margin-bottom: 1rem; } .org-ul > li > p { margin: 0; font-size: 0.5rem; width: 100%; } .org-ul > li > p > a { color: var(--link-color); text-decoration: none; font-weight: 600; font-size: 1rem; } .org-ul > li > p > a:hover { text-decoration: underline; } .org-ul > li > p > a:after { text-decoration: underline; } .org-article-title { width: 100%; text-align: right; } #tag-filter-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.75rem; } .tag-filter-item { display: inline-flex; align-items: center; padding: 0.2rem 0.6rem; background: transparent; color: var(--color); font-size: 0.75rem; font-style: italic; border: 1.5px solid var(--color); cursor: pointer; user-select: none; transition: opacity 0.15s ease; } .tag-filter-item:hover { opacity: 0.7; } .tag-filter-item.disabled { opacity: 0.3; text-decoration: line-through; } .tag-filter-item.disabled:hover { opacity: 0.5; } .post-date { position: absolute; bottom: 0.75rem; right: 1rem; font-size: 0.75rem; color: var(--color); opacity: 0.6; font-style: italic; } .org-ul > li > .sitemap_date, .org-ul > li > .sitemap_tag { display: inline-flex; } .sitemap_date { font-size: 0.8rem; color: var(--color); font-style: italic; opacity: 0.6; } .sitemap_date p { margin: 0; } .sitemap_date p::before { content: 'created on '; } .org-ul > li > .sitemap_date + .sitemap_tag { margin-left: 0.75rem; }