Code:
>.onwebchatbox div{padding:initial}.onwebchatbox #offline_form{display:none;position:initial;line-height:inher****.onwebchatbox #prechat_form{display:none;position:initial}.onwebchatbox a{margin-bottom:0 !important;border-width:0 !important;border-style:none !important;display:inline}.onwebchatbox .onweb_uploadfile{margin-right:10px;margin-bottom:-3px}.onwebchatbox .onweb_uploadimage{background:url('https://www.onwebchat.com/chatimages/loading.gif');background-repeat:no-repeat;background-position:center}#onweb_chatimage_div{position:fixed;bottom:0;right:23px;width:202px;z-index:2147483600}#operatorImage{position:absolute;top:-1px !important;left:10px !important;z-index:100 !important;width:48px !important;height:48px !important;border-radius:30px;border-style:solid;border-width:1px;border-color:#ababab} .onweb_chatimage{position:absolute;bottom:36px;left:114px;display:none;cursor:pointer;border:0;opacity:1;width:124px}.onweb_chatimage_mobile{position:absolute;bottom:13px;left:205px;display:none;cursor:pointer;border:0;opacity:1;width:70px}.onwebchatbox .onweb_chatimage:hover{opacity:1}.onwebchatbox .onweb_chatimage:-moz-loading{visibility:hidden}.onwebchatbox .onweb_chatimage_x{position:absolute;visibility:hidden;z-index:2147483600;display:inline;cursor:pointer;border:0;opacity:.5}#agenttypingimage{position:relative;float:left;padding-left:18px;height:initial}.onwebchatbox .wblogoimg{margin-right:10px;margin-top:7px}.onwebchatbox .wblogoimgdiv{text-align:right;width:100%}.onwebchatbox img{vertical-align:baseline;border:0;cursor:pointer;width:initial !important;margin:0;clear:initial;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.onwebchatbox .onwcimg{vertical-align:baseline;border:0;cursor:pointer;margin:0; clear:initial;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.onwebchatbox{all:initial;*{all:unset}color:#555;box-shadow:0 0 5px 0 #777 !important;line-height:16px !important;display:none;text-align:left;position:fixed !important;bottom:0 !important;right:23px;width:202px !important;height:34px;font-family:Arial,Helvetica,sans-serif !important;background-color:#fcfcfc;border:0 solid #bbb !important;font-size:12px !important;border-top-left-radius:6px !important;border-top-right-radius:6px !important;z-index:2147483610 !important;box-sizing:content-box !important;color:#545454 !important;transition:initial !important}.onwebchatbox .webchat_header{display:block !important;white-space:nowrap !important;background-color:#856c13 !important;height:38px !important;min-height:36px !important;line-height:34px !important;border-top-left-radius:5px !important;border-top-right-radius:5px !important;cursor:pointer;box-sizing:content-box !important;margin:0 !important;padding:0 !important;border:0 !important;outline:0 !important;float:left !important;padding-left:12px !important;padding-right:28px !important;vertical-align:baseline !important;font-size:13px !important;font-weight:bold !important;width:162px !important;position:relative}.onwebchatbox .webchat_header:hover{opacity:1}.onwebchatbox .webchat_header a{float:right;text-decoration:none;color:#fff;display:block;margin-right:0;padding-left:0;padding-right:0;line-height:13px}}.onwebchatbox .webchat_header a:hover{color:#000}.onwebchatbox .chat_area{float:left;clear:left;width:202px;height:294px;margin-top:0;margin-bottom:0;padding:16px 0 0 0;overflow:auto;color:#a4a4a4;box-shadow:inset 0 17px 17px -17px rgba(0,0,0,0.4);box-sizing:content-box;direction:ltr !important}.onwebchatbox #chat_area_id{box-sizing:initial !important}#chat_area_id::-webkit-scrollbar{width:8px;height:8px;border:3px solid #eee}#chat_area_id::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block;height:10px;background:#eee}#chat_area_id::-webkit-scrollbar-track{background:#eee;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}#chat_area_id::-webkit-scrollbar-thumb{height:50px;width:50px;background:#b2b2b2;-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}#chat_area_id::-webkit-scrollbar-thumb:hover{background:#a2a2a2}#onwbtxtarea::-webkit-scrollbar{width:0}.onwebchatbox .chat_area a{color:#36368d}.onwebchatbox .chat_info{width:100%;float:left;clear:left;height:10px;line-height:16px;background-color:#fcfcfc;border-top:1px solid #ddd;box-sizing:border-box}.onwebchatbox .chat_info p{margin:0;margin-right:10px;padding:0;border:0;outline:0;padding-left:15px;float:left;color:#aaa;font-style:italic;vertical-align:baseline;font-size:11px;line-height:initial;font-weight:800}.onwebchatbox .chat_message{position:initial;width:100%;height:55px;float:left;clear:left;padding-top:0;background-color:#fcfcfc;box-sizing:content-box}.onwebchatbox #onwbtxtarea{float:none !important;padding:4px 25px 0 4px !important;font-weight:400 !important;text-align:initial !important;font-style:initial !important;box-sizing:initial !important;white-space:initial !important}.onwebchatbox input::-webkit-input-placeholder,.onwebchatbox textarea::-webkit-input-placeholder{color:#717171 !important;font-size:13px !important;font-style:italic !important;font-weight:400 !important;line-height:inherit !important;font-family:inherit !important;padding:0 2px 0 2pxa}.onwebchatbox input::-moz-placeholder,.onwebchatbox textarea::-moz-placeholder{color:#515151 !important;font-size:13px !important;font-style:italic !important;font-weight:400 !important;font-family:inherit !important;line-height:inherit !important}.onwebchatbox input:-ms-input-placeholder,.onwebchatbox textarea:-ms-input-placeholder{color:#717171 !important;font-size:13px !important;font-style:italic !important;font-weight:400 !important;font-family:inherit !important;line-height:inherit !important}.onwebchatbox .chat_message .onwebtextarea{border:1px solid #cfcfcf !important;width:154px !important;height:48px !important;line-height:normal !important;min-height:initial !important;min-width:initial !important;max-height:initial !important;max-width:initial !important;font-size:13px !important;font-family:Arial,Helvetica,sans-serif !important;text-transform:initial !important;letter-spacing:initial !important;color:#545454 !important;display:block;margin:auto !important;padding:2px 2px 2px 2px !important;background-color:#fefefe !important;background-image:none !important;resize:none;outline:none !important;border-radius:5px !important;box-sizing:content-box;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1) !important;transition:box-shadow .40s,border-color .40s ease-in-out}.onwebchatbox .chat_message textarea:hover{border:1px solid #bababa !important}.onwebchatbox .chat_message textarea:focus{border:1px solid #bababa !important}.onwebchatbox a.minimize_onwebchatbox{display:none;color:#ddd;margin-top:6px;background-color:#85a6d7;width:18px;height:20px;margin-right:10px}.onwebchatbox #onweb-offline-icon{margin:initial !important;border:none !important;box-sizing:content-box !important;padding-top:1px !important}.onwebchatbox #onweb-online-icon{margin:initial !important;border:none !important;box-sizing:content-box !important}.onwebchatbox #onweb_chaticon{display:inline !important;position:absolute !important;right:0 !important;float:right !important;margin-right:10px !important;margin-top:7px !important;line-height:24px !important}.onwebchatbox .con:hover{opacity:.75}.onwebchatbox .onweb_minimize_btn_icon{border:solid;border-width:0 3px 3px 0;position:absolute;right:2px !important;top:10.88px;!important;padding:4px;transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-right:15px;color:#ddd;cursor:pointer}.onwebchatbox .onweb_minimize_btn_icon:hover{margin-top:1px}.onwebchatbox div.maximize_onwebchatbox{display:inline}.onwebchatbox .chat_area p{padding-left:12px;padding-right:8px;font-size:13px !important;font-family:Arial,Helvetica,sans-serif !important;line-height:22px;float:left;clear:left;word-wrap:break-word;max-width:162px;margin:0;color:#444444;box-sizing:content-box}.onwebchatbox .chat_area .error{color:#c30000;font-style:italic}.onwebchatbox .chat_area .me{color:#555555;margin-bottom:7px;line-height:15px;font-family:arial,verdana,sans-serif !important}.onwebchatbox .spanbold{font-weight:800;margin-left:initial;float:initial;font-size:12px !important}.onwebchatbox .chat_area .agent{color:#444444;margin-bottom:7px;line-height:15px;min-height:10px;font-family:arial,verdana,sans-serif !important}.onwebchatbox .chat_area .system{font-style:italic;font-size:11px}.onwebchatbox #off-form-onwebchat-logo{display:none;float:right !important;position:absolute !important;margin:0 !important;bottom:4px !important;right:9px !important;border:none !important;box-sizing:content-box !important;opacity:.91}.onwebchatbox #off-form-onwebchat-logo:hover{opacity:1}.onwebchatbox .widget-logo{float:right !important;position:absolute !important;margin:0 !important;bottom:0 !important;right:4px !important;border:none !important;padding:4px 6px !important;box-sizing:content-box;height:initial !important;width:initial !important;margin:initial !important;opacity:.80}.onwebchatbox .widget-logo:hover{opacity:1}.onwebchatbox #div_chat_min_title{display:block;position:initial;margin:auto 10px auto auto;width:97%;text-align:center;overflow:hidden;margin-right:10px;line-height:inherit !important}.onwebchatbox #div_chat_min_title_span{color:#f1f1f1 !important;font-size:13px !important;font-family:arial,verdana,sans-serif !important;line-height:32px !important;font-weight:600 !important}.onwebchatbox #div_chat_max_title{display:none;position:initial;margin:auto 10px auto auto;width:96%;text-align:center;overflow:hidden;margin-right:10px;line-height:inherit !important}.onwebchatbox #div_chat_max_title_span{padding-left:10px !important;color:#f1f1f1 !important;font-size:13px !important;font-family:arial,verdana,sans-serif !important;line-height:36px !important;font-weight:600 !important}.onwebchatbox .server_messages{display:block;text-align:center;width:90%;margin:auto;color:#db846c !important;padding:0 0 10px 15px;box-sizing:content-box}.onwebchatbox .onweboffline_msg{margin-top:26px;margin-bottom:32px;position:relative;top:15px;min-height:45px;padding:1px 30px;font-size:14px;font-weight:400;line-height:16px !important;font-family:arial,verdana,sans-serif !important;color:#545454 !important}.ns{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.onwebchatbox .onwebchat_title2{display:block;text-align:center !important;width:54% !important;margin:auto !important;color:#737379 !important;background:#fff !important;box-shadow:0 0 5px 0 #b5b5b5 !important;font-size:14px !important;font-family:arial,verdana,sans-serif !important;font-weight:300 !important;padding:12px 10px 12px 10px !important;margin-top:30px !important;border-radius:13px !important;box-sizing:initial;line-height:18px !important;position:relative;border:1px solid #cac7c7}.onwebchatbox .onwebchat_title2::after{content:'';width:0;height:0;position:absolute;bottom:-14px;left:23%;border-left:5px solid transparent;border-right:12px solid transparent;border-top:14px solid #fff}.onwebchatbox .onwebchat_title2::before{content:'';width:0;height:0;position:absolute;bottom:-15px;left:23%;border-left:5px solid transparent;border-right:12px solid transparent;border-top:14px solid #aaa}.onwebchatbox .onwebchatform_div{display:block;position:initial;line-height:inherit;width:80%;margin:19px auto auto;color:#545454 !important}.onwebchatbox #onwebchatoffname,#onwebchatoffemail,#onwebchatofftel,#onwebchatemailtext,#onprechatname,#onprechatemail,#onprechattel,#onprechattext{float:initial !important;display:block;background-color:#fefefe !important;background-image:none !important;margin:16px auto 7px !important;padding:3px 6px !important;font-size:13px !important;font-weight:initial !important;font-family:Arial,Helvetica,sans-serif !important;font-style:initial !important;text-transform:initial !important;text-indent:initial !important;text-align:initial !important;letter-spacing:initial !important;color:#545454 !important;width:100% !important;max-width:initial !important;max-height:initial !important;min-width:initial !important;min-height:initial !important;resize:none !important;outline:none !important;border-radius:5px !important;height:24px !important;line-height:inherit !important;transition:box-shadow .40s,border-color .40s ease-in-out !important;box-sizing:border-box !important;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1) !important}.onwebchatbox .onwebchatform_div #onprechattext{height:68px !important;line-height:normal !important;text-align:initial !important;white-space:initial !important}.onwebchatbox .onwebchatform_div #onwebchatemailtext{height:82px !important;line-height:normal !important;text-align:initial !important;border:1px solid #ccc !important;white-space:initial !important}#prechat_btn{margin:30px auto 20px !important;color:#fff !important;background-image:inherit;background-color:#856c13 !important}.onwebchatbox .onweb_red_border{border:1px solid #d04848 !important}.onwebchatbox #onwebchatoffname:focus,#onwebchatoffemail:focus,#onwebchatemailtext:focus,#onwebchatofftel:focus,#onprechatname:focus,#onprechatemail:focus,#onprechattext:focus,#onprechattel:focus{background:inherit;box-shadow:0 0 1px !important}#offlineform_btn{background-color:#856c13 !important}#offlineform_ok_btn{background-color:#856c13 !important;min-width:60px !important}.onwebchatbox .onweb_mail_btn{display:block !important;margin:30px auto 20px !important;text-align:center !important;text-transform:initial !important;text-indent:initial !important;font-size:13px !important;font-family:Arial,Helvetica,sans-serif !important;font-style:normal !important;font-weight:400 !important;background-color:#856c13 !important;cursor:pointer;padding:3px 14px !important;border-style:none !important;position:relative !important;left:3px !important;border-radius:5px !important;float:inherit !important;min-width:80px !important;width:initial;max-width:200px !important;outline:none !important;min-height:initial !important;height:28px !important;line-height:16px !important;box-sizing:border-box !important;text-shadow:inherit !important;box-shadow:none !important;letter-spacing:inherit !important}.onwebchatbox .onweb_mail_btn:hover{background-color:#856c13;opacity:.82;border-style:none;box-shadow:none !important}.onwebchatbox .me .spanbold,.agent .spanbold{display:block}.onwebchatbox .me-bubble{background-color:#f0d9a8;border-radius:5px;width:74% !important;margin-left:14% !important;padding:8px;position:relative;text-align:left;border:1px solid #c8b180}.onwebchatbox .me-bubble::before{content:'';position:absolute;right:-6px;bottom:8px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #c8b180}.onwebchatbox .me-bubble::after{content:'';position:absolute;right:-5px;bottom:8px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #f0d9a8}.onwebchatbox .me-bubble .spanbold{display:none}.onwebchatbox .agent-bubble{background-color:#d1d1d1;border-radius:5px;width:75% !important;margin-left:5% !important;padding:8px;position:relative;text-align:left;border:1px solid #a9a9a9}.onwebchatbox .agent-bubble::before{content:'';position:absolute;left:-7px;bottom:6px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #a9a9a9}.onwebchatbox .agent-bubble::after{content:'';position:absolute;left:-6px;bottom:6px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #d1d1d1}.onwebchatbox .agent-bubble .spanbold{display:none}.onwebchatbox .onwebchat-widget-settings-icon{float:left !important;margin-left:10px !important;margin-top:3px !important;opacity:.83 !important}.onwebchatbox .onwebchat-widget-settings-icon:hover{opacity:1 !important}.onwebchatbox #onwebchat-emoticons-div{position:absolute;bottom:42px !important;right:8px !important;background-color:#fff !important;box-shadow:0 0 6px 0 #b5b5b5 !important;border:1px solid #d2d2d2 !important;border-radius:5px !important;display:none;margin:0 !important;padding:4px 6px !important;list-style-type:none !important;width:122px !important;box-sizing:content-box !important;line-height:initial !important}.onwebchatbox #onwebchat-emoticons-div img{padding:4px 5px !important;display:initial !important;margin-bottom:initial !important}.onwebchatbox #onwebchat-emoticons-div img:hover{opacity:.8}.onwebchatbox .onwebchat-widget-settings-submenu{position:absolute;bottom:15px !important;left:8px !important;background-color:#fffff9 !important;border:1px solid #d2d2d2 !important;border-radius:5px !important;display:none;margin:0 !important;padding:3px 5px !important;list-style-type:none !important;width:initial !important}.onwebchatbox .onwebchat-widget-settings-submenu li{text-align:left !important;float:initial !important;list-style-type:none !important;list-style:none !important;cursor:pointer !important;margin:0 !important;padding:5px 12px 0 6px !important;line-height:22px !important;direction:ltr !important;background:none !important;display:block !important;font-size:10px !important}.onwebchatbox .onwebchat-widget-settings-submenu li:hover{background-color:#e6f0fb;color:black !important}.onwebchatbox .onwebchat-widget-settings-submenu li:before{content:initial !important}.onwebchatbox .onwebchat-widget-settings-submenu-text{margin-left:8px;margin-right:10px;color:#585858;position:relative;bottom:4px;font-weight:bold;vertical-align:middle;font-size:12px !important;font-family:arial,verdana,sans-serif !important}.onwebchatbox .onwebchat-menu-icons{margin:0 !important}.onwebchatbox .onwebchat-emoticons{position:relative;top:4px;cursor:initial !important}.onwebchatbox img:-moz-loading{visibility:hidden}#operator-image{position:absolute;width:46px;left:15px;border-radius:100%;border:2px solid #bbb7b7;z-index:9999999;top:-5px}.send-button{background:url(/chatimages/me.jpg) center no-repeat;position:relative;width:100%;float:left;z-index:999;cursor:pointer}#iconsdiv{width:50px;height:80px;position:absolute;right:0;bottom:0}#wb-send-image{position:relative;float:right;right:10px;top:13px;opacity:.8;z-index:initial}#wb-smile-image{position:relative;float:right;right:-14px;top:35px;opacity:.8;z-index:initial}#wb-send-image:hover{opacity:1 !important}#wb-smile-image:hover{opacity:1 !important}#uploadfileid{opacity:.84}#uploadfileid:hover{opacity:1;background-color:#f2f2f2 !important}#onwebchat-volume-li-id{opacity:.84}#onwebchat-volume-li-id:hover{opacity:1;background-color:#f2f2f2 !important}#onwebchat-print-li{cursor:default !important;opacity:.5}#onwebchat-print-li:hover{background-color:#f2f2f2 !important}#onwebchat-savetofile-li{cursor:default !important;opacity:.5}#onwebchat-savetofile-li:hover{background-color:#f2f2f2 !important}#onwebchat-email-li{cursor:default !important;opacity:.5}#onwebchat-email-li:hover{background-color:#f2f2f2 !important}#onwebchat-endchat-li{cursor:default !important;opacity:.5}#onwebchat-endchat-li:hover{background-color:#f2f2f2 !important}.onwcmodal{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.69);opacity:0;visibility:hidden;transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;z-index:110;border-top-right-radius:5px;border-top-left-radius:5px}.onwebchatbox .onwcmodal-content{padding:9px !important;position:relative !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;background-color:white !important;width:60% !important;min-width:172px !important;border-radius:3px !important;font-size:13.4px !important;line-height:17px !important;min-height:22px !important}.onwcmodalclose{font-size:16px;color:#7f7e7e;font-weight:800;margin-left:5px;float:right;width:18px;line-height:18px;text-align:center;cursor:pointer;border-radius:3px;background-color:lightgray;margin-top:-3px;margin-right:-3px}.onwcmodalclose:hover{background-color:darkgray}.show-onwcmodal{opacity:1;visibility:visible;transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s}.onwcbutton{width:29% !important;cursor:pointer !important;border:1px solid rgba(0,0,0,0.20) !important;border-radius:3px !important;line-height:initial !important;min-width:fit-content !important;min-width:-moz-fit-content !important;min-height:initial !important;margin-left:auto !important;margin-right:auto !important;color:#484848 !important;background:#ddd !important;font-size:12px !important;font-family:Arial,Helvetica,sans-serif !important;padding:3px 7px !important}.onwcbutton:focus{outline-color:lightgray !important}.onwbchtlogo-in-widget-bw2,.onwbchtsmile-icon,.onwbchtsend-icon,.onwbchtonline-icon,.onwbchtoffline-icon,.onwbchtprint-icon,.onwbchtupload-icon-2,.onwbchtvolume-icon-2,.onwbchtvolume-icon-off,.onwbchtsave-icon,.onwbchtemail-icon,.onwbchtclose2,.onwbchtendchat-icon,.onwbchtsettings-icon-final2{display:inline-block;background:url('https://www.onwebchat.com/chatimages/live-chat-images.png') no-repeat;overflow:hidden;text-indent:-9999px;text-align:left}.onwbchtlogo-in-widget-bw2{background-position:-1px -0;width:71px;height:10px}.onwbchtsmile-icon{background-position:-1px -11px;width:25px;height:25px}.onwbchtsend-icon{background-position:-27px -11px;width:24px;height:27px}.onwbchtonline-icon{background-position:-1px -37px;width:23px;height:18px}.onwbchtoffline-icon{background-position:-52px -11px;width:17px;height:15px}.onwbchtprint-icon{background-position:-52px -27px;width:17px;height:15px}.onwbchtupload-icon-2{background-position:-25px -39px;width:17px;height:14px}.onwbchtvolume-icon-2{background-position:-43px -43px;width:17px;height:13px}.onwbchtvolume-icon-off{background-position:-25px -54px;width:17px;height:13px}.onwbchtsave-icon{background-position:-1px -56px;width:16px;height:14px}.onwbchtemail-icon{background-position:-43px -57px;width:16px;height:15px}.onwbchtclose2{background-position:-18px -68px;width:14px;height:14px}.onwbchtendchat-icon{background-position:-16px -68px;width:17px;height:14px}.onwbchtsettings-icon-final2{background-position:-59px -57px;width:12px;height:12px} @keyframes onwbmoveleft { 0% { transform: translateY(+170px); } 84% { transform: translateY(-3px); } } #onwbchat_window,#onweb_chatimage{ animation-name: onwbmoveleft ; animation-timing-function: ease-out; animation-iteration-count: 1; animation-duration: 0.8s ; }
D'ou l importance de savoir ton template et ce que tu appelles template standard.
....
Commentaire