js fixes
This commit is contained in:
parent
2ddb76ce92
commit
3dd9b26625
|
|
@ -1,5 +1,5 @@
|
||||||
<!--hero section-->
|
<!--hero section-->
|
||||||
<div class="banner-state vertical-align banner-p height-600 mt-5">
|
<div class="banner-state vertical-align banner-p filtered height-600" style="padding-top: 60px;">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="responsive-img ">
|
<div class="responsive-img ">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/kidsmom.jpg" alt="">
|
<img class="filtered" src="_content/MissNationSharedUI/assets/img/kidsmom.jpg" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
|
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="responsive-img">
|
<div class="responsive-img">
|
||||||
<img class="responsive-img" style="width:100%" src="_content/MissNationSharedUI/assets/img/kidsmom.png" alt="">
|
<img class="responsive-img @AddiontionalCssClass" style="width:100%" src="_content/MissNationSharedUI/assets/img/kidsmom.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -38,7 +38,8 @@
|
||||||
|
|
||||||
|
|
||||||
@code {
|
@code {
|
||||||
|
[Parameter]
|
||||||
|
public string AddiontionalCssClass { get; set; } = "";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
{
|
{
|
||||||
<li class="" data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Natural">
|
<li class="" data-transition="fade" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Natural">
|
||||||
|
|
||||||
<img src="@SliderItem.Url" alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
|
<img class="filtered" src="@SliderItem.Url" alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
|
||||||
|
|
||||||
<!-- LAYER NR. 1 -->
|
<!-- LAYER NR. 1 -->
|
||||||
<div class="tp-caption rev-heading lft start text-white" data-x="center" data-y="150" data-speed="500" data-start="1900" data-easing="Back.easeOut" data-splitin="" data-splitout="" data-elementdelay="0.1" data-endelementdelay="0.1">@SliderItem.Title</div>
|
<div class="tp-caption rev-heading lft start text-white" data-x="center" data-y="150" data-speed="500" data-start="1900" data-easing="Back.easeOut" data-splitin="" data-splitout="" data-elementdelay="0.1" data-endelementdelay="0.1">@SliderItem.Title</div>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
<!--hero section-->
|
<!--hero section-->
|
||||||
<div class="banner-state vertical-align mt-5" style="height:80vh;">
|
<div class="banner-state vertical-align mt-5" style="height:80vh;">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid h-100">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row h-100">
|
||||||
<div class="col-12">
|
<div class="col-12 h-100">
|
||||||
<div class="banner-title align-content-center" style="display:inline-grid; height:100%; width:100%; margin: 0 auto;">
|
<div class="banner-title align-content-center" style="display:inline-grid; height:100%; width:100%; margin: 0 auto;">
|
||||||
<div id="containerAnimation" class="container-overflowvisible justify-content-center" style="display:grid; height:100%; width: 100%">
|
<div id="containerAnimation" class="container-overflowvisible justify-content-center" style="display:grid; height:100%; width: 100%">
|
||||||
<img class="right-to-left" src="_content/MissNationSharedUI/assets/img/logohotel1.png" style="animation-duration: 1725ms; opacity: 0.2; align-self:center; filter: blur(4px); max-width:400px; width:50vw" />
|
<img src="_content/MissNationSharedUI/assets/img/logohotel1.png" style="animation-duration: 1725ms; opacity: 0.2; align-self:center; margin:auto; filter: blur(4px); max-width:700px; width:50vw"/>
|
||||||
<p style="animation-duration: 1725ms; font-size:15vw; text-align:center" class="right-to-left">#IonQP</p>
|
<p style="animation-duration: 1725ms; font-size:15vw; text-align:center" class="right-to-left"><span style="color:#d6b161">#</span><span>Ion</span><span style="color:#d6b161">QP</span></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat1 cat3 ">
|
<div class="portfolio-item cat1 cat3 ">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -33,7 +33,7 @@
|
||||||
<div class="portfolio-item cat4 cat2">
|
<div class="portfolio-item cat4 cat2">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
|
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -53,7 +53,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat2 cat4">
|
<div class="portfolio-item cat2 cat4">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="portfolio-single.html">
|
<a href="portfolio-single.html">
|
||||||
|
|
@ -72,7 +72,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat1 cat4">
|
<div class="portfolio-item cat1 cat4">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a class="popup-vimeo" href="https://vimeo.com/45830194">
|
<a class="popup-vimeo" href="https://vimeo.com/45830194">
|
||||||
|
|
@ -91,7 +91,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat2 cat4">
|
<div class="portfolio-item cat2 cat4">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -110,7 +110,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat3 ">
|
<div class="portfolio-item cat3 ">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="portfolio-single.html">
|
<a href="portfolio-single.html">
|
||||||
|
|
@ -130,7 +130,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat1 cat4 cat3 cat5">
|
<div class="portfolio-item cat1 cat4 cat3 cat5">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -149,7 +149,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat2 cat5">
|
<div class="portfolio-item cat2 cat5">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -169,7 +169,7 @@
|
||||||
<!---->
|
<!---->
|
||||||
<div class="portfolio-item cat2 cat5">
|
<div class="portfolio-item cat2 cat5">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -188,7 +188,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat2 cat5">
|
<div class="portfolio-item cat2 cat5">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -207,7 +207,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat2 cat5">
|
<div class="portfolio-item cat2 cat5">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -226,7 +226,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat2 cat5">
|
<div class="portfolio-item cat2 cat5">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -245,7 +245,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat2 cat5">
|
<div class="portfolio-item cat2 cat5">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
@ -264,7 +264,7 @@
|
||||||
|
|
||||||
<div class="portfolio-item cat2 cat5">
|
<div class="portfolio-item cat2 cat5">
|
||||||
<div class="thumb">
|
<div class="thumb">
|
||||||
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" alt="">
|
<img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" alt="" class="filtered">
|
||||||
<div class="portfolio-hover">
|
<div class="portfolio-hover">
|
||||||
<div class="action-btn">
|
<div class="action-btn">
|
||||||
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="lightbox view">
|
<a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="lightbox view">
|
||||||
|
|
|
||||||
|
|
@ -262,7 +262,7 @@ pre {
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-control{
|
.form-control{
|
||||||
font-size: 0.8rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -270,6 +270,10 @@ pre {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.h-100 {
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
.right-to-left {
|
.right-to-left {
|
||||||
font-family: 'Poppins', sans-serif;
|
font-family: 'Poppins', sans-serif;
|
||||||
animation: 0.4s right-to-left forwards;
|
animation: 0.4s right-to-left forwards;
|
||||||
|
|
@ -291,6 +295,10 @@ pre {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filtered {
|
||||||
|
filter: sepia(0.3);
|
||||||
|
}
|
||||||
|
|
||||||
/*==============================================
|
/*==============================================
|
||||||
Utility
|
Utility
|
||||||
===============================================*/
|
===============================================*/
|
||||||
|
|
@ -867,6 +875,7 @@ pre {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -2px;
|
top: -2px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
/*height:100%;*/
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
padding: 2px 0;
|
padding: 2px 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1801,7 +1801,7 @@
|
||||||
|
|
||||||
|
|
||||||
var pari = img.closest('.slotholder');
|
var pari = img.closest('.slotholder');
|
||||||
img.replaceWith('<div class="tp-bgimg defaultimg" data-lazyload="'+img.data('lazyload')+'" data-bgfit="'+bgfit+'"data-bgposition="'+bgposition+'" data-bgrepeat="'+bgrepeat+'" data-lazydone="'+img.data('lazydone')+'" src="'+src+'" data-src="'+src+'" style="background-color:'+img.css("backgroundColor")+';background-repeat:'+bgrepeat+';background-image:url('+src+');background-size:'+bgfit+';background-position:'+bgposition+';width:100%;height:100%;"></div>');
|
img.replaceWith('<div class="tp-bgimg defaultimg filtered" data-lazyload="'+img.data('lazyload')+'" data-bgfit="'+bgfit+'"data-bgposition="'+bgposition+'" data-bgrepeat="'+bgrepeat+'" data-lazydone="'+img.data('lazydone')+'" src="'+src+'" data-src="'+src+'" style="background-color:'+img.css("backgroundColor")+';background-repeat:'+bgrepeat+';background-image:url('+src+');background-size:'+bgfit+';background-position:'+bgposition+';width:100%;height:100%;"></div>');
|
||||||
|
|
||||||
if (isIE(8)) {
|
if (isIE(8)) {
|
||||||
pari.find('.tp-bgimg').css({backgroundImage:"none",'background-image':'none'});
|
pari.find('.tp-bgimg').css({backgroundImage:"none",'background-image':'none'});
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue