Agregando más funciones a chat

1 files changed, 33 insertions, 7 deletions

diff --git a/bairadio.css b/bairadio.css
index d241ee8..5d42c5a 100644
--- a/bairadio.css
+++ b/bairadio.css
@@ -36,9 +36,10 @@ h1 {
   border-right: 1px solid #adb5c6;
   border-bottom: 1px solid #adb5c6;
   color: #2f374d;
-  font-size: 10px;
+  font-size: 9px;
   margin: 1px;
-  padding: 0 4px;
+  line-height: 1em;
+  padding: 1px 4px;
   text-transform: uppercase;
   outline: 1px outset #adb5c6;
 }
@@ -60,6 +61,17 @@ h1 {
   outline: 1px outset #5a5a5a;
 }
 
+.btn.toggle-on {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9TtSIVBzuIOGSoThaKijhqFYpQIdQKrTqYvPQPmjQkKS6OgmvBwZ/FqoOLs64OroIg+APi5Oik6CIl3pcUWsT44PI+znvncN99gNCoMM3qigOabpvpZELM5lbF0CuCCFP1IC4zy5iTpBR819c9Any/i/Es/3t/rn41bzEgIBLPMsO0iTeIpzdtg/M+cYSVZJX4nHjcpAaJH7muePzGueiywDMjZiY9TxwhFosdrHQwK5ka8RRxVNV0yheyHquctzhrlRpr9clfGM7rK8tcpxpBEotYggQRCmooowIbMdp1Uiyk6Tzh4x92/RK5FHKVwcixgCo0yK4f/A9+z9YqTE54SeEE0P3iOB+jQGgXaNYd5/vYcZonQPAZuNLb/moDmPkkvd7WokfAwDZwcd3WlD3gcgcYejJkU3alIJVQKADvZ/RNOWDwFuhb8+bWOsfpA5ChWaVugINDYKxI2es+7+7tnNu/d1rz+wEdv3KFwJkSCwAAAAZiS0dEAAAA1gAAcEfy/QAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAClJREFUCNdj9IrK/s+AA7AwMDAwbKuZiiFxleMTAxMDHkC+JAvMfGwAAF1aB4OnYynVAAAAAElFTkSuQmCC");
+}
+.btn.toggle-off {
+  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9TtSIVBzuIOGSoThaKijhqFYpQIdQKrTqYvPQPmjQkKS6OgmvBwZ/FqoOLs64OroIg+APi5Oik6CIl3pcUWsT44PI+znvncN99gNCoMM3qigOabpvpZELM5lbF0CuCCFP1IC4zy5iTpBR819c9Any/i/Es/3t/rn41bzEgIBLPMsO0iTeIpzdtg/M+cYSVZJX4nHjcpAaJH7muePzGueiywDMjZiY9TxwhFosdrHQwK5ka8RRxVNV0yheyHquctzhrlRpr9clfGM7rK8tcpxpBEotYggQRCmooowIbMdp1Uiyk6Tzh4x92/RK5FHKVwcixgCo0yK4f/A9+z9YqTE54SeEE0P3iOB+jQGgXaNYd5/vYcZonQPAZuNLb/moDmPkkvd7WokfAwDZwcd3WlD3gcgcYejJkU3alIJVQKADvZ/RNOWDwFuhb8+bWOsfpA5ChWaVugINDYKxI2es+7+7tnNu/d1rz+wEdv3KFwJkSCwAAAAZiS0dEAAAA1gAAcEfy/QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAClJREFUCNdj9IrK/s+AA7AwMDAwnGCciSFxuPkdAxMDHkC+JAvMfGwAAF57B+ivUX9rAAAAAElFTkSuQmCC");
+}
+.btn.toggle-on, .btn.toggle-off {
+  background-repeat: no-repeat;
+  background-position: 4px 50%;
+}
+
 .sep {
   display: block;
 }
@@ -284,6 +296,10 @@ h1 {
   padding: 4px 2px;
 }
 
+.show-own #chat-all .msg.own {
+  background: #002900;
+}
+
 #chat-all .msg.history {
   color: #999;
 }
@@ -304,7 +320,7 @@ h1 {
   display: block;
 }
 
-#msg_cont {
+#msg_cont, #msg_opts {
   display: flex;
   display: -moz-flex;
   display: -ms-flex;
@@ -323,10 +339,6 @@ h1 {
   border-right: 2px solid #6a6a7a;
   border-bottom: 2px solid #6a6a7a;
   color: #fff;
-  flex: 1;
-  -ms-flex: 1;
-  -moz-flex: 1;
-  -webkit-flex: 1;
   margin-right: 4px;
   padding: 2px;
   width: 100%;
@@ -339,6 +351,20 @@ h1 {
   -webkit-flex-shrink: 0;
 }
 
+#msg_type, #msg_opts input {
+  flex: 1;
+  -ms-flex: 1;
+  -moz-flex: 1;
+  -webkit-flex: 1;
+}
+
+#msg_opts input {
+  margin-right: 4px;
+}
+#msg_opts input:last-child {
+  margin-right: 0;
+}
+
 #vis-cont {
   display: inline-block;
   max-height: 91px;