40 lines
938 B
CSS
40 lines
938 B
CSS
#shoutbox {
|
|
margin: 20px 5% 10px 5%;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
|
|
background: #ffffff;
|
|
border: 1px solid #999999;
|
|
}
|
|
|
|
#shoutbox > div {
|
|
margin: 0; padding: 0; height: 125px; width: 100%;
|
|
overflow-y: scroll; border-bottom: 1px solid #999999;
|
|
/*border-radius: 2px 2px 0 0;
|
|
border: 1px solid #999999;*/
|
|
}
|
|
#shoutbox > form {
|
|
display: flex; align-items: center;
|
|
}
|
|
#shoutbox > form > input {
|
|
flex-grow: 1;
|
|
padding: 5px 0;
|
|
/*border-radius: 0 0 2px 2px;*/
|
|
/*border: 1px solid #999999;*/
|
|
border: none;
|
|
}
|
|
#shoutbox > form > input:focus {
|
|
border-color: #a12222;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(161, 34, 34, 0.6);
|
|
}
|
|
|
|
/* Messages */
|
|
#shoutbox > div > div {
|
|
padding: 2px 10px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, .3);
|
|
font-size: 11px;
|
|
}
|
|
#shoutbox > div > div:last-child {
|
|
border-bottom: none;
|
|
}
|
|
#shoutbox > div > div:hover {
|
|
background: #e0e0e0;
|
|
} |