html在线聊天界面模板,一款带气泡对话框的HTML5聊天应用界面模板

CSS

语言：

CSSSCSS

确定

@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,700');

html,

body {

height: 100%;

margin: 0;

font-family: 'Roboto', sans-serif;

font-weight: 100;

}

body {

display: flex;

justify-content: center;

align-items: center;

}

#container {

width: 80%;

height: 80%;

display: flex;

box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

min-width: 600px;

}

aside,

#main {

flex-grow: 1;

height: 100%;

min-width: 300px;

}

aside {

background-color: #2F373F;

}

#main {

background-color: #E7EDED;

}

aside header {

background-color: #343