server version, minor css fixes and other visual upgrades mostly to standard layout -> glitch css

public/njum/css/cstms.css

@@ -1349,3 +1349,160 @@ span.nomsg {
     margin-right: 1px;
 }
 
+/* Testing */
+body {
+    color: #ffffff;
+}
+
+.items {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
+    align-items: stretch;
+    text-align: center;
+}
+
+.panel.panel-default {
+    position: relative;
+}
+
+.indexThumber {
+    display: grid;
+}
+
+.vid {
+
+    position: absolute;
+    text-shadow: 1px 1px solid;
+    text-shadow: 1px 1px black;
+    font-weight: bold;
+    font-size: 18px;
+    top: -5px;
+    left: 0;
+}
+
+.relativebla {
+
+    position: relative;
+}
+
+img#indexthumb {
+
+    max-width: 90px;
+}
+
+h3,
+.h3 {
+
+    font-size: 1.5rem;
+}
+
+iframe {
+    width: 100%;
+    min-height: 750px;
+}
+
+.dropdown-item {
+
+    text-align: center;
+
+}
+
+div.source > p.comment {
+    margin: 0;
+    display: inline;
+}
+
+.bootstrap-tagsinput .tag {
+    background-color: #e4061a7a;
+}
+
+/* Float Video und Comment Overhaul */
+img.comment_emoji_small {
+    max-width: 32px;
+}
+
+.caption {
+    text-align: left;
+}
+
+.category-box {
+    background: #000000;
+}
+
+
+@keyframes fade-in-up {
+  0% { opacity: 0; }
+  100% { transform: translateY(0); opacity: 1; }
+}
+
+.video {
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.stuck {
+    position: fixed !important;
+    top: unset !important;
+    bottom: 0px !important;
+    right: 20px !important;
+    width: 260px !important;
+    height: 145px !important;
+    transform: translateY(100%);
+    animation: fade-in-up .25s ease forwards;
+  }
+
+
+
+div.comment_header {
+    background: #303030;
+    padding: 5px;
+    border-radius: .25rem;
+    color: white;
+}
+
+.video-comment-wrapper {
+    padding: 0;
+        background: rgba(29, 28, 28, 0.94) none repeat scroll 0 0;
+    margin-bottom: 15px;
+    border-radius: .25rem;
+    border: 1px solid black;
+    text-shadow: 1px 1px black;
+}
+
+.video-comment-body {
+    padding: 15px;
+}
+
+.dingz {
+    display: inline;
+}
+
+.user_color {
+    color: #1fb;
+}
+
+.anim {
+
+    margin: 0;
+    animation: color 0.6s linear  infinite !important;
+}
+    @keyframes color {
+            0%   {color:red;}
+            25%  {color:yellow;}
+            50%  {color:#1FB2B0;}
+            75%  {color:#23dd06;}
+            100% {color:red;}
+            }
+
+    @-webkit-keyframes color {
+            0%   {color:red;}
+            25%  {color:yellow;}
+            50%  {color:#1FB2B0;}
+            75%  {color:#23dd06;}
+            100% {color:red;}
+}
+
+.container-fluid, .container {
+    padding-left: 0;
+    padding-right: 0;
+}