Файловый менеджер - Редактировать - /home/admin/domains/octawebtools.com/public_html/wp-content/plugins/website-image-extractor/style.css
�азад
/* Plugin styles */ .wie-container { max-width: 1200px; margin: 0 auto; padding: 20px; } :root { --primary: #4361ee; --primary-dark: #3a56d4; --secondary: #7209b7; --light: #f8f9fa; --dark: #212529; --gray: #6c757d; } body .wie-container { background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%); min-height: 100vh; padding-bottom: 3rem; } .wie-container .card { border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; border: none; overflow: hidden; } .wie-container .card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .wie-container .input { border-radius: 50px; padding: 1.25rem 1.5rem; font-size: 1.1rem; border: 2px solid transparent; transition: all 0.3s; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .wie-container .input:focus { border-color: var(--primary); box-shadow: 0 0 0 0.125em rgba(67, 97, 238, 0.25), 0 6px 12px rgba(50, 50, 93, 0.15); } .wie-container .button { border-radius: 50px; padding: 1.25rem 2.5rem; font-weight: 600; font-size: 1.1rem; transition: all 0.3s; background: linear-gradient(to right, var(--primary), var(--secondary)); border: none; color: white; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); text-transform: uppercase; letter-spacing: 0.5px; } .wie-container .button:hover { background: linear-gradient(to right, var(--primary-dark), #651fa0); transform: translateY(-3px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); color: white; } .wie-container .button:active { transform: translateY(1px); } .wie-container .results-section { margin-top: 2rem; display: none; animation: fadeIn 0.5s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .wie-container .image-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.5rem; margin-top: 1.5rem; } .wie-container .image-card { overflow: hidden; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; background: white; position: relative; } .wie-container .image-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); } .wie-container .image-card img { width: 100%; height: 180px; object-fit: cover; display: block; transition: transform 0.3s ease; } .wie-container .image-card:hover img { transform: scale(1.05); } .wie-container .image-info { padding: 1rem; background: white; position: relative; z-index: 2; } .wie-container .image-title { font-size: 0.9rem; font-weight: 500; color: var(--dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wie-container .image-format { font-size: 0.8rem; color: var(--gray); margin-top: 0.25rem; display: inline-block; background: #f0f0f0; padding: 0.15rem 0.5rem; border-radius: 4px; } .wie-container .image-actions { display: flex; justify-content: space-between; margin-top: 0.5rem; } .wie-container .notification { border-radius: 12px; padding: 1.25rem 2rem; margin: 1rem 0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .wie-container .tab-container { margin-top: 1.5rem; position: sticky; top: 0; z-index: 10; background: white; padding: 10px 0; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .wie-container .tabs ul { border-bottom: none; justify-content: center; } .wie-container .tabs a { border-radius: 50px; padding: 0.75rem 1.5rem; margin-right: 0.5rem; font-weight: 500; border: 1px solid #e0e0e0; transition: all 0.2s ease; } .wie-container .tabs a:hover { background-color: #f0f0f0; transform: translateY(-2px); } .wie-container .tabs li.is-active a { background: linear-gradient(to right, var(--primary), var(--secondary)); color: white; border-color: var(--primary); box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .wie-container .image-placeholder { background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%); height: 180px; display: flex; align-items: center; justify-content: center; color: var(--gray); } .wie-container .image-placeholder i { font-size: 3rem; opacity: 0.3; } .wie-container .loader { width: 50px; height: 50px; border: 5px solid rgba(67, 97, 238, 0.2); border-top-color: var(--primary); border-radius: 50%; animation: spin 1s linear infinite; margin: 2rem auto; } @keyframes spin { to { transform: rotate(360deg); } } .wie-container .section-title { position: relative; padding-bottom: 0.5rem; margin-bottom: 1.5rem; font-weight: 700; color: #333; } .wie-container .section-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: linear-gradient(to right, var(--primary), var(--secondary)); border-radius: 2px; } .wie-container .results-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; } @media (max-width: 768px) { .wie-container .image-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } .wie-container .input { padding: 1rem; font-size: 1rem; } .wie-container .button { padding: 1rem 1.5rem; font-size: 1rem; } .wie-container .tabs a { padding: 0.5rem 1rem; font-size: 0.9rem; } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.32 | Генераци� �траницы: 0 |
proxy
|
phpinfo
|
�а�тройка