Done !
| Server IP : 46.105.57.169 / Your IP : 216.73.216.67 Web Server : Apache System : Linux webm002.cluster120.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : verseaumee ( 152031) PHP Version : 8.5.7 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/verseaumee/royalkarukera/templates__9a2a123/it_paradise/particles/ |
Upload File : |
{% extends '@nucleus/partials/particle.html.twig' %}
{% block stylesheets %}
{% if particle.enabled %}
{{ parent() }}
<style type="text/css">
#header-search {
background: {{ particle.bgcolor|default("#ffffff") }};
}
#header-search .search input, #header-search .search-field, #header-search .search-input, #header-search .uk-close {
color: {{ particle.textcolor|default("#818181") }} !important;
}
#header-search .uk-close:hover {
color: {{ particle.textcolor|default("#818181") }};
}
</style>
{% endif %}
{% endblock %}
{% block javascript_footer %}
{% if particle.enabled %}
{% do gantry.load('jquery') %}
{{ parent() }}
<script type="text/javascript">
(function($) {
// Header Search
$(window).load(function() {
var headerSearch = $("#header-search");
var headerSearchHeight = $("{{ particle.menusection|default('#g-header')|e }}").innerHeight();
var closeSearch = $("#header-search a.uk-close");
{% if gantry.platform.getName() == 'joomla' %}
var inputSearch = $("input#mod-search-searchword");
{% endif %}
{% if gantry.platform.getName() == 'wordpress' %}
var inputSearch = $("input.search-field");
{% endif %}
{% if gantry.platform.getName() == 'grav' %}
var inputSearch = $("input.search-input");
{% endif %}
var searchToggle = $("a#header-search-toggle");
$(headerSearch).prependTo($("{{ particle.menusection|default('#g-header')|e }} .g-grid:first")).css({
'height' : headerSearchHeight,
'line-height' : (headerSearchHeight) + 'px'
});
$(closeSearch).css({
'top' : (headerSearchHeight / 2) - 10
});
$(inputSearch).css({
'height' : headerSearchHeight,
'line-height' : (headerSearchHeight) + 'px'
});
$(searchToggle).on("click", function(e) {
e.preventDefault();
$(headerSearch).fadeIn("fast");
$(inputSearch).focus();
});
$(closeSearch).on("click", function(e) {
e.preventDefault();
$(headerSearch).fadeOut("fast");
});
});
})(jQuery);
</script>
{% endif %}
{% endblock %}
{% block particle %}
<a id="header-search-toggle" href="" aria-label="{{'Search'|trans_key('IT_ACCESS_SEARCH')}}"><i class="fa fa-search"></i></a>
<div id="header-search" class="">
<div class="g-block">
<div class="g-content">
<a class="uk-close" aria-label="{{'Close'|trans_key('IT_ACCESS_CLOSE')}}"></a>
{% if gantry.platform.getName() == 'joomla' %}
{{ gantry.platform.filter("{loadposition header-search}")|html|raw }}
{% endif %}
{% if gantry.platform.getName() == 'wordpress' %}
{{ gantry.platform.call('get_search_form') }}
{% endif %}
{% if gantry.platform.getName() == 'grav' %}
{% include 'partials/simplesearch_searchbox.html.twig' %}
{% endif %}
</div>
</div>
</div>
{% endblock %}