diff --git a/public/static/style.css b/public/static/style.css index ba29d51..61cb271 100644 --- a/public/static/style.css +++ b/public/static/style.css @@ -12,6 +12,46 @@ body { 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 { margin: 1rem; @@ -55,7 +95,7 @@ nav a { nav a:link, nav a:visited { background-color: #eeeeee; - color: #ff00e6; + color: #cb009a; text-decoration: none; } @@ -75,6 +115,17 @@ nav li.nav_current_page a { 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 { margin: 2rem; @@ -88,46 +139,6 @@ main.login_page { 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 -- */ table td, table th { @@ -182,11 +193,31 @@ table.bordered_table th { } .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 { - 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 -- */