first commit
This commit is contained in:
204
apps/frontend/templates/theme/ristorante/_fonts.html
Normal file
204
apps/frontend/templates/theme/ristorante/_fonts.html
Normal file
@@ -0,0 +1,204 @@
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,600,600i&display=swap&subset=latin-ext" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,600,600i&display=swap&subset=latin-ext" rel="stylesheet" type="text/css">
|
||||
|
||||
{if $theme_config->getConfigParameter('layout_config.banner_font') == 'serif'}
|
||||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap&subset=latin-ext" rel="preload" as="style">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap&subset=latin-ext" rel="stylesheet" type="text/css">
|
||||
{literal}
|
||||
<style>
|
||||
.homepage-carousel .swiper-slide .caption h3
|
||||
{
|
||||
font-family: 'Playfair Display', serif;
|
||||
font-weight: 400;
|
||||
line-height: 100%;
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
.homepage-carousel .swiper-slide .caption h3 small, .homepage-carousel .swiper-slide .caption p
|
||||
{
|
||||
margin-top: 12px;
|
||||
line-height: 110%;
|
||||
letter-spacing: 0;
|
||||
font-size: 30px;
|
||||
}
|
||||
@media (min-width: 768px){
|
||||
.homepage-carousel .swiper-slide .caption h3
|
||||
{
|
||||
font-size: 128px;
|
||||
}
|
||||
.homepage-carousel .swiper-slide .caption h3 small, .homepage-carousel .swiper-slide .caption p
|
||||
{
|
||||
font-size: 35px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{/literal}
|
||||
{elseif $theme_config->getConfigParameter('layout_config.banner_font') == 'ballania'}
|
||||
{literal}
|
||||
<style>
|
||||
@font-face{
|
||||
font-family:"bellania-regular";
|
||||
src: url('/css/frontend/theme/ristorante/bellania.woff2') format('woff2'),
|
||||
url('/css/frontend/theme/ristorante/bellania.woff') format('woff'),
|
||||
url('/css/frontend/theme/ristorante/bellania.ttf') format('truetype');
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.homepage-carousel .swiper-slide .caption h3
|
||||
{
|
||||
font-weight: 400;
|
||||
font-family: 'bellania-regular', cursive;
|
||||
font-size: 70px;
|
||||
line-height: 90%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.homepage-carousel .swiper-slide .caption h3 small,
|
||||
.homepage-carousel .swiper-slide .caption p
|
||||
{
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.1em;
|
||||
font-size: 30px;
|
||||
display: block;
|
||||
margin-top: 0px;
|
||||
position: relative;
|
||||
line-height: 90%;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.homepage-carousel .swiper-slide .caption h3
|
||||
{
|
||||
font-size: 148px;
|
||||
}
|
||||
|
||||
.homepage-carousel .swiper-slide .caption h3 small,
|
||||
.homepage-carousel .swiper-slide .caption p
|
||||
{
|
||||
font-size: 48px;
|
||||
margin-top: -11px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{/literal}
|
||||
{/if}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{literal}
|
||||
<!--[if IE 9]>
|
||||
<style type="text/css">
|
||||
select.form-control
|
||||
{
|
||||
padding-right: 0;
|
||||
background-image: none;
|
||||
}
|
||||
</style>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript">
|
||||
//<![CDATA[
|
||||
jQuery(function($) {
|
||||
var menuHeight = $('#header-navbar').height();
|
||||
var dropdown = $('#header-navbar .dropdown-menu');
|
||||
var dropdownSettings = $('#nav-settings .dropdown-menu');
|
||||
|
||||
function menuFix() {
|
||||
|
||||
if ($(window).width() > 768) {
|
||||
|
||||
var scrolled = $(window).scrollTop();
|
||||
var menuTop = $('#header-navbar-position').offset().top;
|
||||
var windowHeight = $(window).height();
|
||||
var headerHeight = $('#header').outerHeight();
|
||||
|
||||
if (scrolled > menuTop) {
|
||||
$('#header-navbar').addClass('navbar-fixed-top');
|
||||
$('#header-navbar-position').css('min-height', menuHeight - 1);
|
||||
dropdown.css('max-height', windowHeight - menuHeight - 15);
|
||||
dropdownSettings.css('max-height', windowHeight - menuHeight - 15 - 48);
|
||||
} else if (scrolled < menuTop) {
|
||||
$('#header-navbar').removeClass('navbar-fixed-top');
|
||||
$('#header-navbar-position').css('min-height', '');
|
||||
dropdown.css('max-height', windowHeight - headerHeight - menuHeight - 15);
|
||||
dropdownSettings.css('max-height', windowHeight - headerHeight - menuHeight - 15 - 48);
|
||||
};
|
||||
|
||||
} else {
|
||||
dropdown.removeAttr("style");
|
||||
};
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
$('body [data-equalizer]').equalizer({ use_tallest: true });
|
||||
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 200) {
|
||||
$('#toTopNew').addClass('show');
|
||||
} else {
|
||||
$('#toTopNew').removeClass('show');
|
||||
}
|
||||
});
|
||||
|
||||
$('#toTopNew').click(function () {
|
||||
$("html, body").animate({
|
||||
scrollTop: 0
|
||||
}, 300);
|
||||
return false;
|
||||
});
|
||||
|
||||
$(window).load(function(){
|
||||
setTimeout(function(){
|
||||
if (($('#chat-application').length == 1) || ($('#livechat').length == 1) || ($('.fb_dialog_content iframe').length == 1)) {
|
||||
$('#toTopNew').addClass('upper');
|
||||
}
|
||||
}, 500);
|
||||
});
|
||||
|
||||
var scroll = false;
|
||||
var $window = $(window);
|
||||
$window.scroll(function() {
|
||||
scroll = true;
|
||||
});
|
||||
|
||||
setInterval(function() {
|
||||
if (scroll) {
|
||||
if($window.scrollTop() + $window.height() >= $(document).height()-250) {
|
||||
$('#phone-call').addClass('show');
|
||||
}else{
|
||||
$('#phone-call').removeClass('show');
|
||||
}
|
||||
scroll = false;
|
||||
}
|
||||
}, 255);
|
||||
|
||||
$('#nav-button-search.collapsed').click(function() {
|
||||
setTimeout(function(){
|
||||
$('#nav-search .form-control').focus();
|
||||
}, 300);
|
||||
});
|
||||
|
||||
if ($('#nav-settings > ul > li:empty').length == 2)
|
||||
{
|
||||
$('#nav-button-settings').hide();
|
||||
}
|
||||
|
||||
if ($(window).width() < 768) {
|
||||
var windowHeightMobile = $(window).height();
|
||||
var menuHeightMobile = $('#header-navbar').height();
|
||||
$('#header-navbar .navbar-collapse').css('max-height', windowHeightMobile - menuHeightMobile);
|
||||
};
|
||||
menuFix();
|
||||
});
|
||||
$(window).scroll(function(){
|
||||
menuFix();
|
||||
});
|
||||
$(window).resize(function(){
|
||||
menuFix();
|
||||
});
|
||||
});
|
||||
//]]>
|
||||
</script>
|
||||
{/literal}
|
||||
Reference in New Issue
Block a user