curben
/
blog
mirror of https://gitlab.com/curben/blog
1
0
Fork 0
Code Issues Releases Wiki Activity

fix(css): consistent <a> color 

- inspired by wikipedia
This commit is contained in:
MDLeom 2020-12-06 11:42:39 +00:00
parent 914cba20b2
commit 5a2994cff1
No known key found for this signature in database
GPG Key ID: 32D3E28E96A695E8
2 changed files with 32 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
themes/chameleon/source/css/_source.css
View File

@ -5,9 +5,8 @@
:root { :root {
--main-bg-color: black; --main-bg-color: black;
--main-font-color: #e6e6e6; --main-font-color: #e6e6e6;
--link-hover: white;
--alt-bg-color: #333; --alt-bg-color: #333;
--link-underline: #3d73b0; --link-underline: #3f72af;
} }
html { html {
@ -75,21 +74,25 @@ h4 {
} }
a { a {
color: inherit; background: none;
color: var(--link-underline);
cursor: pointer; cursor: pointer;
}
a:active,
a:hover {
outline-width: 0;
color: var(--link-hover);
}
a,
a:hover {
text-decoration: none; text-decoration: none;
} }
a:hover,
a:focus {
text-decoration: underline;
}
a:visited {
color: #0b0080;
}
a:active {
color: #faa700;
}
button, button,
input, input,
select, select,
@ -367,16 +370,6 @@ span.index-list-count:after {
word-break: break-word; word-break: break-word;
} }
.article .article-entry a,
.article a.main-nav-link:hover,
.copyright a:hover {
border-bottom: 1px solid var(--link-underline);
}
.article .article-entry a:hover {
border-bottom: none;
}
.article .article-entry img { .article .article-entry img {
display: block; display: block;
margin: auto; margin: auto;
@ -751,7 +744,6 @@ unhide (via JS) if Web Share API is supported */
/* don't underline permalink and share icons */ /* don't underline permalink and share icons */
.article .article-entry a.headerlink, .article .article-entry a.headerlink,
.article-title a#share-button { .article-title a#share-button {
border-bottom: none;
margin-left: 0.5em; margin-left: 0.5em;
} }
@ -835,7 +827,6 @@ unhide (via JS) if Web Share API is supported */
:root { :root {
--main-bg-color: black; --main-bg-color: black;
--main-font-color: #e6e6e6; --main-font-color: #e6e6e6;
--link-hover: white;
--alt-bg-color: #333; --alt-bg-color: #333;
} }
} }
@ -844,7 +835,6 @@ unhide (via JS) if Web Share API is supported */
:root { :root {
--main-bg-color: #f1f1f1; --main-bg-color: #f1f1f1;
--main-font-color: #333; --main-font-color: #333;
--link-hover: black;
--alt-bg-color: #d8d8d8; --alt-bg-color: #d8d8d8;
} }

39
themes/chameleon/source/css/chameleon.css
View File

@ -474,7 +474,7 @@ select:not([multiple]):not([size]) {
--main-font-color: #e6e6e6; --main-font-color: #e6e6e6;
--link-hover: white; --link-hover: white;
--alt-bg-color: #333; --alt-bg-color: #333;
--link-underline: #3d73b0; --link-underline: #3f72af;
} }
html { html {
@ -542,21 +542,25 @@ h4 {
} }
a { a {
color: inherit; background: none;
color: var(--link-underline);
cursor: pointer; cursor: pointer;
}
a:active,
a:hover {
outline-width: 0;
color: var(--link-hover);
}
a,
a:hover {
text-decoration: none; text-decoration: none;
} }
a:hover,
a:focus {
text-decoration: underline;
}
a:active {
color: #faa700;
}
a:visited {
color: #0b0080;
}
button, button,
input, input,
select, select,
@ -838,16 +842,6 @@ span.index-list-count:after {
word-break: break-word; word-break: break-word;
} }
.article .article-entry a,
.article a.main-nav-link:hover,
.copyright a:hover {
border-bottom: 1px solid var(--link-underline);
}
.article .article-entry a:hover {
border-bottom: none;
}
.article .article-entry img { .article .article-entry img {
display: block; display: block;
margin: auto; margin: auto;
@ -1222,7 +1216,6 @@ unhide (via JS) if Web Share API is supported */
/* don't underline permalink and share icons */ /* don't underline permalink and share icons */
.article .article-entry a.headerlink, .article .article-entry a.headerlink,
.article-title a#share-button { .article-title a#share-button {
border-bottom: none;
margin-left: 0.5em; margin-left: 0.5em;
} }