File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/thevrindavaninn.com/vrindavan-tours/assets/css/theme.css
Back
body { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #555; overflow-x: hidden; } a, a:hover, a:focus { text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .otp_heading h1, .otp_heading h2, .otp_heading h3, .otp_heading h4, .otp_heading h5, .otp_heading h6{ margin: 0px; } /*header*/ .otp_header .navbar-default{ background-color: #ffffff; margin-bottom: 0px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; border-radius: 0px; } .otp_header nav.navbar.navbar-default.scroll-nav{ -webkit-box-shadow: 0 8px 6px -9px #999; box-shadow: 0 8px 6px -9px #999; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .scroll-nav{ background: #fff !important; z-index: 11; position: fixed; left: 0; right: 0; top: 0; -webkit-animation-name: animationFade; -moz-animation-name: animationFade; -o-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.2); padding: 0; } .navbar-default .navbar-brand { font-family: 'Oswald', sans-serif; padding-right: 30px; height: auto; padding: 10px 0px; position: relative; text-transform: uppercase; } .navbar-default .navbar-nav{ margin: 0; padding: 10px 0; list-style: none; font-family: 'Oswald', sans-serif; } .navbar-default .navbar-nav > li{ display: inline-block; margin: 10px; } .navbar-default .navbar-nav > li > a{ padding: 0px 20px; display: block; line-height: 30px; height: 30px; background-color: #999; border-radius: 3px; color: #fff; letter-spacing: 2px; } .navbar-default .navbar-nav > li > a.btn1{ background-color: #3f51b5; } .navbar-default .navbar-nav > li > a.btn2 { background-color: black; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color: #fff; } /*button */ .glowing-btn{ background-color: #026794 !important; color: rgba(255, 255, 255, 0.5); -webkit-animation-name: flashing; animation-name: flashing; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes flashing { 0% { color: rgba(255, 255, 255, 0.8); } 50% { color: black; } 100% { color: rgba(255, 255, 255, 0.8); } } @keyframes flashing { 0% { color: rgba(255, 255, 255, 0.8); } 50% { color: black; } 100% { color: rgba(255, 255, 255, 0.8); } } .form-box .btn.glowing-btn1{ background-color: #f44336; border-color: #f44336; color: rgba(255, 255, 255, 1); -webkit-animation-name: flashing1; animation-name: flashing1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes flashing1{ 0% { color: rgba(255, 255, 255, 1); } 50% { color: yellow; } 100% { color: rgba(255, 255, 255, 1); } } @keyframes flashing1 { 0% { color: rgba(255, 255, 255, 1); } 50% { color: yellow; } 100% { color: rgba(255, 255, 255, 1); } } /*slider*/ .sliderWraper{ position: relative; z-index: 1; } .sliderWraper img { display: block; height: 500px; } .sliderWraper .item::after{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: repeat-x; content: ""; z-index: 9; visibility: hidden; background-image: linear-gradient(to bottom, rgba(108, 91, 123, 0.3) 0%, rgba(53, 92, 125, 0.3) 100%); } .sldierDataForm, .text-box{ position: absolute; left: 0; right: 0; bottom: 66px; z-index: 99; } .sldierDataForm{ bottom: 20px; } .sliderWraper .item{ position: relative; } .text-box{ color: #fff; z-index: 999; bottom: 60px; } .text-box .textContent{ position: relative; text-align: right; } .text-box .textContent h3{ text-shadow: 1px 2px 10px #000; color: #ffeb3b; } .text-box .textContent p{ font-size: 18px; text-shadow: 1px 2px 5px #000; } .text-box .textContent ul{ margin: 0; padding: 0; list-style: none; } .text-box .textContent ul li{ line-height: 30px; margin-bottom: 5px; display: inline-block; color: #000; padding: 0px 10px; background-color: rgba(246, 209, 37,0.9); } .text-box a.btn1{ margin-top: 20px; color: #5e670a; display: inline-block; } .form-box{ padding-top: 15px; } .form-box .tooltip-inner{ background-color: #F44336; } .form-box .tooltip.top .tooltip-arrow{ border-top-color: #F44336; } .form-box .otp_heading{ color: #ffffff; margin-bottom: 20px; } .form-box .form-control{ border-radius: 0px; height: 40px; padding: 4px 12px; } .form-box label{ font-size: 12px; color: #fff; font-weight: normal; margin-bottom: 0px; } .form-box .form-group{ margin-bottom: 12px; } .form-box .btn, a.btn1 { font-family: 'Oswald', sans-serif; text-transform: uppercase; padding: 6px 30px; letter-spacing: 2px; font-weight: 700; background-color: #ffffff; border-color: #ffffff; color: #000000; } /*extraNav*/ .extraNav{ position: relative; z-index: 2; } .extraNavbox{ border-bottom: 4px solid transparent; } .extraNavBox{ padding-top: 12px; text-align: center; padding-bottom: 12px; } .extraNavbox.active, .extraNavbox:hover{ border-bottom-color: rgba(0,0,0,0.3); } .extraNavBox a{ color: #ffffff; display: block; } .extraNavBox h3 a{ line-height: 35px; } .extraNavBox a small{ color: #ffffff; display: block; font-size: 12px; font-family: 'Roboto', sans-serif; } /*opt_group*/ .bg-1{ background-color: #fff6ef; } .bg-2{ background-color: /*#3f51b5*/ #F44336; } .bg-3{ background-color: /*#8bc34a*/ #4CAF50; } .bg-4 { background-color: rgb(196 16 16 / 80%); } .bg-5{ background-color: #673AB7; } .pd-50{ padding-top: 50px !important; } .section-title { text-align: center; margin-bottom: 40px; } .section-title h2 { line-height: 1; font-weight: 300; letter-spacing: 1px; } .otp_groupWrap{ padding-top: 30px; } .bg-2{ background-color:#f5f5f5; } .br-b1{ border-bottom:1px solid #ddd; } .otp_groupWrap .textContent{ font-size: 16px; } .title{ margin-bottom:20px; position:relative; } .title h2{ margin:0; padding:0px 20px; padding-bottom:10px; position:relative; display:inline-block; font-family: 'Roboto', sans-serif; } .gridWrap{ margin-bottom: 0px; } .grid-box{ margin-bottom: 20px; } .otp_pack1 { background: #FFF; border: 1px solid #E6E6E6; -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15); border-bottom: 2px solid #DEDEDE; transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; margin: 0 0 20px; padding-top: 1px; } .otp_pack1 .image { overflow: hidden; margin: 4px 5px 0; } .gridWraper .otp_pack1 .image{ height: 100%; } .otp_pack1 .image img { transition: all .3s ease-in-out; } .otp_pack1 .content{ padding: 12px 15px; } .otp_pack1 a .content { color: #565656; display: block; } .otp_pack1 .content h4 { font-size: 21px; letter-spacing: 1px; color: #034498; white-space: nowrap; line-height: 40px; margin: 0 0 8px; text-overflow: ellipsis; overflow: hidden; } } .otp_pack1 .content h4 a{ color: #034498; } .otp_pack1 .content p{ margin-bottom: 0px; font-size: 14px; line-height: 22px; /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/ } .otp_pack1 .bottom { border-top: 1px solid #DEDEDE; padding: 8px 15px; background-color: #fff6ef; position: relative; } .otp_pack1 .bottom:after{ content: ""; position: absolute; top: 0; bottom: 2px; right: 41.66666667%; width: 1px; background: #DEDEDE; } .otp_pack1 .bottom .texting { font-weight: 400; line-height: 24px; margin-top: 2px; color: #D60D45; } .otp_pack1 .bottom span, .otp_pack1 .bottom a{ display: block; text-transform: uppercase; white-space: nowrap; padding: 4px 10px; text-align: center; } .otp_pack1:hover .image img{ transform: scale(1.15) rotate(5deg); -moz-transform: scale(1.15) rotate(5deg); -webkit-transform: scale(1.15) rotate(5deg); } .otp_pack{ position: relative; background-color: #ffffff; border: 1px solid #E6E6E6; -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.15); border-bottom: 2px solid #DEDEDE; transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; transform: translateY(0px); min-height: 150px; width: 100%; height: 100%; } .otp_pack .image { position: absolute; top: 5px; bottom: 5px; left: 5px; background-color: #000; background-size: cover; background-position: center center; width: 230px; transition: all .3s ease-in-out; } .otp_pack .content { margin-left: 240px; line-height: 1.5; padding: 20px 15px; } .otp_pack .content a{ color: #034498 } .otp_pack .content h4{ margin: 0px; margin-bottom: 10px; } .otp_pack .content p{ margin-bottom: 3px; } .otp_pack .content p.last{ margin-bottom: 10px; } .otp_pack .content a.btn-read-more { transition: all 0.15s ease; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; color: #D60D45; } .otp_pack .content a.btn-read-more:hover { padding-left: 3px; padding-right: 3px; text-decoration: none; } .otp_pack:hover, .otp_pack1:hover{ -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4); border-bottom: 2px solid #F44336; transform: translateY(-5px); } /*post-hero*/ .post-hero { background: #FFF; padding-top: 50px; padding-bottom: 50px; } .featured-item{ line-height: 1.5; margin-bottom: 20px; } .featured-item .icon { font-size: 40px; width: 46px; color: #00bcd4; line-height: 40px; float: left; padding-top: 5px; } .featured-item .content { margin-left: 65px; } .featured-item h5 { text-transform: uppercase; line-height: 1.2; font-size: 18px; letter-spacing: 1px; font-weight: 700; margin: 0 0 15px; } .featured-item p{ color: #5d5d5d; font-size: 14px; margin-bottom: 0; } /*footer*/ footer{ position: relative; } .otp_footer { background: #026794; color: #ffffff; font-size: 14px; } .otp_ftInner{ padding-top: 30px; padding-bottom: 30px; } .otp_ftHeading { margin-bottom: 30px; } .otp_ftHeading h3{ color: #fff; font-size: 25px; } .opt_ftBr-right{ border-right: 1px solid rgba(255,255,255,0.15); } .otp_ftBox { padding-top: 15px; height: 180px; } .otp_ftBox .otp_heading{ color: #fff; margin-bottom: 20px; } .otp_ftBox .otp_ftTextcol{ font-size: 14px; } .otp_ftBox .otp_ftTextcol p{ line-height: 24px; } .otp_ftSocialcol ul{ margin:0px; padding:0px; list-style: none; } .otp_ftSocialcol ul li{ display: inline-block; margin: 5px 5px 0; } .otp_ftSocialcol ul li a{ font-size: 14px; color: #FFFFFF; display: block; text-decoration: none; text-align: center; vertical-align: top; line-height: 34px; width: 34px; height: 34px; transition: all 0.2s ease-out 0s; padding-left: 3px } .otp_ftSocialcol ul li a i{ display: block; line-height: 34px; } .otp_ftSocialcol ul li a.facebook{ background-color: #3b5998; } .otp_ftSocialcol ul li a.twitter{ background-color: #00bdec; } .otp_ftSocialcol ul li a.google-plus{ background-color: #dd4d4d; } .otp_ftSocialcol ul li a.pinterest{ background-color: #b8242a; } .otp_footerCopy { background-color: black; color: #ffffff; padding: 10px 0px; font-size: 13px; } .otp_footerCopy p{ margin: 0px; } .scrollup { z-index: 9; display: none; position: absolute; left: auto; right: 20px; bottom: 301px; margin: 0; color: #FFF; background-color: #3f51b5; width: 54px; height: 54px; line-height: 50px; font-size: 30px; } .scrollup i{ line-height: 50px; } .scrollup:hover{ color: #fff; background-color: rgba(63, 81, 181, 0.80); } @media only screen and (max-width: 1170px){ .sldierDataForm{ bottom: 0; } .extraNav{ margin-top: 0; } } @media only screen and (max-width: 1023px) and (min-width: 768px){ .sldierDataForm{ position: relative; margin: 10px -15px 0; } .opt_ftBr-right{ border-bottom: 1px solid rgba(255,255,255,0.15); } .opt_ftBr-right:nth-child(2n+1){ border-right: none; } .opt_ftBr-right:nth-child(3n+1){ border-bottom: none; } } @media only screen and (max-width: 767px){ .opt_ftBr-right{ border-bottom: 1px solid rgba(255,255,255,0.15); border-right: 0px; } .navbar-brand > img{ max-width: 240px; } .sldierDataForm{ position: relative; margin: 5px -15px 0px; overflow: hidden; } .navbar-default .navbar-nav{ text-align: center; } .otp_pack1 .image{ height: 200px; } .otp_pack1 .image img{ width: 100%; } .scrollup{ bottom: 724px; } .extraNavbox{ border-bottom-color: #fff; } .extraNavbox:hover{ border-bottom-color: #fff; } .text-box .textContent ul{ display: none; } } @media only screen and (max-width: 500px){ .textContent{ display: none; } } .otp_ftSocialcol ul li a.blogger { background-color: orange; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings