Файловый менеджер - Редактировать - /home/kunzqhe/photostocker/wp-content/themes/themify-ultra/themify/megamenu/css/megamenu.css
Назад
#main-nav .has-mega-column > .sub-menu{ display:grid; grid-template-columns:var(--megaT,repeat(auto-fit, minmax(0, 1fr))); grid-column-gap:var(--megaG,2.5%); padding:1.15% 2%; max-height:80vh; overflow-x:hidden; overflow-y:auto } #main-nav .layout-6-3-3{ --megaT:50% 25% 25% } #main-nav .layout-3-3-6{ --megaT:25% 25% 50% } #main-nav .layout-4-8{ --megaT:33% 66% } #main-nav .layout-8-4{ --megaT:66% 33% } #main-nav .layout-3-9{ --megaT:25% 75% } #main-nav .layout-9-3{ --megaT:75% 25% } #main-nav .has-mega{ position:static } #main-nav .has-mega > .sub-menu{ left:0; width:100%; padding:15px 25px; top:auto } @media (pointer:coarse){ #main-nav .has-sub-menu > a{ padding-right:50px } #main-nav li .child-arrow{ margin-left:7px; border-radius:100%; display:inline-block; padding:0; right:5px; top:50%; margin-top:-17px } #main-nav .toggle-on > a > .child-arrow{ background:rgba(214,214,214,.4) } #main-nav .has-mega-column li .child-arrow{ display:none } } /*DropDown*/ #main-nav .has-mega-column .sub-menu .sub-menu{ border:0; background:0; padding:0; display:block; position:static; opacity:1; transform:none; transition:none; width:auto; box-shadow:none } #main-nav .has-sub-menu.has-mega-dropdown > .sub-menu{ display:grid; grid-template-columns:var(--megaDT,50% 50%) } #main-nav .dropdown-columns-2 > .sub-menu{ width:400px } #main-nav .dropdown-columns-3 > .sub-menu{ width:540px; --megaDT:repeat(3, 33.32%) } #main-nav .dropdown-columns-4 > .sub-menu{ width:680px; --megaDT:repeat(4, 25%) } #main-nav .has-mega-column .widget{ margin:0 0 .5em; text-align:left } #main-nav .has-mega-column .widget h1, #main-nav .has-mega-column .widget h2, #main-nav .has-mega-column .widget h3, #main-nav .has-mega-column .widget h4, #main-nav .has-mega-column .widget h5, #main-nav .has-mega-column .widget h6{ color:inherit } #main-nav .widgettitle, #main-nav .has-mega-column > .sub-menu > .columns-sub-item > a{ font-size:1.05em; font-weight:600; line-height:1.6em; margin:0 0 .5em; padding:0; text-decoration:none; letter-spacing:0; text-transform:none } #main-nav .widgettitle:before{ /* hide widget title bottom border */ display:none; margin:0; padding:0 } #main-nav .has-mega-column > .sub-menu li{ display:block; line-height:1.7em; box-sizing:border-box } #main-nav .has-mega-column > .sub-menu a { width:100%; background:0; padding:.6em 0 } /* mega menu posts */ #main-nav .mega-sub-menu{ min-height:260px } #main-nav .mega-sub-menu ul{ -webkit-overflow-scrolling:touch; padding:0 0 2em; margin:1em 0; opacity:1; float:none; position:relative } #main-nav .has-mega-sub-menu .mega-sub-menu > ul li{ display:block; position:unset; pointer-events:none; float: none; } #main-nav .has-mega-sub-menu .mega-sub-menu > ul .mega-link > a{ width:16%; margin:0; border-bottom:1px solid rgba(180,180,180,.2); padding-inline:0 1.4em; padding-block:.5em; pointer-events:auto } #main-nav .has-mega-sub-menu .mega-sub-menu > ul .mega-link:first-child > a{ display:block; } #main-nav .has-mega-sub-menu .mega-sub-menu > ul .tf_mega_selected.mega-link:first-child > a{ display:inline-block; } #main-nav .mega-menu-posts{ width:82%; margin-inline-start:2%; padding-bottom:2em; display:none; gap:3% 1.3%; grid-template-columns:repeat(auto-fit, minmax(50px,1fr)); position:absolute; top:0; right:0; pointer-events:auto; overflow-x:hidden; overflow-y:auto } #main-nav .has-mega-sub-menu .mega-sub-menu > ul .mega-link:first-child > .mega-menu-posts{ position:relative; float:right; } #main-nav .tf_mega_selected .mega-menu-posts{ display:grid } #main-nav .themify_mega_menu_category_link{ position:absolute; bottom:0; right:2px; font-size:.85em; padding:0; } #main-nav .themify_mega_menu_category_link:after{ content:" "; border:solid; border-width:0 1px 1px 0; display:inline-block; padding:3px; transform:rotate(-45deg); vertical-align:middle; margin:-3px 0 0 5px } #main-nav .mega-menu-posts .post{ padding:0; margin:0 0 15px } #main-nav .mega-menu-posts .post .post-image{ margin:0 0 10px } #main-nav .mega-menu-posts .post-title{ font-size:.95em; letter-spacing:0; font-weight:400; text-transform:none; line-height:1.45em; margin:0; padding:0 } #main-nav .mega-menu-posts .post a{ text-transform:none; padding:0; border:0; width:auto; font-size:unset } #main-nav .mega-menu-posts .post del{ opacity:.5; font-size:.85em; /* for woocommerce */ } #main-nav .themify_mega_menu_category_link{ width:auto; border:0 } #main-nav .tf_post_count{ background:rgba(200,200,200,.25); border-radius:100%; font-size:.7em; line-height:1em; padding:.4em; margin: auto 3px auto 5px; display:none; min-width:11px; text-align:center; vertical-align:middle } #main-nav .has-mega-sub-menu .tf_post_count{ display:inline-block } #main-nav .has-mega-column .product-categories .count{ display:inline-block } #main-nav .mega-sub-menu li a:before{ content:''; width:10px; height:10px; top:50%; inset-inline-start:auto; inset-inline-end:4px; margin-top:-6px } #main-nav .mega-sub-menu li a:not(.tf_loader):before{ border-top:solid 1px; border-right:solid 1px; position:absolute; transform:rotate(45deg); transition:opacity .5s ease-in-out; display:inline-block; opacity:0 } #main-nav .tf_mega_selected > a:before, #main-nav .mega-sub-menu li:hover > a:before{ opacity:1 } #main-nav .mega-link .tf_loader{ height:auto; width:auto } #main-nav .mega-sub-menu li a.tf_loader:before{ width:16px; height:16px } /*Mobile Menu*/ @media (hover:none){ #main-nav .has-mega-column > .sub-menu, #main-nav .has-sub-menu.has-mega-dropdown > .sub-menu{ display:none } #main-nav .has-mega-column.toggle-on > .sub-menu, #main-nav .has-sub-menu.has-mega-dropdown.toggle-on > .sub-menu{ display:grid!important } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка