Skip to content

Instantly share code, notes, and snippets.

@sebnozzi
Created April 16, 2012 20:30
Show Gist options
  • Save sebnozzi/2401308 to your computer and use it in GitHub Desktop.
Save sebnozzi/2401308 to your computer and use it in GitHub Desktop.
PubNub Chat Demo 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment