* {
|
padding: 0;
|
margin: 0;
|
}
|
|
html, body {
|
height: 98%;
|
width: 100%;
|
background-color: #000000;
|
}
|
|
.ttop {
|
height: 10%;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
}
|
|
.ttitle {
|
height: 100%;
|
width: 78%;
|
color: #ffffff;
|
display: flex;
|
align-items: center;
|
margin-left: 2%;
|
font-size: 16px;
|
letter-spacing:2px;
|
color:aqua;
|
}
|
.ttig{
|
display:flex;
|
align-items:center;
|
justify-content:center;
|
}
|
.cha {
|
height: 100%;
|
width: 20%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.message {
|
height: 90%;
|
width: 100%;
|
}
|
|
.messageM {
|
height: 100%;
|
width: 100%;
|
display:flex;
|
flex-direction:column;
|
}
|
|
.first {
|
display:flex;
|
flex-direction:column;
|
flex-grow:1;
|
}
|
.first1{
|
display:flex;
|
flex-direction:column;
|
flex-grow:2;
|
}
|
|
.ttileF {
|
display: flex;
|
align-items: center;
|
flex-grow:1;
|
}
|
.ttitleS {
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
flex-direction: row;
|
flex-wrap:wrap;
|
flex-grow:1;
|
}
|
|
.tf1, .tf2, .tf3 {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.tf1 {
|
width: 15%;
|
}
|
|
.tf2 {
|
width: 60%;
|
justify-content: flex-start;
|
}
|
|
.tf3 {
|
width: 20%;
|
}
|
|
.tf2 span {
|
color: #ffffff;
|
font-size: 14px;
|
}
|
|
.btn {
|
border: none;
|
width: 15px;
|
height: 15px;
|
|
}
|
|
.btnk {
|
border: none;
|
width: 15px;
|
height: 15px;
|
background-color: #ffffff;
|
}
|
|
|
|
|
.ttitleS .ts {
|
color: #ffffff;
|
width: 15%;
|
font-size: 10px;
|
display: flex;
|
flex-direction: row;
|
justify-content: flex-start;
|
}
|
.tscheck{
|
display:flex;
|
align-items:center;
|
justify-content:flex-end;
|
}
|
.timg{
|
display:none;
|
}
|
|
.tf1 .gd0{
|
background-color:rgb(248,208,114);
|
}
|
|
.tscheck .gd1{
|
background-color:rgb(252,234,158);
|
}
|
.tf1 .yd0{
|
background-color:rgb(255,251,177);
|
}
|
.tscheck .yd1{
|
background-color:rgb(213,167,176);
|
}
|
.ld0{
|
background-color:rgb(49,173,65);
|
}
|
.ld1{
|
background-color:rgb(49,173,105);
|
}
|
.ld2{
|
background-color:rgb(100,185,104);
|
}
|
.ld3{
|
background-color:rgb(151,255,178);
|
}
|
.ld4{
|
background-color:rgb(151,207,178);
|
}
|
.yd0{
|
background-color:rgb(214,167,201);
|
}
|
.yd1{
|
background-color:rgb(213,167,176);
|
}
|
|
.cd0{
|
background-color:rgb(78,194,56)
|
}
|
.cd1{
|
background-color:rgb(131,194,56);
|
}
|
.cd2{
|
background-color:rgb(21,206,127);
|
}
|
.cd3{
|
background-color:rgb(154,206,127);
|
}
|
.cd4{
|
background-color:rgb(200,227,160);
|
}
|
.jmd0{
|
background-color:rgb(218,37,29)
|
}
|
.jmd1{
|
background-color:rgb(229,103,102);
|
}
|
.jmd2{
|
background-color:rgb(241,165,180);
|
}
|
.gk0{
|
background-color:rgb(193,114,97);
|
}
|
.gk1{
|
background-color:rgb(226,161,149);
|
}
|
.gk2{
|
background-color:rgb(197,154,140);
|
}
|
.gk3{
|
background-color:rgb(145,125,110);
|
}
|
.jt0{
|
background-color: rgb(180,180,160);
|
}
|
.jt1{
|
background-color: rgb(155,154,149);
|
}
|
.jt2{
|
background-color: rgb(210,216,201);
|
}
|
.jt3{
|
background-color: rgb(222,222,180);
|
}
|
.jt4{
|
background-color: rgb(222,222,150);
|
}
|
.sy0{
|
background-color:rgb(21,96,155);
|
}
|
.sy1{
|
background-color:rgb(163,214,245);
|
}
|
.sy2{
|
background-color:rgb(163,254,245);
|
}
|
.sy3{
|
background-color:rgb(163,254,165);
|
}
|
.sy4{
|
background-color:rgb(144,170,207);
|
}
|
.sy5{
|
background-color:rgb(178,210,255);
|
}
|
.sy6{
|
background-color:rgb(141,132,212);
|
}
|
.sy7{
|
background-color:rgb(100,144,138);
|
}
|
.qt0{
|
background-color:rgb(255,207,23);
|
}
|
.qt1{
|
background-color:rgb(230,186,20);
|
}
|
.qt2{
|
background-color:rgb(191,154,17);
|
}
|
.qt3{
|
background-color:rgb(144,117,13);
|
}
|
.qt4{
|
background-color:rgb(93,75,8);
|
}
|
