File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/hotelsanctuaryresort.com/preview/css/styler.css
Back
#styler { width:250px; height:605px; position:fixed; top:50%; right:-250px; margin-top:-302px; background:#FFF; border-radius:5px 0 0 5px; z-index:99999; transition:.4s ease; } #styler .toggle { width:50px; height:100%; position:absolute; top:0; left:-50px; transition:.2s ease; } #styler .toggle a { width:50px; height:50px; font-size:20px; color:#FFF; text-align:center; line-height:50px; background:#333; position:absolute; top:50%; left:0; margin-top:-25px; border-radius:5px 0 0 5px; } #styler .stylersection { padding:15px 30px; border-top:1px solid #E5E5E5; } #styler .stylersection:first-child { border:none; } #styler .stylersection:after { content:""; display:block; clear:both; } #styler .stylersection span { float:left; margin-left:10px; border-radius:3px; cursor:pointer; opacity:.15; position:relative; transition:.2s ease; } #styler .stylersection span:before { content:''; width:100%; height:100%; padding:2px; position:absolute; top:-3px; left:-3px; border-radius:3px; border:1px solid #E5E5E5; opacity:0; transition:.2s ease; } #styler .stylersection span:first-of-type { margin:0; } #styler .stylersection h5 { margin-bottom:15px; font:bold 10px/10px 'Open Sans', sans-serif; letter-spacing:1.2px; text-align:center; text-transform:uppercase; } #styler:hover { right:0; box-shadow:0 0 1px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.15); } #styler:hover .toggle { opacity:0; } #styler .stylersection span:hover, #styler .stylersection span.active { opacity:1; border-radius:0; } #styler .stylersection span:hover:before, #styler .stylersection span.active:before { opacity:1; border-radius:0; } #loadcover { width:100%; height:100%; position:fixed; top:0; left:0; background:#FFF; z-index:9999999; display:none; } /* Colours */ #styler span[rel^='colour-'] { width:30px; height:30px; } #styler span[rel='colour-blue'] { background:#6286AA; } #styler span[rel='colour-turquoise'] { background:#6DA8AB; } #styler span[rel='colour-green'] { background:#8CA460; } #styler span[rel='colour-gold'] { background:#A49980; } #styler span[rel='colour-maroon'] { background:#8B6979; } /* Patterns */ #styler span[rel^='pattern-'] { width:30px; height:30px; } #styler span[rel='pattern-china'] { background:url(../images/pattern-china.png); } #styler span[rel='pattern-horns'] { background:url(../images/pattern-horns.png); } #styler span[rel='pattern-concrete'] { background:url(../images/pattern-concrete.png); } #styler span[rel='pattern-pentagon'] { background:url(../images/pattern-pentagon.png); } #styler span[rel='pattern-none'] { background:#BBB; } /* Layouts */ #styler span[rel^='layout-'] { width:56px; height:56px; } #styler span[rel='layout-full'] { background:url(../images/layout-full.png); } #styler span[rel='layout-contained'] { background:url(../images/layout-contained.png); } #styler span[rel='layout-sidebar'] { background:url(../images/layout-sidebar.png); } /* Backgrounds */ #styler span[rel^='background-'] { width:40px; height:40px; margin:0 0 10px 10px; } #styler span[rel^='background-']:nth-child(4n+2) { margin-left:0; } #styler span[rel='background-beach'] { background:url(../images/background-beach.jpg); } #styler span[rel='background-beach2'] { background:url(../images/background-beach2.jpg); } #styler span[rel='background-beach3'] { background:url(../images/background-beach3.jpg); } #styler span[rel='background-beach4'] { background:url(../images/background-beach4.jpg); } #styler span[rel='background-sky'] { background:url(../images/background-sky.jpg); } #styler span[rel='background-sky2'] { background:url(../images/background-sky2.jpg); } #styler span[rel='background-forest'] { background:url(../images/background-forest.jpg); } #styler span[rel='background-forest2'] { background:url(../images/background-forest2.jpg); } #styler span[rel='background-forest3'] { background:url(../images/background-forest3.jpg); } #styler span[rel='background-rocks'] { background:url(../images/background-rocks.jpg); } #styler span[rel='background-sunset'] { background:url(../images/background-sunset.jpg); } #styler span[rel='background-seascape'] { background:url(../images/background-seascape.jpg); } #styler span[rel='background-harbour'] { background:url(../images/background-harbour.jpg); } #styler span[rel='background-trees'] { background:url(../images/background-trees.jpg); } #styler span[rel='background-river'] { background:url(../images/background-river.jpg); } #styler span[rel='background-city'] { background:url(../images/background-city.jpg); } #styler span[rel='background-city2'] { background:url(../images/background-city2.jpg); } #styler span[rel='background-city3'] { background:url(../images/background-city3.jpg); } #styler span[rel='background-silhouette'] { background:url(../images/background-silhouette.jpg); } #styler span[rel='background-none'] { background-color:#BBB; } /* Resize */ @media only screen and (max-width:1200px) { #styler { display:none; } } @media only screen and (max-width:1150px) { #styler { height:185px; margin-top:-93px; } #styler .stylersection.layouts, #styler .stylersection.backgrounds { display:none; } } @media only screen and (max-width:1024px) { #styler .toggle { height:50px; top:50%; margin-top:-25px; } #styler .toggle a { top:0; margin:0; } } /*#modalOverlay { display:none!important; }*/ #modalOverlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999999; height: 100%; width: 100%; } .modalContent{ margin-right:20px; } .modalPopup { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 25%; -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); box-shadow: 0 2px 10px 3px rgba(0,0,0,.2); padding: 20px; min-width: 300px; } .buttonStyle { position: absolute; top: 0; right: 0; background: #ed0909; color: #fff; border: none; font-size: 16px; padding: 5px 13px; cursor:pointer } .modalContent h2{ text-align: left; margin-bottom: 10px; font-size: 25px; } .query-form input{ font-family: 'Open Sans'; width: 100%; float: left; padding: 7px 10PX; margin-bottom: 10px; border: solid 1px #949494; outline: none; color: #000; } .query-form textarea{ font-family: 'Open Sans'; width:100%; border: solid 1px #949494; padding: 10px; outline: none; } .query-form button{ display: block; margin: auto; /*padding: 7px 25px;*/ border: none; background: #951a2c; color: #fff; margin-top: 10px; width: 100%; cursor:pointer; } .query-form { padding:0; display: contents; } #nav .centre img{ width:90px; } @media only screen and (max-width: 767px) { .modalPopup { top: 20% !important; width: 20%; left: 17%; } .query-form input{ width:100%; margin-left:0; } .query-form textarea{ width:100%; margin-left:0; } #nav .centre img { width: 65px; } } .call-btn2 { display: flex; /*display: none;*/ flex-direction: column; position: fixed; bottom: 120px; right: 25px; z-index: 999; } .call-btn2 div { width: 50px; margin-top: 15px; } .call-btn2 div img { width: 100%; } .call-btn3 { display: flex; flex-direction: column; position: fixed; bottom: 50px; left: 25px; z-index: 999; } .call-btn3 div { width: 50px; margin-top: 15px; } .call-btn3 div img { width: 100%; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings