573 lines
17 KiB
CSS
573 lines
17 KiB
CSS
/*PAGE*/
|
|
#topbar .navbar,
|
|
.main-wrapper,
|
|
.page-content {
|
|
width: 1200px !important;
|
|
}
|
|
|
|
.panel-video {
|
|
height: 465px;
|
|
background: #000;
|
|
position: relative;
|
|
}
|
|
|
|
.panel-video .online {
|
|
position: absolute;
|
|
color: #fff;
|
|
left: 10px;
|
|
top: 10px;
|
|
padding: 3px 8px;
|
|
background: rgba(26,179,148, 0.8);
|
|
border-radius: 10px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.panel-video .online.pause {
|
|
background: rgba(237,85,101, 0.8);
|
|
}
|
|
|
|
.panel-video .online.stop {
|
|
background: rgba(204,204,204, 0.8);
|
|
}
|
|
|
|
.panel-default {
|
|
border-radius: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.panel-default .panel-heading {
|
|
background: transparent;
|
|
border-color: #f2f2f2;
|
|
padding: 10px;
|
|
}
|
|
|
|
.panel-default .panel-heading.noborder {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.panel-default .panel-heading.nopadding {
|
|
padding: 0 10px 0 5px;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.panel-default .panel-body {
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
padding: 10px;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat {
|
|
height: 440px;
|
|
display: none;
|
|
position: relative;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p img {
|
|
max-height: 40px;
|
|
max-width: 300px;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p img.face {
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat[data-tab='visitor'] p {
|
|
position: relative;
|
|
}
|
|
.panel-default .panel-body.panel-chat[data-tab='visitor'] p:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: -5px;
|
|
right: 0;
|
|
border-bottom: 1px dashed #eee
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat[data-tab='chat'] p .btn-delete,
|
|
.panel-default .panel-body.panel-chat[data-tab='chat'] p .btn-banned {
|
|
display: none;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat[data-tab='chat'] p:hover .btn-delete,
|
|
.panel-default .panel-body.panel-chat[data-tab='chat'] p:hover .btn-banned {
|
|
display: inline;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat[data-tab='chat'] p .nickname {
|
|
color: #44abf7;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p .tip {
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.panel-default .panel-body.panel-chat p .tip .text {
|
|
background: #ccc;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
padding: 0 5px;
|
|
border-radius: 2px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p .goods {
|
|
height: 70px;
|
|
width: 300px;
|
|
background: #f4f4f4;
|
|
padding: 8px;
|
|
border-radius: 5px;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p .goods .thumb {
|
|
height: 54px;
|
|
width: 54px;
|
|
background: red;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p .goods .thumb img {
|
|
max-height: 54px;
|
|
height: 54px;
|
|
width: 54px;
|
|
display: block;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p .goods .info {
|
|
width: 1%;
|
|
margin-left: 10px;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p .goods .info .title {
|
|
width: 100%;
|
|
height: 36px;
|
|
text-overflow: -o-ellipsis-lastline;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
color: #666;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat p .goods .info .price {
|
|
color: #f95959;
|
|
}
|
|
|
|
.panel-default .panel-body.panel-chat .empty-data {
|
|
line-height: 360px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.panel-default .panel-footer {
|
|
background: #f6f6f6;
|
|
padding: 5px 10px;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
border-color: #f2f2f2;
|
|
position: relative;
|
|
}
|
|
|
|
.panel-default .panel-footer .input {
|
|
height: inherit;
|
|
background: #fff;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
border-radius: 3px 0 0 3px;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .emoji {
|
|
line-height: 34px;
|
|
height: 34px;
|
|
width: 34px;
|
|
text-align: center;
|
|
color: #aaa;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .emoji:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0;
|
|
bottom: 5px;
|
|
border-right: 1px solid #eee;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .emoji.active .icon {
|
|
color: #44abf7;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .emoji .icon {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats {
|
|
position: relative;
|
|
cursor: default;
|
|
width: 100px;
|
|
display: none;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats.more:hover .at-list {
|
|
display: block;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats .at-list {
|
|
height: auto;
|
|
position: absolute;
|
|
background: #fff;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 30px;
|
|
border: 1px solid #eee;
|
|
border-bottom: 0;
|
|
margin-left: -1px;
|
|
border-radius: 3px 3px 0 0;
|
|
padding: 0 14px 4px 4px;
|
|
display: none;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats .item {
|
|
width: 100%;
|
|
margin: 0;
|
|
line-height: 32px;
|
|
position: relative;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats .item.big {
|
|
padding: 0 14px 0 4px;
|
|
line-height: 34px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats .item .text {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: #888;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats .item.big .text {
|
|
color: #666;
|
|
}
|
|
|
|
|
|
.panel-default .panel-footer .input .btn-ats .item:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 0px;
|
|
left: 8px;
|
|
bottom: 0;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats .item.big:before {
|
|
border: 0;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats .item .at-remove {
|
|
position: absolute;
|
|
top: 0;
|
|
right: -10px;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.panel-default .panel-footer .input .btn-ats .item.big .at-remove {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 4px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.panel-default .panel-footer .input input {
|
|
border: 0px;
|
|
outline: 0;
|
|
padding: 0 8px;
|
|
-webkit-box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.panel-default .panel-footer .btn {
|
|
border-radius: 0 3px 3px 0;
|
|
background: #44abf7;
|
|
border: 0;
|
|
}
|
|
|
|
.panel-default .panel-footer .emoji-list {
|
|
position: absolute;
|
|
height: 116px;
|
|
background: #fff;
|
|
top: 50px;
|
|
left: 10px;
|
|
right: 10px;
|
|
border: 1px solid #f2f2f2;
|
|
border-radius: 3px;
|
|
z-index: 99;
|
|
display: none;
|
|
}
|
|
|
|
.panel-default .panel-footer .emoji-list:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -10px;
|
|
left: 40px;
|
|
width: 0;
|
|
height: 0;
|
|
border-right: 10px solid transparent;
|
|
border-bottom: 10px solid #f2f2f2;
|
|
border-left: 10px solid transparent;
|
|
}
|
|
|
|
.panel-default .panel-footer .emoji-list:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: -9px;
|
|
left: 41px;
|
|
width: 0;
|
|
height: 0;
|
|
border-right: 9px solid transparent;
|
|
border-bottom: 9px solid #fff;
|
|
border-left: 9px solid transparent;
|
|
}
|
|
|
|
.panel-default .panel-footer .emoji-list .item {
|
|
float: left;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 2px;
|
|
cursor: pointer;
|
|
background: url("../images/face/allface.jpg");
|
|
background-size: 24px;
|
|
}
|
|
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(1){background-position: 0 -0px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(2){background-position: 0 -24px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(3){background-position: 0 -48px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(4){background-position: 0 -72px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(5){background-position: 0 -96px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(6){background-position: 0 -120px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(7){background-position: 0 -144px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(8){background-position: 0 -168px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(9){background-position: 0 -192px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(10){background-position: 0 -216px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(11){background-position: 0 -240px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(12){background-position: 0 -264px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(13){background-position: 0 -288px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(14){background-position: 0 -312px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(15){background-position: 0 -336px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(16){background-position: 0 -360px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(17){background-position: 0 -384px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(18){background-position: 0 -408px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(19){background-position: 0 -432px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(20){background-position: 0 -456px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(21){background-position: 0 -480px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(22){background-position: 0 -504px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(23){background-position: 0 -528px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(24){background-position: 0 -552px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(25){background-position: 0 -576px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(26){background-position: 0 -600px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(27){background-position: 0 -624px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(28){background-position: 0 -648px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(29){background-position: 0 -672px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(30){background-position: 0 -696px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(31){background-position: 0 -720px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(32){background-position: 0 -744px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(33){background-position: 0 -768px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(34){background-position: 0 -792px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(35){background-position: 0 -816px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(36){background-position: 0 -840px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(37){background-position: 0 -864px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(38){background-position: 0 -888px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(39){background-position: 0 -912px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(40){background-position: 0 -936px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(41){background-position: 0 -960px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(42){background-position: 0 -984px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(43){background-position: 0 -1008px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(44){background-position: 0 -1032px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(45){background-position: 0 -1056px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(46){background-position: 0 -1080px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(47){background-position: 0 -1104px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(48){background-position: 0 -1128px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(49){background-position: 0 -1152px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(50){background-position: 0 -1176px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(51){background-position: 0 -1200px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(52){background-position: 0 -1224px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(53){background-position: 0 -1248px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(54){background-position: 0 -1272px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(55){background-position: 0 -1296px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(56){background-position: 0 -1320px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(57){background-position: 0 -1344px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(58){background-position: 0 -1368px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(59){background-position: 0 -1392px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(60){background-position: 0 -1416px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(61){background-position: 0 -1440px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(62){background-position: 0 -1464px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(63){background-position: 0 -1488px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(64){background-position: 0 -1512px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(65){background-position: 0 -1536px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(66){background-position: 0 -1560px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(67){background-position: 0 -1584px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(68){background-position: 0 -1608px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(69){background-position: 0 -1632px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(70){background-position: 0 -1656px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(71){background-position: 0 -1680px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(72){background-position: 0 -1704px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(73){background-position: 0 -1728px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(74){background-position: 0 -1752px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(75){background-position: 0 -1776px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(76){background-position: 0 -1800px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(77){background-position: 0 -1824px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(78){background-position: 0 -1848px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(79){background-position: 0 -1872px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(80){background-position: 0 -1896px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(81){background-position: 0 -1920px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(82){background-position: 0 -1944px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(83){background-position: 0 -1968px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(84){background-position: 0 -1992px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(85){background-position: 0 -2016px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(86){background-position: 0 -2040px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(87){background-position: 0 -2064px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(88){background-position: 0 -2088px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(89){background-position: 0 -2112px;}
|
|
.panel-default .panel-footer .emoji-list .item:nth-child(90){background-position: 0 -2136px;}
|
|
.panel-default .panel-footer .emoji-list .item img {
|
|
height: 24px;
|
|
width: 24px;
|
|
vertical-align: middle;
|
|
display: none;
|
|
}
|
|
|
|
.panel-default.panel-push {
|
|
margin-top: 14px;
|
|
}
|
|
|
|
.panel-default.panel-push .panel-heading {
|
|
padding: 13px 10px;
|
|
}
|
|
|
|
.panel-default.panel-push .btn-loading,
|
|
.panel-default.panel-push .btn-play,
|
|
.panel-default.panel-push .btn-pause,
|
|
.panel-default.panel-push .btn-stop {
|
|
display: none;
|
|
border: 1px solid #f2f2f2;
|
|
padding: 5px 12px;
|
|
font-size: 12px;
|
|
color: #666;
|
|
}
|
|
|
|
.panel-default.panel-push .btn-loading {
|
|
color: #666;
|
|
display: inline;
|
|
}
|
|
|
|
.panel-default.panel-push .btn-play {
|
|
background: #1ab394;
|
|
border-color: #1ab394;
|
|
color: #fff;
|
|
}
|
|
|
|
.panel-default.panel-push .btn-pause {
|
|
background: #ed5565;
|
|
border-color: #ed5565;
|
|
color: #fff;
|
|
}
|
|
|
|
.panel-default.panel-push .empty-data {
|
|
line-height: 100px;
|
|
text-align: center;
|
|
}
|
|
|
|
.panel-tab-small {
|
|
line-height: 38px;
|
|
font-size: 0;
|
|
}
|
|
.panel-tab-small a {
|
|
height: inherit;;
|
|
font-size: 12px;
|
|
color: #333;
|
|
padding: 0 10px;position: relative;
|
|
display: inline-block;
|
|
}
|
|
.panel-tab-small a.active:before {
|
|
position: absolute;
|
|
content: '';
|
|
left: 8px;
|
|
right: 8px;
|
|
bottom: 1px;
|
|
border-bottom: 2px solid #44abf7;
|
|
}
|
|
|
|
.label-primary {
|
|
background: #44abf7;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.table > thead {
|
|
background: #f4f4f4;
|
|
}
|
|
|
|
.table > thead > tr > th,
|
|
.table > tbody > tr > td {
|
|
border: 0;
|
|
font-weight: normal;
|
|
color: #333;
|
|
}
|
|
|
|
.table > tbody > tr {
|
|
border-top: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.table.height0 thead th {
|
|
padding: 0;
|
|
}
|
|
|
|
.panel-body .table .label {
|
|
width: 100%;
|
|
text-align: center;
|
|
display: inline-block;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.max350 {
|
|
max-height: 350px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.notice,
|
|
.text-danger a, .text-danger:active, .text-danger:hover {
|
|
color: #ed5565;
|
|
}
|