File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/induceevolution.info/query/style.css
Back
.sidebar-contact{ position:fixed; top:50%; left:-350px; transform:translateY(-50%); width:350px; height:auto; padding:15px; background:#fff; box-shadow: 0 10px 25px rgba(0,0,0,0.1); box-sizing:border-box; transition:0.5s; z-index:99999; } .sidebar-contact.active{ left:0; z-index:99999; } .sidebar-contact input, .sidebar-contact textarea{ width:100%; height:36px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid rgba(0,0,0,.5); outline:none; } .sidebar-contact h2{ margin:0 0 20px; padding:0; } .sidebar-contact textarea{ height:60px; resize:none; } .sidebar-contact input[type="submit"]{ background:#00bcd4; color:#fff; cursor:pointer; border:none; font-size:18px; } .toggle{ position:absolute; height:48px; width:48px; text-align:center; cursor:pointer; background:#f00; top:0; right:-48px; line-height:48px; } .toggle:before{ content:'\f003'; font-family:fontAwesome; font-size:18px; color:#fff; } .toggle.active:before{ content:'\f00d'; } .toggle-btn { background: #f00; width: 48px; height: 140px; border-top: solid 1px #000; margin-top: -5px; } .toggle p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; position: relative; top: 75px; color: #fff; font-weight: bold; background: #f00; font-size: 17px; } .send{ margin-top:10px; } @media(max-width:768px) { .sidebar-contact{ width:100%; height:auto; left:-100%; } .sidebar-contact .toggle{ top:50%; transform:translateY(-50%); transition:0.5s; } .sidebar-contact.active .toggle { top:0; right:0; transform:translateY(0); } .scroll{ width:100%; height:100%; overflow-y:auto; } .content{ padding:50px 50px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.07 |
proxy
|
phpinfo
|
Settings