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

public/css/w0bmcustom.css

@@ -37,6 +37,58 @@
 }
 /* Oswal Test End */
 
+
+/* Play Font */
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Play';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Play Regular'), local('Play-Regular'), url(//s.w0bm.com/fonts/6aez4K2oVqwIvtg2H68T.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Play';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Play Regular'), local('Play-Regular'), url(//s.w0bm.com/fonts/6aez4K2oVqwIvtE2H68T.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek */
+@font-face {
+  font-family: 'Play';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Play Regular'), local('Play-Regular'), url(//s.w0bm.com/fonts/6aez4K2oVqwIvtY2H68T.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Play';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Play Regular'), local('Play-Regular'), url(//s.w0bm.com/fonts/6aez4K2oVqwIvto2H68T.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Play';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Play Regular'), local('Play-Regular'), url(//s.w0bm.com/fonts/6aez4K2oVqwIvts2H68T.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Play';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Play Regular'), local('Play-Regular'), url(//s.w0bm.com/fonts/6aez4K2oVqwIvtU2Hw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* Play Font End */
+
 @font-face {
 	font-family: "VCR";
 	src: url("/fonts/vcr.ttf");
@@ -3856,3 +3908,135 @@ video#placeholder {
     padding-top: 10px;
 }
 
+.bootstrap-tagsinput input {
+    vertical-align: sub;
+}
+
+.onclick-menu {
+    background: none;
+    border: 0;
+}
+
+.onclick-menu:before {
+    top: 0;
+}
+
+.bootstrap-tagsinput {
+    position: relative;
+}
+
+#submittags {
+    font-size: 16px;
+    background-color: #222222 ;
+    color: white;
+    padding-bottom: 0px;
+    border: 1px solid #1fb2b0;
+    border-radius: 0px;
+    vertical-align: top;
+    padding: 5px;
+    outline: 0;
+}
+
+#submittags:hover {
+    transition: .3s ease-in-out;
+}
+
+.bootstrap-tagsinput {
+    background: #222222 none repeat scroll 0 0;
+    border: 1px solid #1fb2b0;
+    border-radius: 0px;
+    padding: 5px;
+    line-height: 0;
+}
+
+.bootstrap-tagsinput input {
+    vertical-align: middle;
+}
+
+.input-group {
+    height: 35px;
+    display: flex;
+    justify-content: space-evenly;
+    width: 100%;
+}
+
+label[for='tag-add-toggle'] {
+        padding-top: 12px;
+}
+
+.nav>li>a:hover, .nav>li>a:focus {
+    text-decoration: none;
+    background-color: #12161900;
+    color: #00fbff;
+}
+
+label[for='tag-add-toggle']:hover {
+    background-color: #12161900;
+}
+
+.toggo.tag-panel-body {
+    position: relative;
+}
+
+.toggo.tag-panel-body::after {
+    content: "TAGS";
+    position: absolute;
+    bottom: 0;
+    right: 2px;
+    font-size: 10px;
+    opacity: 0.2;
+}
+
+.tagtest {
+    position: relative;
+    z-index: 1;
+}
+
+div#tag-display {
+    border-bottom: 1px solid #3e3e3e57;
+}
+
+.embed-responsive.embed-responsive-16by9 {
+    margin-bottom: 0px;
+}
+
+.onclick-menu-content {
+    background: linear-gradient(to top,#0a0a0a 0%,#163f42 100%);
+    margin-top: 10px;
+    margin-left: -6px;
+    padding: 10px;
+    border-radius: 5px;
+}
+
+.bootstrap-tagsinput {
+    line-height: inherit; /* quick line height possible fix for alignement of tag input*/
+}
+
+.bootstrap-tagsinput input {
+    vertical-align: middle;
+    height: 100%;
+    position: relative;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+repeating-radial-gradient(black, transparent 100px)
+.bootstrap-tagsinput {
+    height: 100%;
+}
+
+.irc-content {
+    display: grid;
+    grid-template-columns: 3fr 1fr;
+}
+
+.irc-info {
+    margin: 10px;
+    text-align: center;
+}
+
+.webchat > iframe {
+  width: 100%;
+  min-height: 70vh;
+}