Updated / Improve visual style for accessibility.

konficastle/static/css/cvjm.css

@@ -78,7 +78,7 @@ p {
 }
 
 a:not(.hidelink) {
-  color: #298dff;
+  color: #116dd7;
   transition: all 0.5s;
 }
 

konficastle/static/css/style.css

@@ -9,10 +9,6 @@
   }
 }
 
-.event-info {
-  padding: 0px 0em 32px 0em;
-}
-
 .formgrid-container {
   display: grid;
   grid-template-columns: repeat(8, [col] 1fr);
@@ -142,9 +138,8 @@ input[type=checkbox] {
 
 input[type=checkbox]:checked {
   background-color: #181818;
-  border: #181818;
   border: 1px solid #000000;
-  outline: none;
+  /*outline: none;*/
 }
 
 select {
@@ -207,8 +202,14 @@ textarea {
 }
 
 textarea:focus, input:focus, select:focus {
-  border-bottom: 1px solid #000000;
-  outline: none;
+	border-bottom: 1px solid #000;
+	outline: none;
+}
+textarea:focus, input:focus, select:focus, button:focus {
+	outline-style: dashed;
+	/*outline-color: #e40138;*/
+  outline-color: #116dd7;
+	outline-offset: 3px;
 }
 
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
@@ -243,18 +244,19 @@ label[class="form-check-label"] {
   cursor: pointer;
 }
 
+/*Basic style */
+section {
+  padding: 0em 1em 2em 1em;
+}
+
 
 @media only screen and (max-width: 1169px) {
   /*Basic style */
-section {
-  padding: 0em 1em 0em 1em;
-}
+  section {
+    padding: 0em 1em 2em 1em;
+  }
   
 /* Form */
-.event-info {
-  padding: 0px 0em 32px 0em;
-}
-
 .formgrid-container {
   display: grid;
   grid-template-columns: [col] 1fr;