/* CHAT */ #chat{ background: rgba(255,255,255,0.8); border: 1px solid #0070BA; width: 250px; position: fixed; bottom: 0px; right: 60px; transition: all 1s cubic-bezier(0.36, 1.23, 0.82, -0.04) 0s; } #chat.off{ } #chatTitulo{ color: #fff; font-weight: bold; background: #0070BA; height: 30px; vertical-align: middle; padding-left: 10px; cursor: pointer; } #chatTexto ul{ height: 360px; overflow: auto; margin: 0; padding: 5px; list-style: none; word-wrap: break-word; } #chatTexto li{ width: 90%; background: #C7E5F1; padding: 5px; margin-top: 5px; border-radius: 5px; display: table; } #chatTexto li.yo{ background: #CAF5D3; float: right; margin-bottom: 5px; } #chatTexto li.yo img{ float: right; } #chatTexto li.site{ background: none; font-style: italic; width: 95%; } #chatTexto img{ width: 30px; float: left; border-radius: 30px; display: table-cell; } #chatTexto .dice{ display: block; font-size: 0.7em; } #chatTexto .hace{ display: block; font-size: 0.7em; text-align: right; color: #999; } #chatInput{ background: #ADDDF1; height: 30px; vertical-align: middle; } #chatInput #chatText{ margin: 5px; width: 190px; } #chat button{ padding: 6px 10px; } #sobrePagina #activaChat{ color: #B57505; }