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

Файловый менеджер - Редактировать - /home/topsuzmw/public_html/wp-content/plugins/pixwell-importer/assets/importer.css

Назад
.rb-demos, .rb-demos * { box-sizing: border-box; } .rb-disabled { cursor: alias; pointer-events: none; opacity: .5; } .rb-demos-wrap { position: relative; display: block; max-width: 960px; padding: 30px; } .rb-demos { display: flex; flex-flow: column nowrap; width: 100%; } .rb-demo-item { display: flex; flex: 0 0 100%; margin-bottom: 35px; } .rb-demo-item .demo-image { position: absolute; top: 0; right: 0; left: 0; display: block; width: 100%; height: auto; -webkit-transition: all .3s; transition: all .3s; object-fit: contain; object-position: center top; } .rb-show-spinner { display: block; visibility: visible; opacity: 1; } .demo-status { position: absolute; opacity: 0; } .is-importing:not(.just-complete) .demo-status { display: none; } h3.demo-name { line-height: 1; position: relative; margin: 20px 30px 0 30px; padding: 0 0 15px 0; text-align: right; color: #fff; border-bottom: 5px solid rgba(255, 255, 255, .07); } .rb-demo-item .inner-item { position: relative; display: flex; overflow: hidden; flex-flow: row nowrap; width: 100%; background-color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, .07); } .demo-content { position: relative; display: flex; flex: 0 0 50%; flex-flow: column nowrap; padding-bottom: 30px; color: #fff; background-color: #23282d; } .demo-content > * { margin-top: 20px; padding: 0 30px; } .demo-content > *:last-child { margin-bottom: 0; } .demo-plugins > h4, .rb-import-header { font-size: 12px; font-weight: 700; margin-top: 0; margin-bottom: 7px; text-transform: uppercase; color: #aaa; } .demo-plugins .plugin-el { font-size: 12px; line-height: 20px; display: block; overflow: hidden; margin-bottom: 7px; padding-left: 10px; } .demo-plugins .plugin-el:last-child { margin-bottom: 0; } .plugin-el .name { font-weight: 700; } .plugin-el .info { font-size: 11px; font-weight: normal; display: inline-block; margin-left: 4px; color: #aaa; } .activate-info { display: inline-block; float: right; } .plugin-el .activate-info.activated { color: #6ebe75; } .plugin-el a.activate-info { font-weight: 700; line-height: 20px; -webkit-transition: all .3s; transition: all .3s; outline: none !important; box-shadow: none !important; } .plugin-el a.activate-info:hover { color: #fff; } .plugin-el a.activate-info { color: #ffdf36; } .plugin-el.important a.activate-info { color: #ff5151; } .plugin-el .spinner { margin: 0; outline: none !important; } .loading-info { font-weight: 400; margin-right: 4px; text-decoration: none; color: #aaa; outline: none !important; box-shadow: none; } a.activate-info.loading { text-decoration: none; } .demo-preview { line-height: 0; position: relative; display: flex; flex: 0 0 50%; } .is-importing .demo-image { opacity: .15; } .demo-process-bar { position: absolute; z-index: 1; top: auto; bottom: 0; display: block; visibility: visible; width: 100%; height: 15px; -webkit-transition: all .3s; transition: all .3s; pointer-events: none; opacity: 0; background-color: #eee; } .process-count { font-size: 24px; font-weight: bold; position: absolute; z-index: 1; top: 0; right: 10px; bottom: 10px; left: 0; display: flex; visibility: visible; align-items: center; justify-content: center; -webkit-transition: all .3s; transition: all .3s; pointer-events: none; opacity: 0; color: inherit; } .is-importing .process-count, .is-importing .demo-process-bar { visibility: visible; opacity: 1; } .process-percent { position: relative; display: block; overflow: hidden; width: 0; height: 100%; -webkit-transition: all .3s; transition: all .3s; background-color: #3db247; } .process-percent:after { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; content: ''; -webkit-animation: rbmove 2s linear infinite; animation: rbmove 2s linear infinite; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) ); background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent ); -moz-background-size: 50px 50px; -webkit-background-size: 50px 50px; } .process-percent.is-completed { width: 100% !important; } .process-percent.is-completed:after { opacity: 0; } @keyframes rbmove { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } @-webkit-keyframes rbmove { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } .rb-importer-checkbox { display: flex; align-items: center; flex-grow: 0; cursor: pointer; text-decoration: none !important; color: inherit !important; outline: none !important; box-shadow: none !important; } .rb-importer-checkbox:before { display: inline-flex; flex-grow: 0; width: 10px; height: 10px; margin-right: 7px; content: ''; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; border: 2px solid #444; border-radius: 50%; } .data-select { position: relative; margin-bottom: 15px; padding-left: 10px; } .data-select-el { margin-bottom: 7px; } .rb-importer-checkbox.checked:before { border-color: #6ebe75; background: #6ebe75; } .rb-import-divider { display: block; clear: both; width: 140px; height: 2px; margin: 7px 0; border-bottom: 2px solid rgba(255, 255, 255, .07); } .import-label { -webkit-transition: all .3; transition: all .3s; color: #aaa; } .checked .import-label { color: #fff; } .import-actions { display: flex; width: 100%; margin-top: auto; } .rb-wait { display: none; -webkit-animation: rbfade 2s linear infinite; animation: rbfade 2s linear infinite; color: #fff; } .rb-loading-info { -webkit-animation: rbfade 2s linear infinite; animation: rbfade 2s linear infinite; color: #fff; } .is-importing:not(.just-complete) .rb-wait { display: block; } @keyframes rbfade { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } } @-webkit-keyframes rbfade { 0% { opacity: 1; } 50% { opacity: .2; } 100% { opacity: 1; } } .demo-status { font-size: 13px; font-weight: 700; line-height: 1; position: absolute; top: 0; right: 0; display: block; padding: 12px 20px; -webkit-transition: all .3s; transition: all .3s; color: #fff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3); box-shadow: 0 5px 10px rgba(0, 0, 0, .3); } .is-imported .demo-status { opacity: 1; background-color: #4e9c54; } .rb-demo-item:not(.is-imported):hover .demo-status { opacity: 1; background-color: #23282d; } .rb-importer-btn-wrap { display: flex; align-items: center; width: 100%; } .rb-importer-btn { font-weight: 700; line-height: 1; display: flex; margin-right: 0; margin-left: auto; padding: 10px 25px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; color: #fff; border-radius: 3px; background-color: #4e9c54; } .rb-importer-completed { font-weight: 700; line-height: 1; display: none; margin-left: auto; padding: 10px 0; color: #eee; } .rb-do-reimport { background-color: #ddad58; } .rb-importer-btn:hover, .rb-do-reimport.rb-importer-btn:hover, .rb-importer-btn:focus, .rb-do-reimport.rb-importer-btn:focus, .is-importing .rb-importer-btn { background-color: #318032; } .is-importing .rb-importer-btn { pointer-events: none; opacity: .5; } .rb-importer-btn.rb-disabled { background-color: #3f4b57; } .just-complete .rb-importer-btn { display: none; } .just-complete .rb-importer-completed { display: block; } .importer-header { position: relative; display: block; margin-bottom: 35px; } .importer-header strong { color: #333; } .importer-headline { font-size: 22px; font-weight: 700; padding: 20px 30px; background-color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, .07); } .importer-headline i { font-size: 26px; display: inline-block; margin-right: 10px; } .importer-desc p { font-size: 18px; line-height: 1.7; margin-top: 0; margin-bottom: 15px; color: #666; } .importer-tips { position: relative; display: block; margin-top: 30px; padding: 20px 30px; color: #666; border: 4px solid #9bb99d; border-radius: 10px; } .importer-tips p { font-size: 16px; margin-top: 0; margin-bottom: 7px; } .importer-notice { margin-top: 20px; padding: 20px 30px; border: 4px solid #ffa739; border-radius: 10px; } .importer-notice p { font-size: 16px; margin-top: 0; margin-bottom: 7px; } body.rtl .rb-demo-item .demo-image { right: 0; left: 0; } body.rtl .demo-status { right: auto; left: 0; } body.rtl h3.demo-name { margin: 20px 30px 0 30px; padding: 0 0 15px 0; text-align: left; } body.rtl .demo-plugins .plugin-el { padding-right: 10px; } body.rtl .plugin-el .info { margin-right: 4px; } body.rtl .activate-info { float: left; } body.rtl .loading-info { margin-left: 4px; } body.rtl .process-count { right: 0; left: 10px; } body.rtl .process-percent:after { right: 0; left: 0; } body.rtl .rb-importer-checkbox:before { margin-right: 0; margin-left: 7px; } body.rtl .data-select { padding-right: 10px; } body.rtl .rb-importer-btn { margin-right: auto; margin-left: 0; } body.rtl .rb-importer-completed { margin-right: auto; margin-left: 0; } body.rtl .importer-headline i { margin-right: auto; margin-left: 10px; }

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