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

Файловый менеджер - Редактировать - /home/harasnat/www/horse/wp-content/plugins/product-share/public/css/public.css

Назад
ul.psfw-social-icons { list-style: none !important; list-style-type: none !important; padding-left: 0 !important; margin: 20px 0 !important; display: flex; flex-wrap: wrap; flex-direction: row; border-bottom: none; } ul.psfw-social-icons li{ margin-left: 0 !important; } ul.psfw-social-icons li a { width: 30px; height: 30px; text-decoration: none !important; padding: 0; border: 1px solid #333; display: flex; text-align: center; justify-content: center; align-items: center; text-decoration: none; margin: 5px 0; } ul.psfw-social-icons.only_text li a, ul.psfw-social-icons.icon_with_text li a { width: auto; padding: 0 5px; } ul.psfw-social-icons.icon_with_text li a i{ margin-right: 5px; } /* Left Left Shape / ul.psfw-social-icons.leaf_left li a { border-radius: 40% 2%; } / Left Right Shape / ul.psfw-social-icons.leaf_right li a { border-radius: 2% 40%; } / TV Screen Shape / ul.psfw-social-icons.tv_screen li a { border-radius: 50% / 10%; } / Rounded Corner Shape / ul.psfw-social-icons.rounded_corner li a { border-radius: 10px; } ul.psfw-social-icons.rounded_corner.only_text li a, ul.psfw-social-icons.rounded_corner.icon_with_text li a { border-radius: 10px; padding: 0 10px; } / Round Shape / ul.psfw-social-icons.round li a { border-radius: 50%; } ul.psfw-social-icons.round.only_text li a, ul.psfw-social-icons.round.icon_with_text li a { border-radius: 50px; padding: 0 10px; } ul.psfw-social-icons li:not(:last-child){ margin-right: 8px; } /Icon Title CSS/ .psfw-social-wrap { margin: 0 !important; display: flex; } .psfw-social-wrap .psfw-icon-title { display: flex; justify-content: flex-start; align-items: center; margin-right: 10px; min-width: 50px; } / Tooltip CSS / .psfw-social-icons [data-tooltip-text]::before { align-items: center; content: attr(data-tooltip-text); display: flex; flex-wrap: wrap; justify-content: center; position: absolute; top: -30px; font-size: 12px; background-color: var( --psfw-tooltip-bg-color, #000000 ); color: var( --psfw-tooltip-color, #ffffff ); visibility: hidden; border-radius: 7px; min-width: 85px; max-width: 150px; min-height: 25px; } .psfw-social-icons [data-tooltip-text]::after { content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var( --psfw-tooltip-bg-color, #000000 );; position: absolute; top: -5px; visibility: hidden; } .psfw-social-icons [data-tooltip-text]:hover:before, .psfw-social-icons [data-tooltip-text]:hover:after{ visibility: visible; } .psfw-social-icons [data-tooltip-text]{ position: relative; } / Popup CSS / .psfw-popup-container{ position: fixed; opacity: 0; visibility: hidden; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: -1; top: 0; left: 0; } .psfw-popup-container.open{ display: flex; flex-direction: column; visibility: visible; opacity: 1; z-index: 1500; } .psfw-popup-container.open .psfw-popup-inner-container{ opacity: 1; } .psfw-popup-container .psfw-popup-inner-container{ background-color: #ffffff; display: flex; flex-direction: column; opacity: 0; position: relative; z-index: 1501; left: 50%; top: 50%; width: 600px; height: 400px; margin-bottom: 0; margin-left: -300px; margin-top: -200px; transition: 0.5s all ease-in-out; } .psfw-popup-container .psfw-popup-inner-container h3{ text-align: center; font-weight: bold; margin-bottom: 0; padding: 15px 0; margin: 0; line-height: 1.5em; } .psfw-popup-container ul.psfw-popup-ul-container { list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; flex: 1 1 33.33333%; margin: 0; padding: 40px 50px; overflow-y: auto; } .psfw-popup-container ul.psfw-popup-ul-container li { width: 33.3333%; padding-bottom: 15px; } .psfw-popup-container ul.psfw-popup-ul-container li a { display: flex; flex-direction: row; align-items: center; font-size: 20px; } .psfw-popup-container ul.psfw-popup-ul-container li a i { padding-right: 5px; } .psfw-popup-container .psfw-popup-top { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; align-items: center; border-bottom: 1px solid #e6e6e6; } .psfw-popup-container .psfw-popup-top h3 { width: 100%; } .psfw-popup-container .psfw-popup-top.with-close h3 { width: 90%; } .psfw-popup-container .psfw-popup-top a { width: 10%; height: 100%; text-align: center; border-left: 1px solid #e6e6e6; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #ac0000; color: #fff; } .psfw-popup-container .psfw-popup-top a:focus { outline-color: transparent; } / Media Query for popup */ @media screen and (max-width: 767px){ .psfw-popup-container .psfw-popup-inner-container{ width: 100%; margin-left: -50%; } .psfw-popup-container ul.psfw-popup-ul-container li{ width: 50%; } }

| ver. 1.4 | Github | .