new_project/client/css/app.demo.less
// Example Less file
//
// Less docs: http://lesscss.org/
// Main
body, html {
height: 100%;
}
body {
font: normal 1em sans-serif;
background: linear-gradient(top, #eee, #fff);
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;
h3 {
font-size: 1.0em;
font-weight: normal;
}
h5 {
padding: 5px 0;
color: #666;
font-weight: normal;
font-size: 0.8em;
}
#myMessage, #chatlog {
border: none;
box-shadow: inset 0 0 2px #777;
border-radius: 5px;
}
#myMessage {
width: 690px;
padding: 5px;
}
#chatlog {
width: 700px;
background-color: white;
margin: 5px 0;
p {
font-size: 0.9em;
color: #000a68;
padding: 3px 9px;
margin: 0;
&:first-child {
padding-top: 9px;
}
&:last-child {
padding-bottom: 9px;
}
}
span.time {
color: #666;
float: right;
width: 70px;
text-align: right;
font-size: 0.7em;
}
}
}