dingtalk stylish css

dingtalk-stylish.css

#layout-main{
	left:0;
    top:0;
    margin:0;
    border-radius:0;
    box-shadow:none;
    display:flex;
    width:100%;
    height:100%;
    flex-flow: column nowrap;
}

#body{
	flex:1;
    flex-flow:row;
    height:auto;
    border-radius:0;
}
#menu-pannel{
	width:100px;
    height:auto;
    border-radius:0;
}
#menu-pannel-body{
	height:auto;
}
#sub-menu-pannel{
	height:auto;
}
#content-pannel{
	height:auto;
    display:flex;
}
#content-pannel>div {
	height:auto;
    flex:1;
    flex-flow:column;
}
[responsive-input]{
	min-height:84px;
}
.content-pannel-head{
	min-height:51px;
}


.conv-detail-pannel .content-pannel-body .chat-item .msg-bubble-area .msg-bubble{
	border:0 none !important;
    background-color:transparent !important;
    padding:0 11px;
    color:#333;
    max-width:none;
}
.msg-bubble-tri{
	display:none !important;
}

.conv-detail-pannel .content-pannel-body .chat-item .avatar{
	margin-right:0px;
    margin-top:-20px;
    
}

.conv-detail-pannel .content-pannel-body .chat-item .name {
   padding-left:45px;
   color:black;
   font-size:14px;
   font-weight:bold;
   	font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.conv-detail-pannel .content-pannel-body .chat-item .name a{
   color:black;
}

.conv-detail-pannel .content-pannel-body .chat-item.me .avatar{
	float: left;
    margin-right: 0px;
  	margin-top: -20px;
    margin-left:0;
}
.conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-box{
	float:left;
    width:90%;
}

.conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-area{
  padding-right: 100px;
  padding-left: 0px;
  float: left;
  clear: both;
  position: relative;
  margin-bottom: 3px;
}
.conv-detail-pannel .content-pannel-body .chat-item.me .name{
	  margin-bottom: 6px;
  color: #8e97a1;
    text-align:left;
}
.conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-area .msg-bubble{
  position: relative;
  float:none;
  clear: both;
  padding: 0px 11px;
  border: 1px solid #e1e0e4;
  border-radius: 6px;
  background-color: #fff;
  line-height: 21px;
  width: auto;
  max-width:90%;
  overflow: hidden;
  border: 1px solid #38adff;
  background-color: #38adff;
  color: #fff;
}
.conv-detail-pannel .content-pannel-body .chat-item .msg-bubble-area{
	float:none;
}

.conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-area{
	float:none;
    width:90%;
    
}

.conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-area .read-status, .conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-area .send-ding {
	display:inline-block;
    top:-25px;
    text-align:left;
    width:100px;
    left:110px;
}

.conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-area .send-ding{
 left:170px;
}

.conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-area .text {
	color:#333;
}

.conv-detail-pannel .content-pannel-body .chat-item.me .msg-bubble-area .text a{
	color:#38adff;
}