PHP Classes

File: assets/css/admin-style.css

Recommend this page to a friend!
  Classes of Adeleye Ayodeji   Customize Tawk.to Widget for WordPress   assets/css/admin-style.css   Download  
File: assets/css/admin-style.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Customize Tawk.to Widget for WordPress
Customize the Tawk.to WordPress chat widget
Author: By
Last change:
Date: 4 days ago
Size: 5,953 bytes
 

Contents

Class file image Download
.customise-tawk-to-widget-container{padding:10px}.customise-tawk-to-widget-container--header{background:#f7f7f9;padding:5px 20px}.customise-tawk-to-widget-container--header h3{color:#545454;font-size:16px;font-weight:700;text-transform:uppercase!important}.customise-tawk-to-widget-container--body{display:flex;justify-content:normal;margin-top:20px}.customise-tawk-to-widget-container--body--site-widget-status{align-items:center;display:flex;justify-content:space-between}.customise-tawk-to-widget-container--body h4{font-size:14px;font-weight:600;margin:0 0 10px}.customise-tawk-to-widget-container--body--site-widget-save{background:#03a84e!important;border:1px solid #d9dbe4;border-color:#03a84e!important;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;height:40px;line-height:38px;min-width:40px;padding:0 50px;transition:all .2s cubic-bezier(.23,1,.32,1)}.customise-tawk-to-widget-container--body--site-widget-save:hover{background:#079346!important;border-color:#ecf3ef!important}.customise-tawk-to-widget-container .customise-toggler input[type=checkbox]{display:none;height:0;visibility:hidden;width:0}.customise-tawk-to-widget-container .customise-toggler label{background:grey;border-radius:100px;cursor:pointer;display:block;height:20px;position:relative;text-indent:-9999px;width:40px}.customise-tawk-to-widget-container .customise-toggler label:after{background:#fff;border-radius:90px;content:"";height:11px;left:5px;position:absolute;top:5px;transition:.3s;width:13px}.customise-tawk-to-widget-container .customise-toggler input:checked+label{background:#03a84e}.customise-tawk-to-widget-container .customise-toggler input:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%)}.customise-tawk-to-widget-container .customise-toggler label:active:after{width:40px}.customise-tawk-to-widget-container .customise-tawk-to-widget-card{background:#fff;border:1px solid #d9dbe4;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,.1);box-sizing:border-box;max-width:300px;padding:17px}.customise-tawk-to-widget-container .cmt-3{margin-top:15px}.customise-tawk-to-widget-container .cmb-1{margin-bottom:10px}.customise-tawk-to-widget-container .cmt-1{margin-top:10px}.customise-tawk-to-widget-container .customise-tawk-to-label{align-items:center;display:flex;justify-content:space-between;width:100%}.customise-tawk-to-widget-container .customise-tawk-to-main-body{display:flex;flex-direction:column;justify-content:normal;padding-left:10px;width:538px}.customise-tawk-to-widget-container .customise-ads-area{width:775px}.customise-tawk-to-widget-container .customise-ads-header-title{color:#545454;font-size:14px;font-weight:600;margin:0 0 15px}.customise-tawk-to-widget-container .customise-ads-image{border-radius:8px;height:auto;max-height:170px;width:100%}.customise-tawk-to-widget-container .customise-ads-actions{align-items:center;display:flex;justify-content:space-between}.customise-tawk-to-widget-container .customise-ads{border:1px solid #d3d3d3;border-radius:10px;padding:7px;width:-moz-fit-content;width:fit-content}.customise-tawk-to-widget-container .customise-ads a{height:-moz-fit-content!important;height:fit-content!important}.customise-tawk-to-widget-container .trigger{background:#3e3e3e;border:none;border-radius:5px;color:#fff;font-family:cursive;font-size:15px;outline:none;padding:7px 13px;text-align:center}.customise-tawk-to-widget-container .modal{background-color:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;visibility:hidden;width:100%}.customise-tawk-to-widget-container .modal-content{background-color:#fff;border-radius:.5rem;left:50%;padding:1rem 1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.customise-tawk-to-widget-container .modal-content .close-action{margin-bottom:50px;margin-top:-46px}.customise-tawk-to-widget-container .close-button{background-color:#d3d3d3;border-radius:.25rem;cursor:pointer;float:right;line-height:1.5rem;text-align:center;width:1.5rem}.customise-tawk-to-widget-container .close-button:hover{background-color:#a9a9a9}.customise-tawk-to-widget-container .show-modal{opacity:1;transform:scale(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s;visibility:visible}.customise-tawk-to-notice{margin-bottom:11px;margin-left:0;width:-moz-fit-content;width:fit-content}#wpcontent,#wpfooter{margin-left:143px!important}.customise-ads-sub-action{align-items:center;display:flex;justify-content:space-between}.customise-ads-sub-action a:first-child{margin-right:10px}@media only screen and (max-width:600px){.customise-tawk-to-widget-container--body{display:block!important}.customise-tawk-to-widget-container .customise-tawk-to-main-body{width:100%}.customise-tawk-to-widget-container .customise-ads-area{margin-top:30px;width:100%}}@media only screen and (min-width:600px){.customise-tawk-to-widget-container--body{display:block!important}.customise-tawk-to-widget-container .customise-tawk-to-main-body{width:100%}.customise-tawk-to-widget-container .customise-ads-area{margin-top:30px;width:100%}}@media only screen and (min-width:768px){.customise-tawk-to-widget-container--body{display:block!important}.customise-tawk-to-widget-container .customise-tawk-to-main-body{width:100%}.customise-tawk-to-widget-container .customise-ads-area{margin-top:30px;width:100%}}@media only screen and (min-width:992px){.customise-tawk-to-widget-container--body{display:flex!important}.customise-tawk-to-widget-container .customise-tawk-to-main-body{width:410px}.customise-tawk-to-widget-container .customise-ads-area{margin-top:0;width:775px}}@media only screen and (min-width:1200px){.customise-tawk-to-widget-container--body{display:flex!important}.customise-tawk-to-widget-container .customise-tawk-to-main-body{width:410px}.customise-tawk-to-widget-container .customise-ads-area{margin-top:0;width:775px}}