Template:Quantum book backlink/styles.css: Difference between revisions
Jump to navigation
Jump to search
Make visible backlink button area use anchor href |
Simplify backlink button CSS to style only real anchors |
||
| Line 7: | Line 7: | ||
} | } | ||
/* | /* The visible yellow backlink button must be the actual anchor. */ | ||
.quantum-book-backlink > a { | |||
.quantum-book-backlink | |||
display: inline-block; | display: inline-block; | ||
border: 1px solid #e0d890; | border: 1px solid #e0d890; | ||
| Line 20: | Line 19: | ||
} | } | ||
/* | /* Legacy wrappers/pseudo-labels are disabled; templates now render real link text. */ | ||
.quantum- | .quantum-book-backlink-button, | ||
.quantum-book-backlink-text { | |||
all: unset; | |||
} | } | ||
.quantum-book-backlink-button::before, | |||
.quantum-book-backlink-text::before { | .quantum-book-backlink-button::after, | ||
content: | .quantum-book-backlink-text::before, | ||
.quantum-book-backlink-text::after, | |||
.quantum-parent-book-link::before { | |||
content: none; | |||
} | } | ||
.quantum-parent-box { | |||
.quantum- | |||
display: inline-block; | display: inline-block; | ||
border: 1px solid #e0d890; | border: 1px solid #e0d890; | ||
Latest revision as of 21:04, 16 May 2026
/* Quantum Collection backlink shared style */
.quantum-book-backlink {
margin: 0 0 0.8em 0;
font-size: 90%;
line-height: 1.4;
}
/* The visible yellow backlink button must be the actual anchor. */
.quantum-book-backlink > a {
display: inline-block;
border: 1px solid #e0d890;
background: #fff8cc;
padding: 4px 8px;
margin: 0 0 1em 0;
text-align: left;
font-size: 90%;
border-radius: 4px;
}
/* Legacy wrappers/pseudo-labels are disabled; templates now render real link text. */
.quantum-book-backlink-button,
.quantum-book-backlink-text {
all: unset;
}
.quantum-book-backlink-button::before,
.quantum-book-backlink-button::after,
.quantum-book-backlink-text::before,
.quantum-book-backlink-text::after,
.quantum-parent-book-link::before {
content: none;
}
.quantum-parent-box {
display: inline-block;
border: 1px solid #e0d890;
background: #fff8cc;
padding: 4px 8px;
margin: 0 0 1em 0;
text-align: left;
font-size: 90%;
border-radius: 4px;
}