File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/sabostays.com/css/sidebar-query-old.css
Back
body{ margin:0; padding:0; } .scroll img{ width:100%; } .toggle-btn { background: #cc6913; width: 40px; height: 140px; border-top: solid 1px #000; margin-top: -5px; } .sidebar-contact h4 { text-align: center; margin: 5px 0; } .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: 25px; } .sidebar-contact{ position:fixed; z-index: 9; 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; } .sidebar-contact.active{ left:-350px; } .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: 40px; text-align: center; cursor: pointer; background: #cc6913; top: 0; right: -40px; line-height: 48px; } .toggle:before{ content:'\f00d'; font-family:fontAwesome; font-size:18px; color:#fff; } .toggle.active:before{ content:'\f003'; } @media(max-width:768px) { .sidebar-contact{ top:65%; } .sidebar-contact.active .toggle { position: absolute; height: 45px; width: 35px; text-align: center; cursor: pointer; background: #cc6913; top: 0; right: -48px; line-height: 30px; } .sidebar-contact.active .toggle { background: #cc6913; width: 35px; height: 118px; border-top: solid 1px #000; margin-top: -5px; } } @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; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings