new_project/client/css/app.demo.css
/* Example CSS file */
/* Main */
body,
html {
height: 100%;
}
body {
font: normal 1em sans-serif;
background: linear-gradient(top, #eeeeee, #ffffff);
text-align: center;
}
p {
margin-bottom: 1em;
}
a {
color: #000a68;
}
h1 {
font-size: 1.5em;
font-weight: normal;
margin: 1.5em;
color: #333;
text-shadow: 1px 1px 2px white;
}
#content {
padding: 50px;
}
/* Quick Chat Demo */
#demo {
border: 1px solid #ccc;
width: 700px;
text-align: left;
margin: 50px auto;
padding: 15px;
border-radius: 5px;
}
#demo h3 {
font-size: 1.0em;
font-weight: normal;
}
#demo h5 {
padding: 5px 0;
color: #666;
font-weight: normal;
font-size: 0.8em;
}
#demo #myMessage,
#demo #chatlog {
border: none;
box-shadow: inset 0 0 2px #777;
border-radius: 5px;
}
#demo #myMessage {
width: 690px;
padding: 5px;
}
#demo #chatlog {
width: 700px;
background-color: white;
margin: 5px 0;
}
#demo #chatlog p {
font-size: 0.9em;
color: #000a68;
padding: 3px 9px;
margin: 0;
}
#demo #chatlog p:first-child {
padding-top: 9px;
}
#demo #chatlog p:last-child {
padding-bottom: 9px;
}
#demo #chatlog .time {
color: #666;
float: right;
width: 70px;
text-align: right;
font-size: 0.7em;
}