Spade
Mini Shell
| Directory:~$ /home/lmsyaran/public_html/j3/templates/g5_hydrogen/custom/config/12/page/ |
| [Home] [System Details] [Kill Me] |
css:
-
location: ''
inline: ".lmskaran_menu_effect .g-main-nav {\n position:
relative;\n height: 40px;\n margin: 0 0 0
0;\n}\n\n.lmskaran_menu_effect .g-toplevel {\n margin: 0;\n padding:
0;\n display: block;\n}\n\n.lmskaran_menu_effect .g-toplevel li {\n
float: left;\n}\n\n.lmskaran_menu_effect .g-toplevel li a
{\n}\n\n.lmskaran_menu_effect .g-toplevel li.active a {\n color:
#CC0000;\n}\n\n.lmskaran_menu_effect .g-toplevel li.slide-line {\n
display: block;\n padding: 0;\n margin: 0;\n background: none
#CC0000;\n position: absolute;\n top: 0;\n width: 43px;\n
height: 6px;\n left: 20px;\n top: 30px;\n z-index: 0;\n}"
extra: { }
priority: '0'
name: 'lavalamp style'
javascript:
-
location:
'https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'
inline: "// adds sliding underline HTML\nvar jQuery = $;\nvar $ =
jQuery;\n$('.lmskaran_menu_effect
.g-toplevel').append('<li
class=\"slide-line\"></li>');\nconsole.log('mahdi')\n
// animate slide-line on click\n$(document).on('mouseenter',
'.lmskaran_menu_effect .g-toplevel li a', function() {\n\n var
$this = $(this),\n // get offset of hovered this\n offset =
$this.offset(),\n //find the offset of the wrapping div \n
offsetBody = $('.lmskaran_menu_effect .g-main-nav').offset();\n\n
// GSAP animate to clicked menu item\n
TweenMax.to($('.lmskaran_menu_effect .g-toplevel .slide-line'),
0.5, {\n css: {\n width: $this.outerWidth() +
'px',\n left: (offset.left - offsetBody.left) +
'px'\n },\n overwrite: \"all\",\n
// easing for overshoot\n ease: Back.easeOut\n
});\n\n}).on('mouseleave', '.lmskaran_menu_effect
.g-toplevel li', function() {\n\n var $this = $(this),\n //
get the active menu selector\n $active =
$this.parent().find(\"li.active\"),\n // get offset of
active menu item\n offset = $active.offset(),\n //find the
offset of the wrapping div \n offsetBody =
$('.lmskaran_menu_effect .g-main-nav').offset();\n\n // GSAP
animate to clicked menu item\n TweenMax.to($('.lmskaran_menu_effect
.g-toplevel .slide-line'), 0.5, {\n css: {\n width:
$active.outerWidth() + 'px',\n left: (offset.left -
offsetBody.left) + 'px'\n },\n overwrite:
\"all\",\n ease: Power4.easeInOut\n });\n});"
in_footer: '0'
extra: { }
priority: '0'
name: lavalamp