Raw Source Toggle Dropdown

• Minified Source

lingyaobr / UOL Beta com cara do chat antigo

// ==UserScript==
// @name         UOL Beta com cara do chat antigo
// @namespace    http://www.yao-chat.ml
// @version      1.2
// @description  Faz o novo chat da UOL (beta) ficar com a cara do chat antigo.
// @author       Ling Yao
// @match        http://batepapo.uol.com.br/beta/*
// @grant        none
// ==/UserScript==
/* jshint -W097 */
'use strict';

// Your code here...

var oldUol = function(){
    $('#room_name').parent().append($('#room_name').clone().attr('id', 'room_number'));
    $('#room_name').html($('#room_name').html().match(/(.*)(\(([0-9])\))/)[1]);
    var number = $('#room_number').html().match(/(.*)(\(([0-9])\))/)[3];
    if(number.length == 1){
	    number = '0' + number;
    }
    $('#room_number').html(number);
    $('link[href*="Roboto"]').remove();
    $('style:contains("Roboto")').remove();
    $('#userCount').remove();
    $('#sendBtn').html(" ");
    $('#btnExitRoom').html(" ");
    $('.footer-bottom-right-column').html('<a href="http://denuncia.uol.com.br/" target="_blank"><img src="http://bp.imguol.com.br/v07/abusos_bp.gif" border="0"></a>');

    var style = `<style>
    .top-header {
        background: url(http://bp.imguol.com/v07/especial/temas/topo/fundo-geral.gif);
        height: 80px;
    }

    #logobp {
        background: url(http://bp.imguol.com/v07/especial/temas/topo/logo-bp.jpg) !important;
        position: fixed !important;
        width: 350px !important;
        height: 80px !important;
        top: 0px !important;
        left: 0px !important;
        cursor: auto !important;
        z-index: 0 !important;
    }

    #room_name {
        font: bold 18px arial;
        position: absolute;
        top: -38px;
        left: 44px;
    }

    #room_number {
        font: bold 16px arial;
        position: absolute;
        top: -36px;
        left: 26px;
        color: #1D5C92;
    }

    .divider {
        display: none;
    }

    #chat-navigation {
        display: none;
    }

    .top-bar {
        height: 0px !important;
        background: transparent !important;
    }

    .social-plugin {
        position: fixed;
        font: normal 11px arial;
        color: #FFF;
        border: 0px;
        top: 5px;
        left: 500px;
    }

    #roomview {
        top: 80px !important;
    }

    .chat-members {
        background: #EEEEEE;
        width: 199px;
        box-shadow: none;
        overflow-y: scroll;
        bottom: 77px !important;
    }

    .chat-messages-textwrap > .color { 
        display: none; 
    } 

    .chat-messages {
        right: 210px !important;
        bottom: 77px !important;
    }

    .color-default { 
        background: #EFEFEF;
    }
    
    .footer-bottom-new div.widget-perfil-uol-small {
        display: none !important;
    }

    #userList {
        top: 0px !important;
        margin: 10px !important;
        bottom: initial !important;
        background: #FFF;
        width: 160px;
        overflow: initial !important;
        border: none !important;
    }

    #userList > .color-default {
        background: #C8AFAA !important;
    }

    #userList > li {
        height: 21px !important;
        border-bottom: solid 1px #eee !important;
    }

    .usernick {
        color: #000 !important;
        font: normal 11px arial !important;
        padding-top: 3px !important;
    }

    .border-color {
        display: none !important;
    }

    #notificationWrapper::-webkit-scrollbar-track, div#conversation::-webkit-scrollbar-track, ul#userList::-webkit-scrollbar-track {
        -webkit-box-shadow: initial;
        border-radius: initial;
    }

    #notificationWrapper::-webkit-scrollbar, div#conversation::-webkit-scrollbar, ul#userList::-webkit-scrollbar {
        width: initial;
    }

    #notificationWrapper::-webkit-scrollbar-thumb, div#conversation::-webkit-scrollbar-thumb, ul#userList::-webkit-scrollbar-thumb {
        border-radius: initial;
        -webkit-box-shadow: initial;
    }

    .actionWebcam, .actionWebcamDisabled {
        display: none !important;
    }

    #footer {
        background: url(http://bp.imguol.com/v07/especial/temas/fundo-geral-user_panel.gif);
        border-top: 0px;
        box-shadow: none;
        height: 77px !important;
        margin-top: -77px !important;
    }

    #user-logged {
        font-size: 16px;
        font-family: arial;
        color: #FFF;
        font-weight: bold;
    }

    .panel-color {
        padding: 5px 3px;
        border: 1px solid #fff;
        height: 39px;
        border-radius: 0px;
        top: 10px;
        left: 178px;
        right: 350px;
    }

    .panel-color.color-default {
        background: #c8afaa url('http://bp.imguol.com/v07/fundo-mensagem.gif') repeat-x;
    }

    .message-userlist-item.color-default {
        display: none !important;
    }

    .message-application-header {
        position: absolute;
        left: -11px;
        right: 0px;
        border: none;
        box-shadow: none;
        top: 27px;
        background: transparent;
    }

    #chatMessageSend {
        position: absolute;
        background: #FFF;
        overflow: hidden;
        bottom: 10px;
        border: 1px solid #CCC;
        padding: 2px;
        height: 21px;
        box-shadow: inset 0 1px 7px -4px #696868;
        left: 45px;
    }

    .message-application-wrapper {
        background: transparent;
        border: none;
    }

    .message-application-permissions {
        display: none;
    }

    .message-userlist-item {
        border: 1px solid #FFF;
        border-top: none;
    }

    .message-userlist-item > span {
        border: none !important;
        text-align: center;
        font: normal 10px arial !important;
        color: #000100 !important;
        padding: 7px !important;
    }

    #mediaEmoticons {
        position: absolute;
        top: -2px;
        left: -5px;
        background: url(http://bp.imguol.com/v07/icones/smiles/NULL.gif);
        height: 20px;
        width: 20px;
        background-position: 0px !important;
    }

    #mediaSounds {
        position: absolute;
        background: url(http://bp.imguol.com/v07/icones/sounds/som.gif);
        height: 20px;
        width: 20px;
        top: -13px;
        left: 17px;
        background-position: 0px !important;
    }

    label[for="checkbox1"] {
        position: fixed;
        left: 30px;
        bottom: 20px;
        color: #FFF;
    }

    label[for="checkbox2"] {
        position: fixed;
        right: 200px;
        color: #FFF;
        bottom: 45px;
    }

    #sendBtn {
        background: url(http://bp.imguol.com.br/v07/botoes/enviar.gif);
        width: 53px;
        height: 21px;
        border: none;
        position: absolute;
        bottom: -8px;
        right: 18px;
    }

    .message-application-inputarea-text {
        right: -40px;
    }

    body {
        overflow-x: hidden;
    }

    .uol-perfil {
        background: url(http://bp.imguol.com/v07/especial/temas/fundo-borda-user_panel.gif);
        width: 18px;
        height: 127px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .uol-perfil > img {
        display: none;
    }

    .user-logged > span {
        color: #FFF;
        font-size: 16px;
        font-family: arial;
        font-weight: bold;
        top: 12px;
        position: absolute;
        left: 35px;
    }

    #btnExitRoom {
        background: url(http://bp.imguol.com.br/v07/especial/temas/botoes/v2.0/sair.jpg);
        height: 19px;
        width: 43px;
        position: fixed;
        right: 195px;
        bottom: 6px;
    }

    .footer-bottom-right-column {
        position: absolute;
        right: -70px;
        bottom: 3px;
    }
    </style>`;

    $('body').append(style);
}

var interval = setInterval(function(){
    if(document.querySelector('#chatMessageSend')){
        oldUol();
        clearInterval(interval);
    }
}, 100);