upskill-event-manager/assets/css/hvac-generate-certificates.css
Ben Reed cdc5ea85f4 feat: Add comprehensive CSS, JavaScript and theme asset infrastructure
Add massive collection of CSS, JavaScript and theme assets that were previously excluded:

**CSS Files (681 total):**
- HVAC plugin-specific styles (hvac-*.css): 34 files including dashboard, certificates, registration, mobile nav, accessibility fixes, animations, and welcome popup
- Theme framework files (Astra, builder systems, layouts): 200+ files
- Plugin compatibility styles (WooCommerce, WPForms, Elementor, Contact Form 7): 150+ files
- WordPress core and editor styles: 50+ files
- Responsive and RTL language support: 200+ files

**JavaScript Files (400+ total):**
- HVAC plugin functionality (hvac-*.js): 27 files including menu systems, dashboard enhancements, profile sharing, mobile responsive features, accessibility, and animations
- Framework and library files: jQuery plugins, GSAP, AOS, Swiper, Chart.js, Lottie, Isotope
- Plugin compatibility scripts: WPForms, WooCommerce, Elementor, Contact Form 7, LifterLMS
- WordPress core functionality: customizer, admin, block editor compatibility
- Third-party integrations: Stripe, SMTP, analytics, search functionality

**Assets:**
- Certificate background images and logos
- Comprehensive theme styling infrastructure
- Mobile-responsive design systems
- Cross-browser compatibility assets
- Performance-optimized minified versions

**Updated .gitignore:**
- Fixed asset directory whitelisting patterns to properly include CSS/JS/images
- Added proper directory structure recognition (!/assets/css/, !/assets/js/, etc.)
- Maintains security by excluding sensitive files while including essential assets

This commit provides the complete frontend infrastructure needed for:
- Full theme functionality and styling
- Plugin feature implementations
- Mobile responsiveness and accessibility
- Cross-browser compatibility
- Performance optimization
- Developer workflow support
2025-08-11 16:20:31 -03:00

165 lines
No EOL
2.7 KiB
CSS

/**
* Generate Certificates Styles
*
* Styles for the generate certificates page
* Extracted from inline styles for better theme integration
*/
/* Generate Certificates Content Container */
.hvac-generate-certificates-content {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.hvac-page-header {
margin-bottom: 30px;
}
.hvac-page-header h1 {
margin-bottom: 10px;
}
/* Event Selection */
.hvac-event-selection {
background: #f9f9f9;
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
}
.hvac-form-group {
margin-bottom: 20px;
}
.hvac-form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.hvac-form-group select {
width: 100%;
max-width: 500px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 16px;
}
/* Actions Bar */
.hvac-actions-bar {
display: flex;
gap: 10px;
margin-bottom: 20px;
flex-wrap: wrap;
}
/* Table Styles */
.hvac-table-wrapper {
overflow-x: auto;
background: white;
border: 1px solid #ddd;
border-radius: 8px;
}
.hvac-attendees-table {
width: 100%;
border-collapse: collapse;
}
.hvac-attendees-table th,
.hvac-attendees-table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #eee;
}
.hvac-attendees-table th {
background: #f5f5f5;
font-weight: bold;
}
.hvac-attendees-table tr:hover {
background: #f9f9f9;
}
/* Status Styles */
.hvac-status {
display: inline-block;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: bold;
}
.hvac-status-generated {
background: #d4edda;
color: #155724;
}
.hvac-status-pending {
background: #fff3cd;
color: #856404;
}
/* Notices */
.hvac-notice {
padding: 20px;
border-radius: 8px;
margin-bottom: 20px;
}
.hvac-notice-info {
background: #e3f2fd;
border: 1px solid #90caf9;
color: #1565c0;
}
.hvac-notice-warning {
background: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
}
/* Buttons */
.hvac-button {
display: inline-block;
padding: 10px 20px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
text-decoration: none;
transition: background-color 0.3s;
}
.hvac-button-primary {
background: #0073aa;
color: white;
}
.hvac-button-primary:hover {
background: #005a87;
}
.hvac-button-secondary {
background: #6c757d;
color: white;
}
.hvac-button-secondary:hover {
background: #5a6268;
}
/* Responsive */
@media (max-width: 768px) {
.hvac-actions-bar {
flex-direction: column;
}
.hvac-button {
width: 100%;
text-align: center;
}
}