Файловый менеджер - Редактировать - /home/lmsyaran/public_html/media/com_notifly/css/notifly-core.css
Назад
/*! * notifly-core.css * https://www.themexpert.com/ * Version: 1.0.0 * * Copyright ThemeXpert * Released under the MIT license * https://www.themexpert.com/notifly */ #notifly-wrapper { display: none; position: fixed; bottom: 20px; left: 20px; z-index: 99; box-sizing: border-box; } #notifly-wrapper #close{ position: absolute; top: 0px; right: 0px; opacity: 0; cursor: pointer; -webkit-transition: opacity 0.5s; /* Safari */ transition: opacity 0.5s; color: #d1d1d1; } #notifly-wrapper:hover #close{ opacity: 1; cursor: pointer; } #notifly-wrapper #close span{ padding: 0px 6px 0px 5px; } #notifly-wrapper #image{ text-align: center; cursor: pointer; } #notifly-wrapper #text{ cursor: pointer; margin-bottom: 20px; padding-left: 15px; box-sizing: border-box; } #notifly-wrapper #text p{ margin-bottom: 0px; line-height: 1.3; } #notifly-wrapper #text p+p:last-child{ color: #999; font-size: 80%; margin-top: 10px; margin-bottom: -18px; } #notifly-wrapper .card-small img { max-height: 60px; border-radius: 50% } #notifly-wrapper img { max-width: 100%; height: auto; border: 0; vertical-align: middle; } #notifly-wrapper .card, .card-small { background: #fff; box-shadow: 6px 6px 20px rgba(0,0,0,.04); position: relative; } #notifly-wrapper .card-small { border-radius: 6px; padding: 10px; color: #4d4d4d; font-size: 14px; border: 1px solid #f8f8f8; } #notifly-wrapper .card-small--blue { color: #3ca0ff; border: 1px solid rgba(60, 160, 255, 0.2); } #notifly-wrapper .card-small--blue #text p:last-child{ color: rgb(140, 199, 255); } #notifly-wrapper .flex--align-vertical { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px; } #notifly-wrapper .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px; } #notifly-wrapper .flex__fill-gap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (min-width: 0px){ #notifly-wrapper .col-nano-3 { max-width: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; } } @media only screen and (min-width: 0px){ #notifly-wrapper .col-nano-9 { max-width: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; } } #notifly-wrapper.active{ animation: scale-display .3s; } #notifly-wrapper.out { animation: scale-display--reversed .3s; animation-fill-mode:forwards; } #notifly-wrapper .poweredBy { position: absolute; right: 15px; bottom: 10px; font-size: 11px; color: #999; } #notifly-wrapper .poweredBy i{ position: relative; display: block; } #notifly-wrapper .poweredBy i svg{ position: absolute; top: 2px; left: -10px; } #notifly-wrapper .poweredBy a{ color: #f97362; } @media only screen and (max-width: 420px){ #notifly-wrapper{ left: 20px; right: 20px; } #notifly-wrapper #text{ padding-left: 20px; box-sizing: border-box; } #notifly-wrapper .col-nano-3 { max-width: 20%; -ms-flex-preferred-size: 25%; flex-basis: 20%; } #notifly-wrapper .col-nano-9 { max-width: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; } } @keyframes scale-display { 0% { opacity: 0; transform: scale(0); -webkit-transform: scale(0); } 100% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } } @keyframes scale-display--reversed { 0% { display: inline-flex; opacity: 1; transform: scale(1); -webkit-transform: scale(1); } 99% { display: inline-flex; opacity: 0; transform: scale(0); -webkit-transform: scale(0); } 100% { display: none; opacity: 0; transform: scale(0); -webkit-transform: scale(0); } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка