Consistant link style

main
Bob Mottram 2020-11-24 18:00:29 +00:00
parent 56fdc81fae
commit 77323ddc69
9 changed files with 85 additions and 12 deletions

View File

@ -45,6 +45,7 @@
--focus-color: white; --focus-color: white;
--line-spacing: 130%; --line-spacing: 130%;
--header-font: 'Bedstead'; --header-font: 'Bedstead';
--main-link-color-hover: #bbb;
} }
@font-face { @font-face {
@ -82,12 +83,22 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: normal;
}
a:link:hover {
color: var(--main-link-color-hover);
font-weight: bold;
}
a:visited:hover {
color: var(--main-link-color-hover);
font-weight: bold; font-weight: bold;
} }

View File

@ -23,6 +23,7 @@
--font-size-calendar-cell-mobile: 4rem; --font-size-calendar-cell-mobile: 4rem;
--calendar-header-font: 'Montserrat'; --calendar-header-font: 'Montserrat';
--calendar-header-font-style: italic; --calendar-header-font-style: italic;
--main-link-color-hover: #bbb;
} }
@font-face { @font-face {
@ -59,6 +60,7 @@ a:visited{
z-index: 1; z-index: 1;
padding: 1rem; padding: 1rem;
margin: -1rem; margin: -1rem;
font-weight: normal;
} }
a:link { a:link {
@ -67,6 +69,17 @@ a:link {
z-index: 1; z-index: 1;
padding: 1rem; padding: 1rem;
margin: -1rem; margin: -1rem;
font-weight: normal;
}
a:link:hover {
color: var(--main-link-color-hover);
font-weight: bold;
}
a:visited:hover {
color: var(--main-link-color-hover);
font-weight: bold;
} }
a:focus { a:focus {

View File

@ -31,6 +31,7 @@
--follow-text-size2: 40px; --follow-text-size2: 40px;
--follow-text-entry-width: 90%; --follow-text-entry-width: 90%;
--focus-color: white; --focus-color: white;
--main-link-color-hover: #bbb;
} }
@font-face { @font-face {
@ -66,12 +67,22 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: normal;
}
a:link:hover {
color: var(--main-link-color-hover);
font-weight: bold;
}
a:visited:hover {
color: var(--main-link-color-hover);
font-weight: bold; font-weight: bold;
} }

View File

@ -154,20 +154,22 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link:hover { a:link:hover {
font-weight: bold;
color: var(--main-link-color-hover); color: var(--main-link-color-hover);
} }
a:visited:hover { a:visited:hover {
font-weight: bold;
color: var(--main-link-color-hover); color: var(--main-link-color-hover);
} }

View File

@ -22,6 +22,7 @@
--focus-color: white; --focus-color: white;
--line-spacing: 130%; --line-spacing: 130%;
--login-logo-width: 20%; --login-logo-width: 20%;
--main-link-color-hover: #bbb;
} }
@font-face { @font-face {
@ -65,12 +66,22 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: normal;
}
a:link:hover {
color: var(--main-link-color-hover);
font-weight: bold;
}
a:visited:hover {
color: var(--main-link-color-hover);
font-weight: bold; font-weight: bold;
} }

View File

@ -34,6 +34,7 @@
--follow-text-entry-width: 90%; --follow-text-entry-width: 90%;
--focus-color: white; --focus-color: white;
--petname-width-chars: 16ch; --petname-width-chars: 16ch;
--main-link-color-hover: #bbb;
} }
@font-face { @font-face {
@ -74,12 +75,22 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: normal;
}
a:link:hover {
color: var(--main-link-color-hover);
font-weight: bold;
}
a:visited:hover {
color: var(--main-link-color-hover);
font-weight: bold; font-weight: bold;
} }

View File

@ -263,20 +263,21 @@ a, u {
color: var(--main-fg-color); color: var(--main-fg-color);
} }
a:visited{ a:visited {
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link:hover { a:link:hover {
color: var(--main-link-color-hover); color: var(--main-link-color-hover);
font-weight: bold;
} }
a:visited:hover { a:visited:hover {

View File

@ -76,21 +76,23 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link:hover { a:link:hover {
font-weight: bold;
color: var(--main-link-color-hover); color: var(--main-link-color-hover);
} }
a:visited:hover { a:visited:hover {
color: var(--main-link-color-hover); color: var(--main-link-color-hover);
font-weight: bold;
} }
a:focus { a:focus {

View File

@ -20,6 +20,7 @@
--button-background: #999; --button-background: #999;
--button-selected: #666; --button-selected: #666;
--focus-color: white; --focus-color: white;
--main-link-color-hover: #bbb;
} }
@font-face { @font-face {
@ -56,12 +57,22 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: bold; font-weight: normal;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-weight: normal;
}
a:link:hover {
color: var(--main-link-color-hover);
font-weight: bold;
}
a:visited:hover {
color: var(--main-link-color-hover);
font-weight: bold; font-weight: bold;
} }