Files
backPRO/assets/css/app.css
Jacek Pyziak 4d5e220b3c Add BackPRO News theme and update database schema for article tracking
- Introduced a new WordPress theme "BackPRO News" with a lightweight magazine-style design.
- Added columns for tracking retry attempts and timestamps for unpublished/generated articles in the articles table.
- Included remote service metadata fields in the sites table for better management.
- Created log files for image replacements, installer actions, OpenAI article generation, and publishing processes.
- Implemented a dashboard template for site management, including permalink settings and theme installation options.
2026-02-17 20:08:02 +01:00

112 lines
1.8 KiB
CSS

/* BackPRO - Custom Styles */
body {
background-color: #f4f6f9;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.sidebar {
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
}
.content-area {
min-width: 0;
}
.sidebar .nav-link {
padding: 0.6rem 1rem;
border-radius: 0.375rem;
margin: 0.1rem 0;
transition: background-color 0.2s;
}
.sidebar .nav-link:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.sidebar .nav-link.active {
background-color: rgba(255, 255, 255, 0.15);
}
.card {
border: none;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.table th {
font-weight: 600;
font-size: 0.85rem;
text-transform: uppercase;
color: #6c757d;
border-bottom-width: 1px;
}
.article-content h2 {
font-size: 1.4rem;
margin-top: 1.5rem;
}
.article-content h3 {
font-size: 1.2rem;
margin-top: 1.2rem;
}
.article-content p {
line-height: 1.7;
}
.article-content,
.article-content * {
overflow-wrap: anywhere;
}
.btn-group .btn + form .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.bp-toast-container {
z-index: 2000;
max-width: 420px;
}
.bp-toast {
border-radius: 12px;
}
.bp-toast .toast-body {
font-size: 0.95rem;
}
.bp-toast.text-bg-warning .btn-close {
filter: none;
}
.bp-toast-fallback {
margin-bottom: 0.5rem;
padding: 0.75rem 0.95rem;
border-radius: 10px;
background: #1f2a44;
color: #fff;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
}
.bp-confirm-modal .modal-content {
border: 0;
border-radius: 14px;
box-shadow: 0 1rem 2rem rgba(19, 31, 56, 0.2);
}
.bp-confirm-modal .modal-title {
font-size: 1.1rem;
font-weight: 700;
}
.bp-confirm-modal .modal-body p {
color: #445066;
line-height: 1.5;
}