index_more.php

web/css/style.css

@@ -22,12 +22,24 @@ body
 #mainpnl
 {
     box-shadow: 0 0 32px #DDD;
-    animation:blink-shadow ease-in-out 4s infinite;
+    //animation:blink-shadow ease-in-out 4s infinite;
     width: 87%;
     min-width: 300px;
     max-width: 900px;
     position: relative;
-    min-height: 485px;
+    min-height: 570px;
+
+    background: var(--form-back-color);
+    color: var(--form-fore-color);
+    border: .0625rem solid var(--form-border-color);
+    border-radius: var(--universal-border-radius);
+    margin: 32px .5rem;
+    padding: calc(2 * var(--universal-padding)) var(--universal-padding);
+}
+
+.red-code
+{
+    border-left: .25rem solid #E53935;
 }
 
 #mainpnl input,
@@ -178,6 +190,7 @@ input::-webkit-inner-spin-button {
     justify-content: center;
     align-items: center;
     align-content: center;
+    pointer-events: none;
 }
 
 a.card,
@@ -192,4 +205,24 @@ a.card:hover
 a.card:hover
 {
     box-shadow: 0 0 16px #AAA;
+}
+
+table.scode_table {
+    max-height: none;
+}
+
+table.scode_table td:nth-child(2) {
+    flex-grow: 3;
+}
+
+table.scode_table th:nth-child(2) {
+    flex-grow: 3;
+}
+
+#mainpnl h2 {
+    margin-top: 1.75rem;
+}
+
+.linkcaption:hover {
+    text-decoration: none;
 }