��ѧۧݧ�ӧ�� ާ֧ߧ֧էا֧�

��ѧۧݧ�ӧ�� ާ֧ߧ֧էا֧� - ��֧էѧܧ�ڧ��ӧѧ�� - /home/alphpwcp/public_html/us/alphachat/design/defaulttheme/css/widgetv2/widget.css

��ѧ٧ѧ�
body { background-color: transparent!important; } :root { --lhc-message-border-radius: 20px; --lhc-message-op-background: #ededed; --lhc-message-vi-background: #3267e4; --lhc-message-padding: 6px 9px; --bs-code-color: #CECECE; } a { text-decoration: none; } @font-face { font-family: 'MaterialIconsLHC'; font-style: normal; font-weight: 400; src: url('../fonts/MaterialIcons-lhc-v6.eot'); /* For IE6-8 / src: local('MaterialIconsLHC'), local('MaterialIconsLHC'), url('../fonts/MaterialIcons-lhc-v6.woff2') format('woff2'), url('../fonts/MaterialIcons-lhc-v6.woff') format('woff'), url('../fonts/MaterialIcons-lhc-v6.ttf') format('truetype'); font-display: swap; } .quick-replies{ margin:0.1rem 0; } .quick-replies > li { padding-bottom: 0.3rem; } div.message-row { overflow-wrap: break-word; } .material-icons { font-family: 'MaterialIconsLHC'; font-weight: normal; font-style: normal; font-size: 18px; / Preferred icon size / display: inline-block; line-height: 0.89; text-transform: none; letter-spacing: normal; word-wrap: normal; width: 1em; / Support for all WebKit browsers. / -webkit-font-smoothing: antialiased; / Support for Safari and Chrome. / text-rendering: optimizeLegibility; / Support for Firefox. / -moz-osx-font-smoothing: grayscale; / Support for IE. / font-feature-settings: 'liga'; vertical-align: middle; margin-right:5px; overflow:hidden; } .iframe-modal{ overflow-y:scroll !important; overflow-x:hidden !important; overflow:hidden; height:100%; width:100%; } .modal-backdrop{ border-radius: 10px; } ::-webkit-scrollbar{width:0.5em;height:0.8em;background-color:transparent;cursor: pointer} ::-webkit-scrollbar:hover{background-color:transparent;} ::-webkit-scrollbar-thumb{min-height:0.8em;min-width:1em;background-color:#ddd;border-radius: 10px} ::-webkit-scrollbar-thumb:hover{background-color:#bbb} ::-webkit-scrollbar-thumb:active{background-color:#888} .lhc-dropdown-menu{ min-width: auto; } .lhc-dropdown-menu a{ cursor: pointer; } @keyframes lhc-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .lhc-spin { -webkit-animation: lhc-spin 2s infinite linear; animation: lhc-spin 2s infinite linear; } .reset-container-margins{ margin-left: -12px; margin-right: -12px; } .form-group{ padding-bottom: 5px; } .bottom-message{ position: absolute; bottom: 0px; right: 0; left: 0; overflow-y: auto; max-height: 100%; scrollbar-color: #888 transparent; scrollbar-width: thin; } .header-chat { background-color: #ededed; user-select: none; padding: 3px 0px; } .dropdown-menu-header a.dropdown-item{ padding-left:0.5rem; } .header-link:hover, .header-link{ color:#343a40; text-decoration: none; } .header-link .material-icons { font-size: 32px; color:#343a40; } .header-burger-link{ font-size: 14px; } .header-burger-link .material-icons{ font-size: 24px; } .action-image, .header-link-item, .header-link{ cursor: pointer; } .header-link:hover .material-icons,.header-link[aria-expanded="true"] .material-icons{ color:#000; } .overflow-auto{ overflow: auto!important; } .overflow-scroll{ overflow-y: auto!important; overflow-x: auto!important; } .desktop-body{ border: 1px solid #cecece; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #fff; } .lhc-full-height > .desktop-body{ border-radius: 0; border-bottom: 0; } .lhc-desktop:not(.lhc-full-height) > .desktop-header{ border: 1px solid #cecece; border-bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .mobile-body{ background-color: #fff; } / Messages style / .msgBlock,.msgBlock-inv{ overflow-y:auto; resize: vertical; padding-bottom:3px; padding-right:5px; padding-left:5px; } .msgBlock-inv{ font-size:13px; } .msg-hide-ts .msg-date{ display: none!important; } .msgBlock-admin{ height:200px; min-height:200px; } textarea[name=ChatMessage]{ min-height:30px; overflow:hidden; resize: none; } .msg-date { color: #89898B; font-size:11px; line-height:11px; margin-top:0px; padding:3px; border-radius:10px; } .system-response .msg-date{ margin-top:0; top:0px; } div.system-response { color:rgb(100, 100, 100); } .usr-tit { font-weight:bold; font-style: italic; color:#007693; margin-right:5px; padding:2px 0px; border-radius: 7px; display:block; font-size:14px; } .vis-tit{ margin:0px 0px 5px 0px; } .sys-tit{ background-color:#CCC; padding-left:3px; padding-right:3px; color:#fff; display: inline-block; } .op-tit{ color: #486bc2; } .vis-tit{ color:#888; } .bubble-messages .user-nick-title, .bubble-messages .op-nick-title { display: none; } .bubble-messages .op-tit { float:left; margin-top: 2px; } .bubble-messages .vis-tit { float:right; margin-left: 3px!important; margin-top: 3px; } .bubble-messages .op-tit { position: absolute; } .bubble-messages .op-tit i.material-icons, .bubble-messages .vis-tit i.material-icons{ font-size: 24px; } #messages.hide-visitor-profile .vis-tit{ display: none!important; } .profile-msg-pic { width: 24px; border-radius: 5px; } .bubble-messages div.message-admin div.msg-body, .bubble-messages div.message-admin div.meta-message{ margin-left:29px; } @media (min-width: 1024px) { .profile-msg-pic { width: 33px; } .bubble-messages div.message-admin div.msg-body, .bubble-messages div.message-admin div.meta-message{ margin-left:42px; } } div.message-row { padding:0px 0px 0px 0px; line-height:140%; margin-right:0px; margin-left:0px; position:relative; } div.message-row { padding:0px 0px 0px 0px; margin-right:0px; margin-left:0px; position:relative; /white-space: pre-line;/ line-height:0; white-space: pre; word-wrap: break-word; } div.message-row > div,div.message-row > span,div.message-row > i { line-height:140%; white-space:normal; } .message-row.system-response.operator-changes{ margin-top:0px; margin-left:0px; } div.message-admin{ margin-left:0px; margin-right:0px; text-align:right; } div.message-admin div.msg-body{ margin-right:0px; background-color: var(--lhc-message-vi-background); padding: var(--lhc-message-padding); margin-top:0px; color:#FFF; margin-bottom:3px; display:inline-block; text-align: left; max-width:85%; position: relative; border-radius: var(--lhc-message-border-radius) var(--lhc-message-border-radius) var(--lhc-message-border-radius) 0px; } div.message-row.message-admin+div.message-row.message-admin div.msg-body { border-top-left-radius: 0px; } div.message-row.message-admin:last-child div.msg-body, div.message-row.message-admin:has(+ :not(.message-row.message-admin)) div.msg-body { border-bottom-left-radius: var(--lhc-message-border-radius); } div.message-admin div.msg-body a.link{ color:#fff; text-decoration:underline; } div.message-row-typing div.msg-body { background-color: #d0d0d0; border-radius: 3px; display: inline-block; color:#000!important; border-radius:var(--lhc-message-border-radius); } div.message-row.response div.msg-body{ background-color: var(--lhc-message-op-background); padding:var(--lhc-message-padding); margin-top:0px; border-radius: var(--lhc-message-border-radius) var(--lhc-message-border-radius) 0px var(--lhc-message-border-radius); margin-bottom:3px; display:inline-block; text-align: left; max-width:90%; } div.message-row.response+div.message-row.response div.msg-body{ border-top-right-radius: 0px; } div.message-row.response:last-child div.msg-body, div.message-row.response:has(+ :not(.message-row.response)) div.msg-body{ border-bottom-right-radius: var(--lhc-message-border-radius); } div.message-row.response div.msg-body.sub-message{ background-color: transparent; color: #212529; } /* * Switch style for frontend visitors / .bottom-message div.message-admin{ text-align:left; } .bottom-message div.response{ text-align:right; } .bottom-message div.response .vis-tit{ color:#486bc2; } .bottom-message div.message-admin .op-tit{ color: #6b6b6b } .bottom-message div.response div.msg-body{ background-color: var(--lhc-message-vi-background); color:#FFF; } .reactions-holder, .bottom-message div.message-admin div.msg-body{ background-color: var(--lhc-message-op-background); color:#212529; } .bottom-message div.response div.msg-body a.link{ color:#fff; text-decoration:underline; } .bottom-message div.message-admin div.msg-body a.link{ color:#212529; text-decoration:underline; } .msg-body-media, .msg-body-emoji{ background:none!important; } .msg-body-media img{ border-radius:10px; transition: 1s; } .msg-body-media{ position: relative; } .reaction-item-admin:hover, .reaction-item-admin{ color:#212529; } .reaction-item:hover, .reaction-item{ color:#212529; opacity: 0.4; text-decoration: none; margin: 1px 1px 1px 1px; display: inline-block; text-decoration: none; } .reaction-selected, .reaction-item:hover{ opacity: 1; } .reactions-holder{ display: none; position: absolute; bottom: -18px; z-index:1; text-decoration: none; border-radius:20px; padding: 0px 3px 0px; border:1px solid #fff; margin-left: 50%; white-space: nowrap; /right: -22px;/ } .reactions-holder-plus { bottom: 0; margin-left: auto; right: -30px; background: none; border: 0; font-size: 18px; top: 5px; cursor: pointer; } /.reactions-holder-plus-icon:hover { filter: grayscale(0); opacity: 1; text-decoration: none; }/ .reactions-holder-plus-icon:hover{ text-decoration: none; } .reactions-holder-plus-icon { filter: grayscale(1); opacity: 0.2; user-select: none; } .reactions-toolbar { display: none; position: absolute; margin-top: -33px; background: white; border-radius: 19px; padding: 2px 5px; box-shadow: 0px 0px 7px grey; z-index: 2; } .current-reacting-to .reactions-toolbar{ display: block; transform: translate(0px, 0px) translate(-45%, 0%); } .reactions-modal-expand{ transform: rotate(45deg); background: #EBEBECFF; border-radius:15px; width: 23px; height: 23px; padding-top: 3px; padding-left: 2px; font-weight: bold; } .reactions-selected-info{ position: absolute; z-index: 1; margin-top: -5px; white-space: nowrap; right:0; user-select: none; } .reactions-selected-info span { box-shadow: 0 0 6px #ababab; border-radius: 8px; font-size: 12px; background-color: #f9f7f7; } .reactions-selected-info span.material-icons{ width: 16px; height: 16px; padding-left: 2px; line-height: 1.5; } .message-row.response .reactions-holder { right:0; } .reactions-selected .reaction-item:not(.reaction-selected) { display: none; } .reactions-holder.d-block .reaction-item, / Remove this rule if you want once selected reaction only selected reaction would be shown / .reactions-selected:hover .reaction-item, .reactions-selected { display: inline-block; } .msg-body:hover .hidden-download::after, .message-admin:hover .reactions-holder { display: block; } .hidden-download { position: absolute; right: 5px; top: 5px; z-index:99; text-decoration: none; } .hidden-download:hover{ text-decoration: none; } .audio-download{ top:0; right:0; } .hidden-download::after{ font-family: 'MaterialIconsLHC'; content:'\f119'; font-size: 25px; color: #007bff; display: none; background: #FFFFFF; padding: 5px; border-radius: 5px; box-shadow: 0px 0px 21px -8px #000000; } .audio-download::after{ font-size: 16px; } .msg-body-emoji{ font-size: 32px!important; line-height: 80%; padding: 0!important; padding-bottom: 3px !important; line-height: 100%!important; } div.message-admin+div.system-response, div.message-row.response+div.system-response{ margin-top:5px; margin-bottom:5px; margin-left:0; margin-right:0; } div.system-response + div.message-admin{ margin-top:20px; } div.system-response+div.system-response .usr-tit, div.message-admin:not(#scroll-to-message)+div.message-admin:not(#scroll-to-message) .usr-tit, div.message-row.response+div.message-row.response .usr-tit{ width:5px; visibility:hidden; overflow:hidden; height:10px; padding:0; display:none; white-space:no-wrap; margin:0; } .msgBlock-admin .message-row.response:first-child .usr-tit, .msgBlock-admin .message-row.message-admin:first-child .usr-tit, div.message-row.operator-changes .usr-tit{ width:auto!important; visibility:visible!important; overflow:inherit!important; height:auto!important; margin-right:5px!important; /padding:0px 0px!important;/ /margin-top:-25px!important;/ display:block!important; } .message-row.system-response.operator-changes .usr-tit { display: inline-block!important; background-color: #CCC; padding-left: 3px!important; padding-right: 3px!important; color: #fff!important; } div.message-row-in { padding:0px 2px 4px 2px; } div.pending-storage { padding-left:6px; color:#a6a6a6; font-style: italic; } .status-row h5 { margin-top:0; margin-bottom:4px; padding-bottom:2px; border-bottom: 1px solid #CCC; } .online-users-table tr td{ font-size: 12px; } .message-block, #messages{position:relative;} .message-block{ font-size: 13px; border-bottom:1px solid #ced4da; border-right:1px solid #ced4da; } div.bottom-message:not(.show-msg-ts-below) > div.message-admin+div.message-admin .msg-date, div.bottom-message:not(.show-msg-ts-below) > div.message-row.response+div.message-row.response .msg-date{ display:none; } div.show-msg-ts-below > div.message-row.message-admin .msg-date, div.show-msg-ts-below > div.message-row.response .msg-date{ display: none; } div.show-msg-ts-below > div.message-row.message-admin:has(+ :not(.message-admin)) .msg-date, div.show-msg-ts-below > div.message-row.response:has(+ :not(.message-row.response)) .msg-date, div.show-msg-ts-below > div.message-row:last-child .msg-date { display:block; } .bottom-message:not(.show-msg-ts) .message-row .msg-date{ display:none; } #chat-dropdown-options{ color: #d3d3d3!important; } #chat-dropdown-options[aria-expanded=true], #chat-dropdown-options:hover{ color: var(--bs-secondary-color)!important; } .last-user-msg{ position:absolute; margin-top:-14px; font-size:11px; } .last-user-msg .material-icons{ font-size:11px; margin-top:-2px; } .blockquote { font-size:12px; background: #f7f7f7; border-radius:5px; font-style: italic; margin:4px; color:#000; border:1px solid #c3c3c3; padding:10px 10px 10px 20px; scrollbar-width: thin; } .blockquote:before { content: '"'; font-size: 30px; margin-left: -15px; color: grey; } code { background: #f7f7f7; padding:2px; border-radius: 5px; color:#000; border:1px solid #c3c3c3; } .blockquote-code > code{ padding: 0px; margin: 0px; color:#000; border:0; background:none; line-height: 120%; } .blockquote-code{ padding: 5px; padding-top:3px; } .blockquote-code:before{ content:''; margin-left:0; } .operator-info{ background-color:#FFF; position: relative; z-index: 1; font-size: 12px; } .status-text{ margin-bottom: 0; } .operator-info img{ border-radius:6px; max-width:50px; } .operator-info .icon-thumbs-down,.up-vote-action,.down-vote-action, .operator-info .icon-thumbs-up{ color:#CCC; cursor:pointer; font-size:16px; } .operator-info .down-voted, .down-voted{ color:#c60f13; } .operator-info .up-voted, .up-voted{ color:#5da423; } .icon-assistant{ font-size:44px; color:#949494; padding-top:5px; } .icon-skype{ font-size:14px; color:#77C4DB; } #id-operator-typing { font-style: italic; font-weight: bold; line-height: 140%; min-height: 14px; font-size: 11px; text-overflow: ellipsis; overflow: hidden; text-align: right; top: -16px; right: 0px; position: absolute; border-top-left-radius: 10px; -webkit-box-shadow: -1px -2px 5px -2px rgba(0,0,0,0.75); -moz-box-shadow: -1px -2px 5px -2px rgba(0,0,0,0.75); box-shadow: -1px -2px 5px -2px rgba(0,0,0,0.75); } .no-outline:focus,.no-outline,.no-outline:active { outline: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } textarea[name=ChatMessage] { min-height: 30px; overflow: hidden; resize: none; } #CSChatMessage{ overflow: auto; resize: none; background: transparent; scrollbar-color: #888 transparent; scrollbar-width: thin; scroll-padding-bottom: 10px; } .settings { font-size: 25px; cursor: pointer; } button.settings { background: none; height:25px; } button.material-icons-button, button.header-link{ background: none; } button.material-icons-button{ padding:0; margin:0; border:0; } .user-chatwidget-buttons { /position: absolute; top: 6px; right: 10px; height: 10px;/ } .disable-select { user-select: none; } .chat-setting-item { font-size: 32px; } .message-send-area{ background-color: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .message-row-typing { animation: blink 1500ms linear infinite; } .message-row-typing-stream { animation: none; } @keyframes blink{ 0%{opacity: 0.3;} 50%{opacity: .9;} 100%{opacity: 0.3;} } .hide { display: none!important; } .proactive-need-help { background-color: #fff; border-radius: 10px; right: 0; box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25); margin:9px; } .fs11{ font-size:11px; } .fs12{ font-size:12px; } .fs13{ font-size:13px; } .fs14{ font-size:14px; } .fs16{ font-size:16px; } .fs17{ font-size:17px; } .fs18{ font-size:18px; } .fs19{ font-size:19px; } .fs25{ font-size:25px; } .pointer { cursor: pointer; } .bot-btn-list { max-width: 250px; border-radius: 8px; border: 1px solid #eee; width: 100%; background-color: #FFF; margin: 0; padding: 0; margin-top: 5px; margin-bottom: 5px; } .bot-btn-list > li { background: none; border: none; width: 100%; border-bottom: 1px solid #eee; font-size: 14px; font-weight: 600; display:inline-block; list-style-type: none; } .bot-btn-list li:last-child { border-bottom: none; } .bot-btn-list > li a{ display:block; padding: 6px 0; text-align: center; cursor: pointer; text-decoration: none; } .bot-btn-list > li a:hover{ background: none; border: 0; } a.btn-url:visited, a.btn-link.visited{ color: #818182; } /* * List style / .list-group .button-item { padding:0; } .list-group .button-item a{ display:block; padding: 10px 0; text-align: center; font-size: 14px; font-weight: 600; text-decoration: none; } .list-group { border-radius: 10px; border: 1px solid #ccc; background-color: #fff; overflow: hidden; max-width: 370px; } .list-group-element:first-child:not(.compact) { padding: 0; border: none; position: relative; border-radius: 10px 10px 0 0; } .list-group-element { display: block; overflow: hidden; padding: 20px; border-bottom: 1px solid #ccc; } .generic-bubble-item h4 a, .list-group-element h4 a{ color: #333; } .list-group-element:first-child:not(.compact) .element-description-row { position: absolute; top: 35%; left: 20px; z-index: 9; color: #fff; width: 100%; } .list-group-element h4 { margin: 5px 0; } .list-group-element:last-child{ border-bottom: 0; } .element-background { height: 180px; background-size: cover; } /* * List generic carousel / .generic-carousel{ display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom:10px; padding-bottom: 10px; } .generic-bubble-item { flex: 0 0 auto; width: 220px; } .generic-bubble-content{ margin: 0 20px 0 0; border: 1px solid #eee; padding: 10px; } .generic-carousel { width: 100%; -webkit-overflow-scrolling: touch; } .btn-bot:focus,.btn-bot:active:focus,.btn-bot.active:focus, .btn-bot.focus,.btn-bot:active.focus,.btn-bot.active.focus { outline: none; } / I just don't like how they look so we get rid of this animation./ /.fade-in-fast { animation: fadeIn ease 0.3s; }.fade-in { animation: fadeIn ease 1s; }*/ .msg-to-store{ opacity: 0.3; } #ChatSendButtonContainer{ min-width: 30px; } .content-loader { background: url(../images/icons/loading.png) no-repeat center center; } .desktop-embed-body .message-send-area, .mobile-embed-body .message-send-area{ border-radius: 20px; border:1px solid #dee2e6!important; } .lhc-fscreen .message-send-area{ border-radius: 0; border-left: 0!important; border-bottom: 0!important; border-right: 0!important; } .tr-msg{ font-style: italic; display: block; background-color: #F4F3F3; border-radius: 10px; padding: 3px 6px; color: #4A4A4A; } #id-invitation-height .usr-tit{ display: none; } #id-invitation-height div.message-admin{ text-align: left; } #id-invitation-height div.message-admin div.msg-body{ background-color: transparent!important; color:#000; max-width: 100%; padding:0; font-size: 13px; } #id-invitation-height ul.quick-replies{ margin-bottom: 0; } #id-invitation-height .quick-replies .btn-sm{ font-size:13px; padding: .12rem 0.3rem; } #id-invitation-height div.message-admin div.msg-body, #id-invitation-height div.message-admin div.meta-message{ margin-left:0!important; } #CSChatMessage.msg-two-line{ height:56px; } #CSChatMessage.msg-one-line{ height:36px; overflow-y: hidden; } .bb-list > a.p-1{ padding:1px !important; } .bb-list > a.p-1:hover{ background-color: #b2b2b2!important; } .new-msg-holder { position: absolute; right: 0; left: 0; margin-top:-23px; border-bottom-style: dashed!important; } .new-msg{ padding: 0px 5px; font-weight: bold; line-height:21px; } .btn-bottom-scroll { bottom:5px; text-align: center; width: 45%; margin-left: 27.5%; z-index: 2; } .btn-bottom-scroll > button{ border-radius:15px; padding: 3px 10px; opacity: 0.85; width: 100%; } #msgsnippet div.message-admin div.msg-body{ max-width:100%; background-color:transparent ; margin-left: 0!important; } #msgsnippet span.op-tit{ display: none!important; } .close-modal-btn{ right: 0; top:-5px; z-index: 2; } .font-button{ font-size: 18px; text-decoration: none; color:#6c757d; } .font-button:hover i, .font-button:hover{ text-decoration: none; color: #000000!important; } .default-list > br{ display: none; } .default-list{ margin:0; padding:0 0 0 22px; } #widget-header-content:empty{ background: #fff!important; min-height: 11px; } .text-muted-light{ color: #d3d3d3; } div.has-msg-to-store > div.message-admin .meta-auto-hide{ display: none!important; }

| ver. 1.4 | Github | . | PHP 8.2.30 | ��֧ߧ֧�ѧ�ڧ� ��ѧߧڧ��: 0 | proxy | phpinfo | ��ѧ��ۧܧ�