Link styling: remove arrow markers on internal links, keep ↗ only on external-domain links, inline text links colour-only, prev/next as buttons
This commit is contained in:
@@ -1547,3 +1547,52 @@ html.theme-light pre.code-processed .code-wrap::-webkit-scrollbar-track,
|
||||
html.theme-light .hljs-ln-code::-webkit-scrollbar-track {
|
||||
background: #ebdbb2;
|
||||
}
|
||||
|
||||
/* ---------- Link icons / markers: internal links without arrow, external links keep a marker ---------- */
|
||||
#content a::after,
|
||||
#content a::before,
|
||||
#content-footer .navigation a::after,
|
||||
#content-footer .navigation a::before,
|
||||
a.next::after,
|
||||
a.previous::before {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#content a[href^="http://"]:not([href^="https://YOUR-INSTANCE.example.com"])::after,
|
||||
#content a[href^="https://"]:not([href^="https://YOUR-INSTANCE.example.com"])::after {
|
||||
content: " ↗" !important;
|
||||
display: inline-block;
|
||||
margin-left: 3px;
|
||||
font-size: 0.85em;
|
||||
color: var(--text-link);
|
||||
}
|
||||
|
||||
/* inline text links (in paragraphs/lists): colour only */
|
||||
#content p a:not([class]),
|
||||
#content li a:not([class]) {
|
||||
color: var(--text-link);
|
||||
text-decoration: none;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#content p a:not([class]):hover,
|
||||
#content li a:not([class]):hover {
|
||||
color: var(--text-heading);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* action links as buttons (pagination / prev-next already boxed, blog-pn gets a box) */
|
||||
.blog-pn {
|
||||
padding: 6px 14px;
|
||||
border: 1px solid var(--background-highlight);
|
||||
border-radius: 8px;
|
||||
background: var(--background-secondary);
|
||||
}
|
||||
|
||||
.blog-pn:hover {
|
||||
background: var(--background-highlight);
|
||||
border-color: var(--text-link);
|
||||
}
|
||||
Reference in New Issue
Block a user