diff --git a/faerun_calendar/static/faerun_calendar/css/main.css b/faerun_calendar/static/faerun_calendar/css/main.css index 444f766..9e80830 100644 --- a/faerun_calendar/static/faerun_calendar/css/main.css +++ b/faerun_calendar/static/faerun_calendar/css/main.css @@ -1,21 +1,21 @@ div.calendarpage { margin: 10px; padding: 10px; - border: 1px solid black; + border: 3px solid #000000; border-radius: 20px; } h2.year { text-align: center; padding-bottom: 10px; - border-bottom: 1px solid black; + border-bottom: 1px solid #000000; margin-bottom: 20px; } table.month, table.month th, table.month td { - border: 1px solid white; + border: 1px solid #fefefe; border-collapse: collapse; - background: gainsboro; + background: #dcdcdc; } table.month th { @@ -29,7 +29,7 @@ table.month td { } table.month td.with_events { - background: dimgrey; + background: #0080c0; } table.month th.subtitle { @@ -39,29 +39,29 @@ table.month th.subtitle { table.month a { text-decoration: none; - color: black; + color: #000000; padding: 3px; } a.current_day { border-radius: 3px; - background: DeepSkyBlue; - color: black; + background: #696969; + color: #fefefe; } table.month td.with_events a { - color: white; + color: #fefefe; } div.calendar { column-width: 350px; - column-rule: 1px solid black; + column-rule: 1px solid #000000; column-gap: 25px; } div.calendar-events { column-width: 725px; - column-rule: 1px solid black; + column-rule: 1px solid #000000; column-gap: 25px; } @@ -84,38 +84,44 @@ table.month { div.event, div.event-gm, div.event-suggested { - border: 1px solid black; + border: 1px solid #000000; padding: 20px; margin: auto; margin-bottom: 15px; border-radius: 10px; max-width: 700px; break-inside: avoid; + background: #f0f0f0; } div.event { - border: 1px solid black; + border: 1px solid #000000; } div.event-gm { - border: 2px solid BlueViolet; + border: 2px solid #0080c0; } div.event-suggested { - border: 2px solid crimson; + border: 2px solid #dc143c; } div.event-time { - border: 1px solid black; - border-radius: 3px; + border: 1px solid #000000; + border-bottom-right-radius: 10px; + border-top-left-radius: 10px; padding: 3px 5px; margin-right: 15px; + margin-left: -21px; + margin-top: -21px; float: left; font-weight: bold; - background: DeepSkyBlue; + background: #696969; + color: #fefefe; font-size: 150%; min-width: 100px; text-align: center; + } div.event-title { @@ -123,6 +129,7 @@ div.event-title { text-decoration: underline; font-size: 200%; margin-bottom: 10px; + margin-top: -21px; } p.event-description { @@ -131,7 +138,7 @@ p.event-description { } p.calendar-error { - color: crimson; + color: #dc143c; font-size: 200%; } @@ -139,7 +146,3 @@ p.calendar-info { font-size: 200%; } -body > div { - max-width: 1600px; - margin: auto; -} diff --git a/links/static/links/css/main.css b/links/static/links/css/main.css index 7b62797..ec46bfb 100644 --- a/links/static/links/css/main.css +++ b/links/static/links/css/main.css @@ -1,7 +1,7 @@ div.linkspage { margin: 10px; padding: 10px; - border: 1px solid black; + border: 3px solid #000000; border-radius: 20px; } diff --git a/main/static/main/css/main.css b/main/static/main/css/main.css index e04a5ca..188d0b9 100644 --- a/main/static/main/css/main.css +++ b/main/static/main/css/main.css @@ -1,17 +1,17 @@ div.mainpage { margin: 10px; padding: 10px; - border: 1px solid black; + border: 3px solid #000000; border-radius: 20px; } aside.menu { - border: 3px solid black; + border: 3px solid #000000; border-radius: 10px; display: flex; flex-direction: column; padding: 15px; - margin: 25px; + margin: 10px; } div.menu { @@ -22,9 +22,9 @@ div.menu { aside.menu a { border-radius: 10px; text-decoration: none; - color: black; + color: #000000; font-weight: bold; - background: DeepSkyBlue; + background: #00bfff; padding: 10px; margin: 10px; @@ -37,8 +37,38 @@ aside.menu a { justify-content: center; align-items: center; + + -webkit-touch-callout: none; /* iOS Safari */ + -webkit-user-select: none; /* Safari */ + -khtml-user-select: none; /* Konqueror HTML */ + -moz-user-select: none; /* Old versions of Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently + supported by Chrome, Edge, Opera and Firefox */ } aside.menu a:hover { - background: DodgerBlue; -} \ No newline at end of file + background: #00a0e0; + margin-top: 11px; + margin-bottom: 9px; +} + +aside.menu a:active { + background: #0080c0; + margin-top: 13px; + margin-bottom: 7px; +} + +body { + background: #555555; +} + +body > div { + max-width: 1600px; + margin: auto; +} + +body > div > * { + background: #fefefe; +} + diff --git a/main/templates/main/pagetemplate.html b/main/templates/main/pagetemplate.html index e9c2e3f..dc2af5e 100644 --- a/main/templates/main/pagetemplate.html +++ b/main/templates/main/pagetemplate.html @@ -21,13 +21,13 @@