History Clean Up

templates/css/loading.css

@@ -0,0 +1,19 @@
+.loader {
+    border: 16px solid #f3f3f3;
+    border-radius: 50%;
+    border-top: 16px solid rgb(101, 30, 122);;
+    width: 100%;
+    height: 100%;
+    -webkit-animation: spin 2s linear infinite; /* Safari */
+    animation: spin 2s linear infinite;
+}
+
+@-webkit-keyframes spin {
+    0% { -webkit-transform: rotate(0deg); }
+    100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}

templates/css/modal.css

@@ -0,0 +1,28 @@
+.modal-container-hiden {
+    display: none !important;
+}
+
+#modal:target {
+    display: flex;
+}
+
+#modal2:target {
+    display: flex;
+}
+
+#modal3:target {
+    display: flex;
+}
+
+#modal4:target {
+    display: flex;
+}
+
+
+@media (max-width: 767px){    
+    .modal>.overflow {
+        height: calc(100% - 44px);
+        overflow-y: scroll;
+        overflow-x: hidden;
+    }
+}

templates/css/pre.css

@@ -0,0 +1,17 @@
+pre{
+    border-radius: 3px;
+    border: 0px solid transparent;
+    color: #d4def7;
+    padding: 0.5em 0.8em;
+    line-height: 1.5;
+    background: #121a2b;
+    width: 100%;
+    display: block;
+}
+
+.rectangle-content{
+    width: 100%;
+    background: linear-gradient(135deg, rgba(116, 34, 189, 0.5), rgba(185, 19, 121, 0.5));
+    border-radius: 8px;
+    padding: .25rem !important;
+}