ChatOptions.css

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
Opera: Pressione Ctrl-F5.

@import url(https://fonts.googleapis.com/css?family=Playfair+Display:900italic);
/** Ping **/
textarea#pings {
    height: 34px;
    left: 45px;
    top: -12px;
    position: absolute;
}
 
span#pingspan {
    top: 12px;
    font-family: Dosis;
    text-transform: UPPERCASE;
    color: transparent;
    font-size: 6px;
    position: absolute;
}
 
span#pingspan:before {
    content: 'Ping';
    visibility: visible;
    color: #FFF;
    font-size: 15pt;
    font-weight: bold;
    top: 0;
    position: absolute;
}
 
span#pingspan:after {
    content: '!';
    position: relative;
    left: 36px;
    bottom: 17px;
    z-index: -2;
    font-size: 25px;
    font-family: Playfair Display;
    color: #F00;
}
 
button.secondary {
    position: relative;
    right: 43px;
    height: 32px;
    float: right;
    bottom: 3px;
    background-color: #fff;
    background: #FFF;
    background-image: none;
    border: 0px;
    background-color: #FFF;
    background-image: url('http://simpleicon.com/wp-content/uploads/magnifier-4.svg');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    border: none;
}
 
button.secondary:hover {
    background-color: #CCC;
    border: none;
}
 
img.sprite.search {
    visibility: collapse;
}
/** Searchbar end **/
 
/** Botões **/
/*** PM ***/
.multiPM {
    left: 1109px;
    width: 126px;
    text-align: center;
}
 
/*** ***/
 
/*** Multikick ***/
.multikick {
    float: right;
    position: absolute;
    bottom: 45px;
    left: 1109px;
    width: 126px;
    text-align: center;
}
 
/*** ***/
/*** Clear ***/
.limparjanelabutton {
    position: absolute;
    bottom: 1px;
    left: 1109px;
    width: 126px;
    text-align: center;
}
 
/*** ***/
 
/*** Away ***/
.awaybutton {
    float: right;
    position: absolute;
    bottom: 23px;
    left: 1109px;
    width: 126px;
    text-align: center;
}
 
/*** ***/
 
/** Fim dos botões **/
 
/*** Rail Menor ***/
.Rail {
    bottom: 0;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 90%;
}