Styles: Improve link color contrasts
This commit is contained in:
parent
37ada99f74
commit
57b712300f
|
|
@ -12,6 +12,46 @@ body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* -- Text and other styling -- */
|
||||||
|
h2, h4 {
|
||||||
|
margin: 0 0 0.5em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link, a:visited {
|
||||||
|
color: #dc00af;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover, a:focus {
|
||||||
|
color: #0066ff;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gray {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.green {
|
||||||
|
color: green;
|
||||||
|
}
|
||||||
|
|
||||||
|
.red {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
padding: 0.2em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inactive {
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.margin_vertical_1rem {
|
||||||
|
margin-top: 1rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
/* -- Header -- */
|
/* -- Header -- */
|
||||||
header {
|
header {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
|
|
@ -55,7 +95,7 @@ nav a {
|
||||||
|
|
||||||
nav a:link, nav a:visited {
|
nav a:link, nav a:visited {
|
||||||
background-color: #eeeeee;
|
background-color: #eeeeee;
|
||||||
color: #ff00e6;
|
color: #cb009a;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -75,6 +115,17 @@ nav li.nav_current_page a {
|
||||||
border-bottom-color: #ffffff;
|
border-bottom-color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav li.nav_current_page a:link,
|
||||||
|
nav li.nav_current_page a:visited
|
||||||
|
{
|
||||||
|
color: #dc00af;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav li.nav_current_page a:hover,
|
||||||
|
nav li.nav_current_page a:focus {
|
||||||
|
color: #0066ff;
|
||||||
|
}
|
||||||
|
|
||||||
/* -- Main section -- */
|
/* -- Main section -- */
|
||||||
main {
|
main {
|
||||||
margin: 2rem;
|
margin: 2rem;
|
||||||
|
|
@ -88,46 +139,6 @@ main.login_page {
|
||||||
width: 40rem;
|
width: 40rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -- Text and other styling -- */
|
|
||||||
h2, h4 {
|
|
||||||
margin: 0 0 0.5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:link, a:visited {
|
|
||||||
color: #ff00e6;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover, a:focus {
|
|
||||||
color: #0066ff;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gray {
|
|
||||||
color: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.green {
|
|
||||||
color: green;
|
|
||||||
}
|
|
||||||
|
|
||||||
.red {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
padding: 0.2em 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inactive {
|
|
||||||
color: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.margin_vertical_1rem {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -- Tables -- */
|
/* -- Tables -- */
|
||||||
|
|
||||||
table td, table th {
|
table td, table th {
|
||||||
|
|
@ -182,11 +193,31 @@ table.bordered_table th {
|
||||||
}
|
}
|
||||||
|
|
||||||
.error_box {
|
.error_box {
|
||||||
background: #ff4444;
|
background: #ff6666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error_box a:link,
|
||||||
|
.error_box a:visited {
|
||||||
|
color: #520077;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error_box a:hover,
|
||||||
|
.error_box a:focus {
|
||||||
|
color: #0000b0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.success_box {
|
.success_box {
|
||||||
background: #00cc00;
|
background: #33ff33;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success_box a:link,
|
||||||
|
.success_box a:visited {
|
||||||
|
color: #b70090;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success_box a:hover,
|
||||||
|
.success_box a:focus {
|
||||||
|
color: #0000b0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* -- Detail boxes -- */
|
/* -- Detail boxes -- */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue