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 {
|
html.theme-light .hljs-ln-code::-webkit-scrollbar-track {
|
||||||
background: #ebdbb2;
|
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