wip

resources/views/layouts/yellow/master.blade.php

@@ -169,7 +169,7 @@
 
 
         .widget-connect{position:fixed;bottom:30px;z-index:99 !important;cursor:pointer}.widget-connect-right{right:27px;bottom:22px}.widget-connect-left{left:20px}@media (max-width:768px){.widget-connect-left{left:10px;bottom:10px}}.widget-connect.active .widget-connect__button{display:grid;place-content:center;padding-top:5px}.widget-connect__button{display:none;height:55px;width:55px;margin:auto;margin-bottom:15px;border-radius:50%;overflow:hidden;box-shadow:2px 2px 6px rgba(0, 0, 0, .4);font-size:28px;text-align:center;line-height:50px;color:#fff;outline:0
-!important;background-position:center center;background-repeat:no-repeat;transition:all;transition-duration: .2s}@media (max-width:768px){.widget-connect__button{height:50px;width:50px}}.widget-connect__button-activator:hover,.widget-connect__button:hover{box-shadow:2px 2px 8px 2px rgba(0,0,0,.4)}.widget-connect__button:active{height:48px;width:48px;box-shadow:2px 2px 6px rgba(0, 0, 0, 0);transition:all;transition-duration: .2s}@media (max-width:768px){.widget-connect__button:active{height:45px;width:45px}}.widget-connect__button-activator{margin:auto;border-radius:50%;box-shadow:2px 2px 6px rgba(0, 0, 0, .4);background-position:center center;background-repeat:no-repeat;transition:all;transition-duration: .2s;text-align:right;z-index:99!important}.widget-connect__button-activator-icon{height:55px;width:55px;background-image:url(/multi-chat.svg);background-size:55%;background-position:center center;background-repeat:no-repeat;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;-o-transition-duration: .2s;transition-duration: .2s}@media (max-width:768px){.widget-connect__button-activator-icon{height:50px;width:50px}}.widget-connect__button-activator-icon.active{background-image:url(/catalog/view/theme/default/image/widget-multi-chat/close.svg);background-size:45%;transform:rotate(90deg)}.widget-connect__button-telephone{background-color:#FFB200;background-image:url(/catalog/view/theme/default/image/widget-multi-chat/call.svg);background-size:55%}.widget-connect__button-messenger{background-color:#0866FF;background-image:url(/catalog/view/theme/default/image/widget-multi-chat/messenger.svg);background-size:65%;background-position-x:9px}.widget-connect__button-whatsapp{background-color:#25d366;background-image:url(/catalog/view/theme/default/image/widget-multi-chat/whatsapp.svg);background-size:65%}@-webkit-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:10px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:9px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:10px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:10px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.button-slide{-webkit-animation-name:button-slide;-moz-animation-name:button-slide;-o-animation-name:button-slide;animation-name:button-slide;-webkit-animation-duration: .2s;-moz-animation-duration: .2s;-o-animation-duration: .2s;animation-duration: .2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.button-slide-out{-webkit-animation-name:button-slide;-moz-animation-name:button-slide;-o-animation-name:button-slide;animation-name:button-slide;-webkit-animation-duration: .2s;-moz-animation-duration: .2s;-o-animation-duration: .2s;animation-duration: .2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:reverse;-moz-animation-direction:reverse;-o-animation-direction:reverse;animation-direction:reverse}.widget-connect
+!important;background-position:center center;background-repeat:no-repeat;transition:all;transition-duration: .2s}@media (max-width:768px){.widget-connect__button{height:50px;width:50px}}.widget-connect__button-activator:hover,.widget-connect__button:hover{box-shadow:2px 2px 8px 2px rgba(0,0,0,.4)}.widget-connect__button:active{height:48px;width:48px;box-shadow:2px 2px 6px rgba(0, 0, 0, 0);transition:all;transition-duration: .2s}@media (max-width:768px){.widget-connect__button:active{height:45px;width:45px}}.widget-connect__button-activator{margin:auto;border-radius:50%;box-shadow:2px 2px 6px rgba(0, 0, 0, .4);background-position:center center;background-repeat:no-repeat;transition:all;transition-duration: .2s;text-align:right;z-index:99!important}.widget-connect__button-activator-icon{height:55px;width:55px;background-image:url(/multi-chat.svg);background-size:55%;background-position:center center;background-repeat:no-repeat;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;-o-transition-duration: .2s;transition-duration: .2s}@media (max-width:768px){.widget-connect__button-activator-icon{height:50px;width:50px}}.widget-connect__button-activator-icon.active{background-image:url(/multi-chat.svg);background-size:45%;transform:rotate(90deg)}.widget-connect__button-telephone{background-color:#FFB200;background-image:url(/catalog/view/theme/default/image/widget-multi-chat/call.svg);background-size:55%}.widget-connect__button-messenger{background-color:#0866FF;background-image:url(/catalog/view/theme/default/image/widget-multi-chat/messenger.svg);background-size:65%;background-position-x:9px}.widget-connect__button-whatsapp{background-color:#25d366;background-image:url(/catalog/view/theme/default/image/widget-multi-chat/whatsapp.svg);background-size:65%}@-webkit-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:10px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:9px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-o-keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:10px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes button-slide{0%{opacity:0;display:none;margin-top:0;margin-bottom:0;-ms-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;display:block;margin-top:0;margin-bottom:10px;-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.button-slide{-webkit-animation-name:button-slide;-moz-animation-name:button-slide;-o-animation-name:button-slide;animation-name:button-slide;-webkit-animation-duration: .2s;-moz-animation-duration: .2s;-o-animation-duration: .2s;animation-duration: .2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}.button-slide-out{-webkit-animation-name:button-slide;-moz-animation-name:button-slide;-o-animation-name:button-slide;animation-name:button-slide;-webkit-animation-duration: .2s;-moz-animation-duration: .2s;-o-animation-duration: .2s;animation-duration: .2s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:reverse;-moz-animation-direction:reverse;-o-animation-direction:reverse;animation-direction:reverse}.widget-connect
 .tooltip{position:absolute;z-index:99 !important;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto;padding:5px}.tooltip-inner{max-width:200px;padding:5px
 10px;color:#fff;text-align:center;background-color:#333;border-radius:4px}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#333}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#333}@media only screen and (max-width: 575px){.widget-connect-right{bottom:50px !important}}
     </style>