File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/thbgroupofhotels.com/assets/css/styles.css
Back
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700&family=Yeseva+One&display=swap'); * { margin: 0; padding: 0 } html { scroll-behavior: smooth; } body { font-family: 'Jost', sans-serif; line-height: 26px; color: #323232; font-size: 17px } .thumbnail1 img{ height: 802px; } img { max-width: 100%; height: auto } .navbar-brand{padding:5px 0;} p { margin: 0 } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; margin-top: 0; font-family: 'Yeseva One', cursive; } input:focus, select:focus { outline: none } input, button { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s } a { -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transition: all .3s; -moz-transition: all .3s; text-decoration: none; color: #333132 } a:hover { color:#d1aa4d; } a:active, a:hover, a:focus { outline: none; text-decoration: none } button:focus { outline: none } ul { list-style: outside none none; margin: 0; padding: 0 } :before, :after { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s } div { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s } .navbar-brand img{ width:150px; } .navbar-toggle .icon-bar+.icon-bar { background: #d1aa4d; } .navbar-toggle .icon-bar { background: #d1aa4d; } .navbar-toggle { margin-top: 21px; margin-bottom: 21px; } .nav>li>a:focus, .nav>li>a:hover { color: #d1aa4d } .main-gal { text-align: center; margin: auto; display: flex; justify-content: center; align-items: center; } .thumbnail.editrowone.a { border: none; background: rgba(0,0,0,0.8); padding: 0px 0px 22px 0px; border: 1px solid white; } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .hovereffect { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; cursor: default; } .hovereffect img { display: block; position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; max-width:100%; } .hovereffect img { display: block; position: relative; -webkit-transition: all .4s linear; transition: all .4s linear; } .hovereffect:hover .overlay { opacity: 1; filter: alpha(opacity=100); } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(0,0,0,0.2); -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 19px; background: rgba(0,0,0,0.7); -webkit-transform: translatey(-100px); -ms-transform: translatey(20px); transform: translatey(20px); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 10px; letter-spacing: 1px; text-shadow: 3px 3px 10px #d1aa4d; font-weight: 400; font-family: 'Jost', sans-serif; } .hovereffect a.info { text-decoration: none; display: inline-block; text-transform: uppercase; color: #fff; border: 1px solid #fff; background-color: transparent; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin: 135px 0 0; padding: 9px 24px; letter-spacing: 3px; box-shadow: 2px 2px 5px #8877c9; } .navbar-toggle .icon-bar { display: block; width: 32px; height: 3px; border-radius: 1px; } .hovereffect:hover img { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); position: relative; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .caption.editrowone.a { border-top: 1px solid white; } .thumbnail .caption { padding: 9px; color: #333; } .caption.editrowone.a > h4 { color: #fff; letter-spacing: 1px; padding-bottom: 6px; margin: 20px 10px 5px 18px; text-align:left; font-size:24px; font-weight: 400; } .caption.editrowone.a a { color: white; } .line-mal { width: 178px; height: 1px; background: white; margin: auto; margin-bottom: 24px; } .media.ad.sm-all { line-height: 24px; } .sm-all { color: #d1aa4d; font-weight: 300; letter-spacing: 1px; margin-left: 18px; margin-right: 10px; line-height: 20px; } .media, .media-body { overflow: hidden; zoom: 1; } .media { margin-top: 15px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } media-left, .media>.pull-left { padding-right: 10px; } .sm-all .media-body { text-align: left; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .caption.editrowone.a a { color: white; } .hvr-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .media-left, .media>.pull-left { padding-right: 10px; padding-left: 2px; } .our-hotel-sect .title h2{ font-size: 35px; text-align:center; margin-bottom:6px; } .our-hotel-sect .title{ margin:0px 0 20px 0; } .our-hotel-sect .title p{ font-size: 18px; text-align:center; } .section-padding{ padding: 60px 0 40px 0; } .about-new { padding: 60px 0; } .about-new h1 { margin-bottom: 20px; font-weight: 600; } .about-new p { line-height: 28px; margin-bottom: 20px; } .about-new a { background: #e96527; color: #fff; padding: 12px 25px; text-decoration: none; } .navbar-dark .navbar-nav .nav-link{ color:#fff; text-transform: uppercase; font-family: 'Yeseva One', cursive; } .navbar-nav .nav-link{ padding-left: 1rem; padding-right: 1rem; } .navbar-nav .nav-item{ margin: 0 10px; } .navbar-nav .nav-item.active>a, .navbar-nav .nav-item:hover>a { background: #d1aa4d; color: #fff; } @media (max-width:767px){ .thumbnail1 img{ height: auto; } .navbar-brand img { width: 130px; padding: 0px 5px; } .carousel-caption p{ display: none; } } @media (max-width:576px){ .slider-content p { font-size: 12px; line-height: 16px; } .slider-content h2 span.d-block{ font-size:20px; } .about-new h1{ font-size:28px; } .our-hotel-sect .title h2{ font-size:25px; } .hovereffect h2{ font-size:15px; letter-spacing:0; } .hovereffect a.info{ margin: 60px 0 0; } .caption.editrowone.a > h4{ font-size:18px; } } .navbar{ min-height: auto; background-color:#fff; margin-bottom: 0px } .navbar-brand{ height: auto; } .navbar-nav>li>a { line-height: 60px; text-transform: capitalize; font-weight: 500; color: #000; } .carousel-caption{ bottom: 38%; } .carousel-caption h3{ font-size:50px; } .carousel-inner .item img{ height: 90vh; object-fit:cover; } .footer-area { background:#d1aa4d; color:#fff !important; } .footer-area a{ color:#fff; } .footer-bootem { padding: 10px 0; background:#d1aa4d; text-align: center } @media (max-width:768px){ .carousel-caption h3 { font-size: 40px; } .carousel-caption { bottom: 30%; } } @media (max-width:576px){ .carousel-inner .item img{ height: 50vh; } .carousel-caption h3 { font-size: 25px; } .carousel-caption { bottom: 26%; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.05 |
proxy
|
phpinfo
|
Settings