PubNub Chat Demo CSS

gistfile1.css

#input {
    font-size: 20px;
    line-height: 20px;
}

#output, #input {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 30px #EEEEEE inset;
    margin: 10px;
    padding: 10px;
    text-shadow: -1px -1px 2px #CCCCCC;
    width: 500px;
}

input {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #E6E6E6;
    color: #464142;
    font-size: 16px;
    padding: 5px;
    width: 100%;
}

#output {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAZCAYAAADwkER/AAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAADdJREFUCNdVzDEOwCAUw9DX/Nv2/kMLRXQD4cFylsAd9KAtvcFz1p5bLfjWwQhGIYUrmMEsiIMfNxwSOsvoNw4AAAAASUVORK5CYII=") repeat-x scroll 0 0 #F8F8F8;
    border: 1px solid #888888;
    height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#output, #input {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 30px #EEEEEE inset;
    margin: 10px;
    padding: 10px;
    text-shadow: -1px -1px 2px #CCCCCC;
    width: 500px;
}