Updated CSSs

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;
-}

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;
 }
 

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;
-}
+    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;
+}
+

main/templates/main/pagetemplate.html

@@ -21,13 +21,13 @@
     <div class="page">
         <aside class="menu">
             <div class="menu">
-                <a class="menuitem" href="/">
+                <a draggable="false" class="menuitem" href="/">
                     Главная
                 </a>
-                <a class="menuitem" href="/calendar">
+                <a draggable="false" class="menuitem" href="/calendar">
                     Календарь
                 </a>
-                <a class="menuitem" href="/links">
+                <a draggable="false" class="menuitem" href="/links">
                     Полезные ссылки
                 </a>
             </div>