File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/sabostays.com/css/sidebar-query.css
Back
body{ overflow-x:hidden; } .scroll img{ width:100%; } .sidebar-contact{ position:fixed; top:50%; left:0px; transform:translateY(-50%); width:350px; height:auto; background:#fff; box-shadow: 0 20px 50px rgba(0,0,0,.5); box-sizing:border-box; transition:0.5s; z-index: 999; } .sidebar-contact.active{ left:-280px; } .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 textarea{ height:60px; resize:none; } .sidebar-contact input[type="submit"]{ background:#fbb436; color:#fff; cursor:pointer; border:none; font-size:18px; } .sidebar-contact h4{ text-align: center; margin-bottom: 15px; } .toggle{ position: absolute; height: 48px; width: 40px; text-align: center; cursor: pointer; background: #cc6913; top: 0; right: -40px; line-height: 48px; } @media(max-width:768px) { .sidebar-contact{ width:100%; height:100%; 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; } } .toggle:before{ content:'\f00d'; font-family:fontAwesome; font-size:18px; color:#fff; } .toggle.active:before{ content:'\f003'; } .toggle p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); white-space: nowrap; position: relative; top: 72px; color: #fff; font-weight: bold; font-size: 22px; } .toggle-btn{ background:#cc6913; width: 40px; height: 140px; border-top: solid 1px #000; margin-top: -5px; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #000 !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000 !important; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000 !important; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000 !important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #000 !important; } ::placeholder { /* Most modern browsers support this now. */ color: #000 !important; } @media only screen and (max-width: 600px) { .sidebar-contact.active { left: -2px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.07 |
proxy
|
phpinfo
|
Settings