egal

public/css/f0ck.css

@@ -1,3 +1,9 @@
+@font-face {
+   font-family: "Cyberfall";
+   src:url(https://f0ck.it/uploads/Cyberfall.otf) format("opentype");
+   src: url("/css/Cyberfall.woff2") format("woff")
+}               
+
 /*Theming*/
 :root {
   --primary-color: #302AE6;
@@ -36,6 +42,12 @@ div#header, div#footer {
   background-color: #292922;
 }
 
+#header {
+    display: grid;
+    grid-template-columns: 1fr 6fr 1fr;
+    grid-gap: 0;
+}
+
 #logoHead {
   margin: 6px 0 0 4px;
   padding: 0;
@@ -67,12 +79,12 @@ div#header, div#footer {
 #pagePosition span, #itemPosition span {
   color: #9d9b8a;
 }
-#pagePosition {
+/*#pagePosition {
   display: block;
 }
 #itemPosition {
   display: none;
-}
+}*/
 
 div#content {
   position: relative;
@@ -92,3 +104,84 @@ div#howtowrapper {
   background-color: rgba(0, 0, 0, 0.9);
   z-index: 999;
 }
+
+#itemInfo {
+    position: absolute;
+    background: #191b1b;
+    border-bottom-right-radius: 5px;
+    color: aliceblue;
+    padding: 5px;
+    left: auto;
+    right: auto;
+    top: auto;
+    border-right: 1px solid white;
+    border-bottom: 1px solid white;
+}
+
+#logoHead {
+    margin: 10px;
+}
+
+div#header, div#footer {
+    z-index: 9999;
+    background-color: #23232199;
+    box-shadow: 2px 2px 2px black;
+    border-bottom: 1px solid white;
+}
+
+#itemSource {
+
+    color: #04c33e;
+    position: relative;
+    top: -3px;
+    text-shadow: 1px 1px 1px black;
+
+}
+
+#itemInfo {
+    position: unset;
+    background: #191b1b;
+    color: aliceblue;
+    padding: 5px;
+    left: auto;
+    right: auto;
+    top: auto;
+    grid-row-start: 0;
+    border: 0;
+}
+
+#itemPosition {
+    display: block;
+    grid-row-start: -1;
+    position: absolute;
+    color: lime;
+    text-shadow: 1px 1px black;
+    font-family: monospace;
+}
+
+
+
+#itemInfo {
+    position: unset;
+    background: #191b1b;
+    color: aliceblue;
+    padding: 5px;
+    left: auto;
+    right: auto;
+    top: auto;
+    height: auto;
+    text-align: center;
+}
+
+.infoText {
+    font-family: monospace;
+}
+
+div#itemPosition {
+    font-family: Cyberfall;
+    font-size: 290%;
+    background: transparent;
+    text-align: right;
+    padding-right: 5px;
+    text-shadow: 0px 0px 8px #04c33e;
+}