diff --git a/functions.php b/functions.php index c9f0eeb..6fac943 100644 --- a/functions.php +++ b/functions.php @@ -57,6 +57,10 @@ function quiztech_theme_enqueue_scripts() { } // Only enqueue the script on our specific template pages + // Enqueue Google Fonts (Sora & Inter) + wp_enqueue_style( 'quiztech-google-fonts', 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@600&display=swap', array(), null ); + + if ( $is_quiztech_template ) { $script_path = get_stylesheet_directory() . '/js/quiztech-theme.js'; $script_url = get_stylesheet_directory_uri() . '/js/quiztech-theme.js'; diff --git a/style.css b/style.css index 4ec3881..59b99b8 100644 --- a/style.css +++ b/style.css @@ -267,6 +267,190 @@ } +/* --- Global Quiztech Theme Styles --- */ + +/* General Content Area */ +.quiztech-content-area { + font-family: var(--quiztech-font-body); + color: var(--quiztech-text-primary); +} + +/* Page Title */ +.quiztech-page-title { + font-family: var(--quiztech-font-heading); + font-weight: 600; + color: var(--quiztech-text-primary); + margin-bottom: 25px; /* Consistent spacing */ +} + +/* Section Title */ +.quiztech-section-title { + font-family: var(--quiztech-font-heading); + font-weight: 600; + font-size: 18px; /* Slightly smaller than page title */ + color: var(--quiztech-text-primary); + margin-top: 30px; + margin-bottom: 15px; + padding-bottom: 5px; + border-bottom: 1px solid var(--quiztech-border-light); +} + +/* Tables */ +.quiztech-table { + width: 100%; + border-collapse: collapse; + margin-bottom: 20px; + font-size: 13px; +} + +.quiztech-table th, +.quiztech-table td { + padding: 12px 15px; + text-align: left; + border: 1px solid var(--quiztech-border-light); + vertical-align: middle; +} + +.quiztech-table th { + background-color: var(--quiztech-widget-bg); /* Use widget bg for header */ + font-weight: 600; + color: var(--quiztech-text-primary); +} + +.quiztech-table tbody tr:nth-child(odd) td { + /* Optional alternating row color - use widget bg for subtle difference */ + /* background-color: var(--quiztech-widget-bg); */ +} + +.quiztech-table tbody tr:hover td { + background-color: rgba(0, 0, 0, 0.02); /* Subtle hover */ +} + +/* Forms */ +.quiztech-form p { + margin-bottom: 15px; +} + +.quiztech-label { + display: block; + margin-bottom: 5px; + font-weight: 500; + font-size: 13px; + color: var(--quiztech-text-secondary); +} + +.quiztech-input, +.quiztech-textarea, +.quiztech-select { + display: block; + width: 100%; + padding: 10px; + border: 1px solid var(--quiztech-border-light); + border-radius: 4px; + background-color: var(--quiztech-widget-bg); + color: var(--quiztech-text-primary); + font-family: var(--quiztech-font-body); + font-size: 14px; + box-sizing: border-box; /* Include padding and border in element's total width and height */ + transition: border-color 0.2s ease; +} + +.quiztech-input:focus, +.quiztech-textarea:focus, +.quiztech-select:focus { + outline: none; + border-color: var(--quiztech-accent-primary); + box-shadow: 0 0 0 1px var(--quiztech-accent-primary); +} + +.quiztech-textarea { + min-height: 100px; +} + +/* Buttons */ +.quiztech-button { + display: inline-block; + padding: 10px 20px; + text-decoration: none; + border: 1px solid transparent; + border-radius: 6px; + font-family: var(--quiztech-font-body); + font-weight: 500; + font-size: 14px; + cursor: pointer; + transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; + text-align: center; + vertical-align: middle; + margin-right: 5px; /* Spacing between adjacent buttons */ +} + +.quiztech-button-primary { + background-color: var(--quiztech-accent-primary); + color: #FFFFFF; + border-color: var(--quiztech-accent-primary); +} + +.quiztech-button-primary:hover { + background-color: #0d36a8; /* Darker blue */ + border-color: #0d36a8; + color: #FFFFFF; +} + +.quiztech-button-secondary { + background-color: var(--quiztech-widget-bg); + color: var(--quiztech-text-secondary); + border-color: var(--quiztech-border-light); +} + +.quiztech-button-secondary:hover { + background-color: #f0f0f0; /* Slightly darker background */ + border-color: #cccccc; + color: var(--quiztech-text-primary); +} + +.quiztech-button-small { + padding: 5px 10px; + font-size: 12px; +} + +/* Links */ +.quiztech-link { + color: var(--quiztech-accent-primary); + text-decoration: none; + transition: color 0.2s ease; +} + +.quiztech-link:hover { + color: #0d36a8; /* Darker blue */ + text-decoration: underline; +} + +/* Inline Forms (like Send Invite row) */ +.quiztech-form-inline { + display: flex; + align-items: center; + gap: 10px; /* Spacing between elements */ + flex-wrap: wrap; /* Allow wrapping */ +} + +.quiztech-form-inline .quiztech-label { + margin-bottom: 0; /* Remove bottom margin for inline */ +} + +.quiztech-form-inline .quiztech-input { + width: auto; /* Allow input to size based on content/size attribute */ + flex-grow: 1; /* Allow input to take available space */ +} + +/* Status Messages */ +.quiztech-status-message { + font-size: 13px; + font-style: italic; + color: var(--quiztech-text-secondary); +} + + + /* Dark Mode Styles */ diff --git a/template-manage-jobs.php b/template-manage-jobs.php index d77b22f..bfb4210 100644 --- a/template-manage-jobs.php +++ b/template-manage-jobs.php @@ -20,16 +20,16 @@ if ( ! is_user_logged_in() || ! current_user_can( 'manage_options' ) ) { get_header(); ?> -
+
>
- ', '' ); ?> + ', '' ); ?>
-

+

if ( $user_jobs_query->have_posts() ) : ?> - +
@@ -64,20 +64,20 @@ get_header(); ?> - + @@ -93,30 +93,30 @@ get_header(); ?> wp_reset_postdata(); ?> -

+

-
- | - | - + | + | +