76 lines
1.2 KiB
CSS
76 lines
1.2 KiB
CSS
|
body {
|
||
|
|
margin: 0px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
#container{
|
||
|
|
float: left;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
#loader {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 10;
|
||
|
|
width: 1280px;
|
||
|
|
height: 720px;
|
||
|
|
background-color: black;
|
||
|
|
background-size: contain;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-image: url('../images/loader.gif');
|
||
|
|
}
|
||
|
|
.chat-content-wrapper{
|
||
|
|
overflow-y: scroll;
|
||
|
|
overflow-x: hidden;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
align-items: flex-end;
|
||
|
|
color: #E8F7FB;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-messages {
|
||
|
|
position: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
#chat{
|
||
|
|
float: right;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.asr-input {
|
||
|
|
padding:10px;
|
||
|
|
border-top-color: rgba(255,255,255,0.1);
|
||
|
|
background: rgba(255,255,255,0.1);
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
.speaker-box {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
.speaker-input {
|
||
|
|
height: 30px;
|
||
|
|
border-color: gray;
|
||
|
|
border-width: 1;
|
||
|
|
color: black;
|
||
|
|
margin: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-input {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-box {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
bottom:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#chat-box {
|
||
|
|
text-align:left;
|
||
|
|
margin:0 auto;
|
||
|
|
margin-bottom:25px;
|
||
|
|
padding:10px;
|
||
|
|
background:#fff;
|
||
|
|
height:270px;
|
||
|
|
width:430px;
|
||
|
|
border:1px solid #ACD8F0;
|
||
|
|
overflow:auto; }
|