Файловый менеджер

Файловый менеджер - Редактировать - /home/lmsyaran/public_html/modules/mod_ol_sidepanel/assets/css/style.css

Назад
@charset "UTF-8"; .side_panel { text-align: center;z-index: 9000; } .side_panel .side_panel_inner { display: block; height: 100%; } .side_panel .side_panel_inner .side_panel-toggle { border-color: currentColor; color: currentColor; } .side_panel .side_panel_inner .side_panel-toggle:before { content: ''; display: inline-block; vertical-align: middle; position: relative; height: 100%; } .side_panel .side_panel-toggle { display: block; height: 100%; width: 100%; } .side_panel .side_panel-toggle:hover span:nth-child(1) { left: 18px; } .side_panel .side_panel-toggle:hover span:nth-child(3) { left: 0px; } .side_panel .side_panel-toggle:hover span:nth-child(7) { left: 18px; } .side_panel .side_panel-toggle:hover span:nth-child(9) { left: 0px; } .side_panel .side_panel-toggle-inner { display: inline-block; vertical-align: middle; cursor: pointer; /* width: 24px; / / height: 24px; */ margin-top: 0; position: relative; color: inherit; line-height: 9px; } .side_panel .side_panel-toggle-inner span { background: transparent; display: inline-block; width: 6px; height: 6px; border-radius: 50%; border-width: 1px; border-style: solid; border-color: currentColor; transition: all .3s ease-out; color: inherit; vertical-align: top; position: absolute; left: 0; } .side_panel .side_panel-toggle-inner span:nth-child(2) { left: 9px; } .side_panel .side_panel-toggle-inner span:nth-child(3) { left: 18px; } .side_panel .side_panel-toggle-inner span:nth-child(4) { top: 9px; } .side_panel .side_panel-toggle-inner span:nth-child(5) { top: 9px; left: 9px; } .side_panel .side_panel-toggle-inner span:nth-child(6) { top: 9px; left: 18px; } .side_panel .side_panel-toggle-inner span:nth-child(7) { top: 18px; } .side_panel .side_panel-toggle-inner span:nth-child(8) { top: 18px; left: 9px; } .side_panel .side_panel-toggle-inner span:nth-child(9) { top: 18px; left: 18px; } body.admin-bar #side-panel.side-panel_open, body.admin-bar #side-panel.side-panel_active { top: 32px; } body.side-panel_active .side-panel_overlay { opacity: 1; visibility: visible; background: rgba(65, 65, 65, 0.6); } .side-panel_overlay { background: transparent; width: 100%; height: 100%; position: fixed; top: 0; left: 0; visibility: hidden; opacity: 0; transition: all .45s ease-in-out; z-index: 9999; } body.side_panel-template-default.admin-bar #side-panel { top: 32px; } body.side_panel-template-default #side-panel { right: auto; top: 0; } #side-panel { position: fixed; bottom: 0; right: 0; width: 480px; background: #fff; transform: translateX(calc(100% + 30px)); transition: transform .45s ease-in-out; z-index: 10000; top: 100000%; } #side-panel.side-panel_position_left { left: 0; right: auto; transform: translateX(calc(-100% - 30px)); } #side-panel.side-panel_open { transform: translateX(0); top: 0; } #side-panel.side-panel_active { top: 0; } #side-panel .side-panel_sidebar { position: absolute; bottom: 0px; top: 0; right: 0; left: 0; overflow-y: scroll; } #side-panel .side-panel_close { display: block; position: absolute; right: 0; top: 0; color: #fff; font-size: 20px; width: 50px; height: 50px; line-height: 44px; cursor: pointer; z-index: 9999; transition: all .45s ease-in-out; background: #323232; text-align: center; } #side-panel .side-panel_close .side-panel_close_icon { display: inline-block; position: relative; width: 20px; height: 20px; margin-top: 0; vertical-align: middle; cursor: pointer; } #side-panel .side-panel_close .side-panel_close_icon:before, #side-panel .side-panel_close .side-panel_close_icon:after { content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; border: 3px solid currentColor; } #side-panel .side-panel_close .side-panel_close_icon:before { width: 0; height: 100%; border-radius: 0; border-width: 0.5px; left: 50%; background-color: currentColor; transition: all 0.3s, background-color 0s linear 0.3s; transform: translateX(-0.5px) rotate(45deg); } #side-panel .side-panel_close .side-panel_close_icon:after { border-width: 0.5px; width: 0; margin-left: 0; margin-top: 0; background-color: currentColor; transition: all 0.3s; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); } .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; bottom: 0px; position: absolute; } .style-icon::before { font-size: 22px; color: #333; border-radius: 10px; } a.side_panel-toggle { background: white; border: 1px solid #dadada !important; border-radius: 5px; margin-right: 5px; } .style-icon { line-height: 0 !important; } #side-panel .side-panel_close{ left:0 !Important; right:unset; } .side_panel .side_panel-toggle-inner{ margin-left:unset !Important; } #side-panel{ max-width:100%; }

| ver. 1.4 | Github | . | PHP 8.1.33 | Генерация страницы: 0.09 | proxy | phpinfo | Настройка