| Server IP : 10.10.92.66 / Your IP : 104.23.197.230 Web Server : Apache/2.4.52 (Ubuntu) System : Linux jurnalpolinema 5.15.0-177-generic #187-Ubuntu SMP Sat Apr 11 22:54:33 UTC 2026 x86_64 User : jurnal ( 1001) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/jurnal/public_html/plugins/themes/default/styles/components/ |
Upload File : |
// Toggle button
.pkp_site_nav_toggle {
@thickness: 3px;
position: absolute;
top: 0;
left: 0;
width: @nav-menu-height;
height: @nav-menu-height;
border: 0;
background: none;
box-shadow: 1px 0 0 rgba(255,255,255,0.2), -1px 0 0 rgba(255,255,255,0.2);
z-index: 999;
&:focus {
outline: 1px dotted @text-bg-base;
box-shadow: none;
}
> span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 19px;
border-bottom: @thickness solid @text-bg-base;
text-indent: -9999px;
overflow: hidden;
&:before,
&:after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: @thickness;
background: @text-bg-base;
}
&:before {
top: 0;
}
&:after {
top: 8px;
}
}
}
.pkp_site_nav_toggle--transform {
> span {
border-bottom: 0;
overflow: visible;
&:before {
top: 7px;
transform: rotate(-405deg) translateY(1px) translateX(-2px);
-webkit-transform: rotate(-405deg) translateY(1px) translateX(-2px);
}
&:after {
top: 14px;
transform: rotate(405deg) translateY(-3px) translateX(-4px);
-webkit-transform: rotate(405deg) translateY(-3px) translateX(-4px);
}
}
}
// Show/hide the nav menu
.pkp_site_nav_menu {
display: none;
}
.pkp_site_nav_menu--isOpen {
display: block;
}
body.navIsOpen {
.siteHeader__details {
right: 0;
}
.siteHeader__screen {
display: block;
opacity: 0.5;
}
.siteHeader__navToggleIcon {
> span {
&:first-child {
transform: rotate(45deg);
top: 18px;
}
&:nth-child(2) {
opacity: 0;
}
&:last-child {
transform: rotate(-45deg);
top: 18px;
}
}
}
}
@media (min-width: @screen-desktop) {
.pkp_site_nav_menu {
display: block;
}
}