improved server-whisper, user join/leave messages, layout/UI overhaul

www/css/themes/fore.st.css

@@ -82,6 +82,8 @@ mark{
     background:#ff0;
     color:#000
 }
+#minicontrol{
+}
 sub,sup{
     font-size:75%;
     line-height:0;
@@ -1221,27 +1223,6 @@ pre code{
     max-height:340px;
     overflow-y:scroll
 }
-.container,.container-fluid{
-    margin-right:auto;
-    margin-left:auto;
-    padding-left:0px;
-    padding-right:0px
-}
-@media (min-width:768px){
-    .container{
-        width:750px
-    }
-}
-@media (min-width:992px){
-    .container{
-        width:970px
-    }
-}
-@media (min-width:1200px){
-    .container{
-        width:1170px
-    }
-}
 .row{
     margin-left:0px;
     margin-right:0px
@@ -4490,6 +4471,10 @@ a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-gro
     padding:0;
     overflow:hidden;
     border: 1px solid #949494;
+    border-bottom: 0px;
+}
+#main{
+    border-bottom: 1px solid #949494;
 }
 .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{
     position:absolute;
@@ -4501,10 +4486,8 @@ a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-gro
     border:0
 }
 .embed-responsive.embed-responsive-16by9{
-    padding-bottom:56.25%
 }
 .embed-responsive.embed-responsive-4by3{
-    padding-bottom:75%
 }
 .well{
     min-height:20px;
@@ -5509,7 +5492,7 @@ a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{
     text-decoration: none;
 }
 
-#emotelistbtm, #chatsend, #motdwrap, #chatline, #rightcontrols, #chatheader, #userlist, #messagebuffer, #videowrap-header, .embed-responsive, #rightpane, #mainrow{
+#pollopenbtn, #prefopenbtn, #emoteopenbtn, #chatsend, #motdwrap, #chatline, #rightcontrols, #chatheader, #userlist, #messagebuffer, #videowrap-header, .embed-responsive, #rightpane, #mainrow{
      background-color: #111111C0;
      backdrop-filter: blur(12px);
 }