Show favicons for external links
This commit is contained in:
24
style.css
24
style.css
@@ -470,3 +470,27 @@ html.luxtools-noscroll body {
|
||||
padding: 3px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
* Link Favicon
|
||||
* Display favicons for external links.
|
||||
* ============================================================ */
|
||||
|
||||
/* External links with favicon loaded */
|
||||
.dokuwiki a.urlextern.linkfavicon {
|
||||
/* Reserve space for 16x16 favicon + small gap */
|
||||
padding-left: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
background-size: 16px 16px;
|
||||
/* Muted grayscale effect until hover */
|
||||
background-color: #fff;
|
||||
background-blend-mode: luminosity;
|
||||
}
|
||||
|
||||
/* Show full color on hover */
|
||||
.dokuwiki a.urlextern.linkfavicon:hover {
|
||||
background-color: transparent;
|
||||
background-blend-mode: normal;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user