server/aspnetapp/wwwroot/lib/layim-v3.9.1/src/css/modules/layim/layim.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 
 @Name: layim
 @Author: 贤心
 @Site: http://layim.layui.com
 
 */

/* 加载就绪标志 */
html #layuicss-skinlayimcss{display:none; position: absolute; width:1989px;}

body .layui-layim,
body .layui-layim-chat{border: 1px solid #D9D9D9; border-color: rgba(0,0,0,.05); background-repeat: no-repeat; background-color: #F6F6F6; color: #333; font-family: \5FAE\8F6F\96C5\9ED1;}
body .layui-layim-chat{background-size: cover;}
body .layui-layim .layui-layer-title{height: 110px; border-bottom: none; background: none;}
.layui-layim-main{position: relative; top: -98px; left:0;}
body .layui-layim .layui-layer-content,
body .layui-layim-chat .layui-layer-content{overflow: visible;}
.layui-layim cite,
.layui-layim em,
.layui-layim-chat cite,
.layui-layim-chat em{font-style: normal;}
.layui-layim-info{height: 50px; font-size: 0; padding: 0 15px;}
.layui-layim-info *{font-size: 14px;}
.layui-layim-info div,
.layui-layim-tab li,
.layim-tab-content li h5 *,
.layui-layim-tool li,
.layui-layim-skin li{display: inline-block; vertical-align: top; *zoom: 1; *display: inline;}
.layui-layim-info .layui-layim-user,
.layui-layim-remark,
.layui-layim-list li p,
.layim-tab-content li h5 span,
.layui-layim-list li span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.layui-layim-info .layui-layim-user{max-width: 150px; margin-right: 5px; font-size: 16px;}
.layui-layim-status{position: relative; top: 2px; line-height: 19px; cursor: pointer;}
.layim-status-online{color: #3FDD86;}
.layim-status-hide{color: #DD691D;}
.layim-menu-box{display: none; position: absolute; z-index: 100; top: 24px; left: -31px; padding: 5px 0; width: 85px; border: 1px solid #E2E2E2; border-radius: 2px; background-color: #fff; box-shadow: 1px 1px 20px rgba(0,0,0,.1);}
.layim-menu-box li{position: relative; line-height: 22px; padding-left: 30px; font-size: 12px;}
.layim-menu-box li cite{padding-right: 5px; font-size: 14px;}
.layim-menu-box li i{display: none; position: absolute; left: 8px; top: 0; font-weight: 700; color: #5FB878;}
.layim-menu-box .layim-this i{display: block;}
.layim-menu-box li:hover{background-color: #eee;}
.layui-layim-remark{position: relative; left: -6px; display: block; width: 100%; border: 1px solid transparent; margin-top: 8px; padding: 0 5px; height: 26px; line-height: 26px; background: none; border-radius: 2px;}
.layui-layim-remark:hover,
.layui-layim-remark:focus{border: 1px solid #d2d2d2; border-color: rgba(0,0,0,.15)}
.layui-layim-remark:focus{background-color: #fff;}

.layui-layim-tab{margin-top: 10px; padding: 9px 0; font-size: 0;}
.layui-layim-tab li{position: relative; width: 33.33%; height: 24px; line-height:24px; font-size: 22px; text-align: center; color: #666; color: rgba(0,0,0,.6); cursor: pointer;}
.layim-tab-two li{width: 50%;}
.layui-layim-tab li.layim-this:after{content: ''; position: absolute; left: 0; bottom: -9px; width: 100%; height: 3px; background-color: #3FDD86;}
.layui-layim-tab li.layim-hide{display: none;}
.layui-layim-tab li:hover{opacity: 0.8; filter: Alpha(opacity=80);}
.layim-tab-content{display: none; padding: 10px 0; height: 349px; overflow: hidden; background-color: #fff; background-color: rgba(255,255,255,0.9);}
.layim-tab-content:hover{overflow-y: auto;}
.layim-tab-content li h5{position:relative; margin-right: 15px; padding-left: 30px; height: 28px; line-height: 28px; cursor:pointer; font-size:0; white-space: nowrap; overflow: hidden;}
.layim-tab-content li h5 *{font-size: 14px;}
.layim-tab-content li h5 span{max-width: 125px;}