Файловый менеджер - Редактировать - /home/lmsyaran/public_html/media/com_notifly/less/notifly.less
Назад
@nodePath : "../../../../node_modules"; // Include Lesshat ------------- @import "@{nodePath}/lesshat/lesshat"; //------------------------------ #notifly { position: fixed; z-index: 99999; height: 66px; width: 321px; border: none; display: none; opacity: 0; background:white; transition: visibility 0s 0.5s, opacity 0.4s linear, top 500ms linear, bottom 500ms linear; } #notifly, #notifly *, #notifly *:before, #notifly *:after { box-sizing: border-box; } #notifly.notifly-clickable { cursor:pointer; } #notifly.notifly-position-bottom-left { bottom: -120px; left: 10px; .box-shadow(0 0 1px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.05),0 8px 50px rgba(0,0,0,0.05)); } #notifly.notifly-position-bottom-right { bottom: -120px; right: 10px; .box-shadow(0 0 1px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.05),0 8px 50px rgba(0,0,0,0.05)); } #notifly.notifly-position-top-left { top: -120px; left: 10px; .box-shadow(0 0 1px rgba(0,0,0,0.2),0 -1px 2px rgba(0,0,0,0.05),0 -8px 50px rgba(0,0,0,0.05)); } #notifly.notifly-position-top-right { top: -120px; right: 10px; .box-shadow(0 0 1px rgba(0,0,0,0.2),0 -1px 2px rgba(0,0,0,0.05),0 -8px 50px rgba(0,0,0,0.05)); } #notifly.notifly-design-rounded { border-radius: 40px; } #notifly.notifly-design-rounded-square { border-radius: 6px; } #notifly.notifly-position-bottom-left:hover, #notifly.notifly-position-bottom-right:hover { .box-shadow(0 0 1px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.05), 0 25px 50px rgba(0,0,0,0.1)); } #notifly.notifly-position-top-left:hover, #notifly.notifly-position-top-right:hover { .box-shadow(0 0 1px rgba(0,0,0,0.2),0 -1px 2px rgba(0,0,0,0.05), 0 -25px 50px rgba(0,0,0,0.1)); } #notifly:hover { .box-shadow(0 25px 50px rgba(0,0,0,0.1)); } #notifly:active { .box-shadow(0 0 0 1px rgba(0,0,0,0.1)); } #notifly.notifly-hidden { opacity: 0; } #notifly.notifly-displayed.notifly-position-bottom-left, #notifly.notifly-displayed.notifly-position-bottom-right { opacity: 1; bottom:20px; } #notifly.notifly-displayed.notifly-position-top-left, #notifly.notifly-displayed.notifly-position-top-right { opacity: 1; top:20px; } #notifly-image { display: block; position: absolute; top: 0px; left:0px; height: 66px; width: 66px; text-align:center; background-size:cover; background-repeat:no-repeat; background-position:center center; } #notifly-image i { height: 66px; width: 66px; line-height:66px; max-width:100%; margin:0px; font-size:30px; } #notifly.notifly-design-rounded notifly-image { top: 3px; left: 3px; height: 60px; width: 60px; .border-radius(50%); overflow:hidden; line-height:60px; } #notifly.notifly-design-rounded notifly-image i { .border-radius(50%); top: 3px; left: 3px; height: 60px; width: 60px; line-height:60px; display:block; } #notifly-content { margin-left: 75px; padding-top: 9.28571px; padding-right: 4px; } #notifly-title { line-height: 18px; height: 18px; font-size: 14px; font-weight: bold; font-family: "Roboto",helvetica,arial,sans-serif; color: #000; margin-right:30px; margin-top:7px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #notifly.notifly-show-timeago .notifly-title { margin-top:0px; } #notifly-text { line-height: 17px; height: 17px; font-size: 12px; font-family: "Roboto",helvetica,arial,sans-serif; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #notifly-time { display: block; color: #999; font-size: 11px; height: 16px; line-height: 16px; font-family: "Roboto",helvetica,arial,sans-serif; } #notifly-close { position:absolute; top:3px; right:25px; font-size:12px; color:black; cursor:pointer; } @media (min-width:980px ){ #notifly.notifly-desktop { display:block; } } @media (max-width:979px ){ #notifly.notifly-mobile { display:block; } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0.03 |
proxy
|
phpinfo
|
Настройка