You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
2.5 KiB
129 lines
2.5 KiB
.chat-content{
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
/*left: 25px;
|
|
right: 25px;*/
|
|
overflow:visible;
|
|
font-size: 0;
|
|
-webkit-text-size-adjust:none;
|
|
}
|
|
.chat-content-main{
|
|
position: absolute;
|
|
top: 0;
|
|
bottom:0;
|
|
left: 0;
|
|
/*right: 75px;*/
|
|
}
|
|
.chat-content-lastnode{
|
|
position: absolute;
|
|
top: 0;
|
|
bottom:0;
|
|
/* width:75px;*/
|
|
right: 0px;
|
|
}
|
|
.chat-content .wf-area{
|
|
width:100%;
|
|
height:100%;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
position: relative;
|
|
}
|
|
.chat-content .wf-area:before{
|
|
content:"";
|
|
height: 3px;
|
|
/*border: 1px solid #000;*/
|
|
background: #f1f1f1;
|
|
position: absolute;
|
|
right:0;
|
|
/*top:224px;*/
|
|
}
|
|
.wf-node{
|
|
position: absolute;
|
|
/* top:200px;*/
|
|
/*width: 100px;*/
|
|
line-height: 100%;
|
|
}
|
|
.wf-node .wf-nodename{
|
|
/*width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;*/
|
|
border-radius: 50%;
|
|
border: 3px solid #f1f1f1;
|
|
background-color:#CCC;
|
|
text-align: center;
|
|
/*margin-left: 25px;*/
|
|
}
|
|
.wf-node .wf-nodedesc{
|
|
/*width: 100px;
|
|
left: -25px;*/
|
|
margin-top:5px;
|
|
text-align: center;
|
|
position: relative;
|
|
|
|
|
|
}
|
|
.wf-area:after{
|
|
content: "";
|
|
position: absolute;
|
|
right: -2px;
|
|
/* top:215px; */
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 8px solid transparent;
|
|
border-left: 16px solid #f1f1f1;
|
|
border-bottom: 8px solid transparent;
|
|
}
|
|
|
|
.chat-content-lastnode .wf-area:before{
|
|
content:"";
|
|
height:0px;
|
|
}
|
|
.chat-content-lastnode .wf-area:after{
|
|
content:"";
|
|
height:0px;
|
|
border:0px;
|
|
}
|
|
.blue-bg {
|
|
background-color: #1c84c6 !important;
|
|
color: #ffffff;
|
|
}
|
|
.navy-bg {
|
|
background-color: #1ab394 !important;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.lazur-bg {
|
|
background-color: #23c6c8 !important;
|
|
color: #ffffff;
|
|
}
|
|
@-webkit-keyframes halo {
|
|
50% {opacity: 1; }
|
|
100%{opacity: 0;-webkit-transform: scale(1.3); } }
|
|
|
|
@-moz-keyframes halo {
|
|
50% { opacity: 1; }
|
|
100%{ opacity: 0; -moz-transform: scale(1.3); } }
|
|
|
|
@-ms-keyframes halo {0% { opacity: 0; }
|
|
50% { opacity: 1; }
|
|
100%{opacity: 0; } }
|
|
|
|
@-o-keyframes halo {
|
|
50% {opacity: 1; }
|
|
100%{ opacity: 0;-o-transform: scale(1.3); } }
|
|
|
|
@keyframes halo {
|
|
50% {opacity: 1; }
|
|
100%{opacity: 0;transform: scale(1.3); } }
|
|
.yellow-bg {
|
|
background-color: #f8ac59 !important;
|
|
color: #ffffff;
|
|
}
|
|
.yellow-bg-blink {
|
|
background-color: #f8ac59 !important;
|
|
color: #ffffff;
|
|
-webkit-animation: halo 1s 0.5s infinite ease-out;
|
|
-moz-animation: halo 1s 0.5s infinite ease-out;
|
|
animation: halo 1s 0.5s infinite ease-out;
|
|
}
|