6/4/22-8.00pm

Author: MagmaMCNet

Assets/css.css

@@ -0,0 +1,165 @@
+/* Sticky footer styles
+-------------------------------------------------- */
+
+html {
+    position: static;
+    min-height: 100%;
+    width: 100%;
+}
+
+body {
+    margin-bottom: 60px;
+    width: 100%;
+    overflow-x: hidden;
+    /* Margin bottom by footer height */
+}
+
+.title {
+    position: relative;
+    top: -30px;
+    width: 100%;
+    height: 60px;
+    line-height: 70px;
+    z-index: 1000;
+}
+
+li {
+    right: 100px;
+}
+
+.footer {
+    position: relative;
+    bottom: 0px;
+    width: 100%;
+    text-align: center;
+    height: 50px;
+    /* Set the fixed height of the footer here */
+    line-height: 50px;
+    /* Vertically center the text there */
+    background-color: #212121;
+}
+
+.modal-lg {
+    width: 90%;
+    height: 78%;
+}
+
+.tab-pane {
+    width: 0%;
+    height: 0%;
+}
+
+.in {
+    width: 98%;
+    height: 95%;
+}
+
+.tab-content {
+    width: 100%;
+    height: 100%;
+}
+
+.nav-pills {
+    display: flex;
+    justify-content: center;
+}
+
+pre {
+    left: center;
+    right: center;
+    margin-left: auto;
+    margin-right: auto;
+    box-shadow: rgb(24, 24, 24) 0px 10px 10px 10px;
+    padding: 5px 5px 5px 15px;
+    background-color: rgb(24, 24, 24);
+    border-color: rgb(24, 24, 24);
+    color: white;
+    text-align: left;
+    white-space: pre-line;
+}
+
+.nav-item {
+    cursor: pointer;
+}
+
+.navbar-brand {
+    cursor: default;
+}
+
+.active {
+    cursor: not-allowed;
+}
+
+.tab-pane {
+    cursor: pointer;
+}
+
+.output {
+    float: right;
+}
+
+#saving {
+    visibility: hidden;
+    min-width: 250px;
+    margin-left: -125px;
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    border-radius: 2px;
+    padding: 16px;
+    position: fixed;
+    z-index: 1;
+    left: 50%;
+    bottom: 30px;
+    font-size: 17px;
+}
+
+#saving.show {
+    visibility: visible;
+    -webkit-animation: fadein 0.6s, fadeout 0.6s 2.0s;
+    animation: fadein 0.6s, fadeout 0.6s 2.0s;
+}
+
+@-webkit-keyframes fadein {
+    from {
+        bottom: 0;
+        opacity: 0;
+    }
+    to {
+        bottom: 30px;
+        opacity: 1;
+    }
+}
+
+@keyframes fadein {
+    from {
+        bottom: 0;
+        opacity: 0;
+    }
+    to {
+        bottom: 30px;
+        opacity: 1;
+    }
+}
+
+@-webkit-keyframes fadeout {
+    from {
+        bottom: 30px;
+        opacity: 1;
+    }
+    to {
+        bottom: 0;
+        opacity: 0;
+    }
+}
+
+@keyframes fadeout {
+    from {
+        bottom: 30px;
+        opacity: 1;
+    }
+    to {
+        bottom: 0;
+        opacity: 0;
+    }
+}

Assets/css/atom-one-dark.css

@@ -0,0 +1,84 @@
+pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em
+}
+
+code.hljs {
+    padding: 3px 5px
+}
+
+.hljs {
+    color: #abb2bf;
+    background: #282c34
+}
+
+.hljs-comment,
+.hljs-quote {
+    color: #5c6370;
+    font-style: italic
+}
+
+.hljs-doctag,
+.hljs-formula,
+.hljs-keyword {
+    color: #c678dd
+}
+
+.hljs-deletion,
+.hljs-name,
+.hljs-section,
+.hljs-selector-tag,
+.hljs-subst {
+    color: #e06c75
+}
+
+.hljs-literal {
+    color: #56b6c2
+}
+
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta .hljs-string,
+.hljs-regexp,
+.hljs-string {
+    color: #98c379
+}
+
+.hljs-attr,
+.hljs-number,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable {
+    color: #d19a66
+}
+
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-symbol,
+.hljs-title {
+    color: #61aeee
+}
+
+.hljs-built_in,
+.hljs-class .hljs-title,
+.hljs-title.class_ {
+    color: #e6c07b
+}
+
+.hljs-emphasis {
+    font-style: italic
+}
+
+.hljs-strong {
+    font-weight: 700
+}
+
+.hljs-link {
+    text-decoration: underline
+}