Agregando historial de mensajes

1 files changed, 21 insertions, 8 deletions

diff --git a/bairadio.css b/bairadio.css
index b109585..d241ee8 100644
--- a/bairadio.css
+++ b/bairadio.css
@@ -10,7 +10,7 @@ html, body {
   background: #000;
   color: #fff;
   font-family: Arial, sans-serif;
-  font-size: 16px;
+  font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: center;
@@ -144,7 +144,8 @@ h1 {
 }
 
 .collapse #history {
-  height: 1.4em;
+  height: 1.4em !important;
+  min-height: 0;
   overflow-y: hidden;
 }
 
@@ -223,8 +224,8 @@ h1 {
 
 #history {
   display: block;
-  min-height: 1em;
-  max-height: 5em;
+  min-height: 3em;
+  height: 5em;
   overflow-y: auto;
   text-align: left;
 }
@@ -256,10 +257,18 @@ h1 {
   content: ")";
 }
 
+#chat-count:empty:before {
+  content: "";
+}
+
+#chat-count:empty:after {
+  content: "";
+}
+
 #chat-all {
   display: block;
   height: 10em;
-  min-height: 5em;
+  min-height: 4em;
   text-align: left;
   overflow-y: auto;
 }
@@ -275,6 +284,10 @@ h1 {
   padding: 4px 2px;
 }
 
+#chat-all .msg.history {
+  color: #999;
+}
+
 #chat-all .msg:last-child {
   border-bottom: 0;
 }
@@ -388,7 +401,7 @@ h1 {
   50% { background: #000; }
 }
 
-#resize {
+.resize {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9bS0VaBO0g4pChOrUgKuKoVShChVArtOpgcukXNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APEydFJ0UVK/F9SaBHjwXE/3t173L0D/M0qU82ecUDVLCOTSgq5/KoQekUAQQwggrjETH1OFNPwHF/38PH1LsGzvM/9OSJKwWSATyCeZbphEW8QT29aOud94igrSwrxOXHcoAsSP3JddvmNc8lhP8+MGtnMPHGUWCh1sdzFrGyoxFPEMUXVKN+fc1nhvMVZrdZZ+578heGCtrLMdZojSGERSxAhQEYdFVRhIUGrRoqJDO0nPfzDjl8kl0yuChg5FlCDCsnxg//B727N4uSEmxROAsEX2/4YBUK7QKth29/Htt06AQLPwJXW8deawMwn6Y2OFjsC+reBi+uOJu8BlzvA0JMuGZIjBWj6i0Xg/Yy+KQ8M3gJ9a25v7X2cPgBZ6ip9AxwcAmMlyl73eHdvd2//nmn39wM5PnKQmgaw4AAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAGFJREFUCNdlzMENAjEMRNGflLMXQCJ7xem/CM9UYg6bIAS+vj9uxzGhit8b56M6AK39gZX0VgtWsCElOsAOviFi0j+LcS9bSCZiYiW9KJ7nrWyjFK8IbF1vx9iQC64oYvIGzlo/pBk1ZaEAAAAASUVORK5CYII=") no-repeat center;
    float: right;
    position: relative;
@@ -397,11 +410,11 @@ h1 {
    width: 10px;
 }
 
-#resize:hover {
+.resize:hover {
   cursor: url("data:image/x-win-bitmap;base64,AAACAAEAICAAAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAgAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAwMDAAICAgAAAAP8AAP8AAAD//wD/AAAA/wD/AP//AAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPcAAAAAAAAAAAAAAAAAAA/3cAAAAAAAAAAAAACHcAAAAAAAAAAAAAAAAAAAj3AAAAAAAAAAAAAAAAAACPcAAAAAAAAAAAAAAAAAAAj3AAAA9wAAAAAAAAAAgACPcAAAAPcAAAAAAAAAAIcAj3AAAAAAAAAAAAAAAACPcPcAAAAAAAAAAAAAAAAAj/cAAAAAAAAAAAAAAAAAAI//d3dwAA/3cAAAAAAAAACP/3d3AAAA9wAAAAAAAAAAj/d3cAAAAAAAAAAAAAAAAI/3dwAAAAAAAAAAAAAAAACPd3AAAAAAAAAAAAAAAAAAj3cAAAAAAAAAAAAAAAAAAIdwAAAAAAAAAAAAAAAAAACHAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////////////////////////////////////////////////////////////8////+H///jA///wwP//8P///+Hz//3h4f/8w+H//EPz//wH///8AED//ADA//wB4f/8A/P//Af///wP///8H////D////x////8/////f////w=="),auto;
 }
 
-.collapse #resize {
+.collapse .resize {
   display: none;
 }