src/resources/app.css - master - evernotenkai/DataBaseXJavaProject

src/resources/app.css
433 строки9 KB
Makson4ik
Весь проект с src db и прочим делом
12 май 2026, 22:43
12 май 2026, 22:43431f4aa

/* Mini LMS - polished light theme */

.root {
    -fx-font-family: "Segoe UI", "Inter", "Arial";
    -fx-background-color: linear-gradient(to bottom right, #eef4fb, #f7f9fc);
}

.login-root {
    -fx-background-color: linear-gradient(to bottom right, #edf4ff, #f8fbff);
}

.app-shell {
    -fx-background-color: transparent;
}

.content-scroll {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-padding: 0;
}
.content-scroll .viewport {
    -fx-background-color: transparent;
}
.content-scroll > .viewport {
    -fx-background-color: transparent;
}
.content-scroll .scroll-bar:vertical,
.content-scroll .scroll-bar:horizontal {
    -fx-opacity: 0.92;
}

.sidebar {
    -fx-background-color: linear-gradient(to bottom, #0f172a, #111827);
    -fx-padding: 18 16 18 16;
    -fx-spacing: 12;
    -fx-pref-width: 284;
    -fx-min-width: 252;
    -fx-alignment: top-left;
    -fx-border-color: rgba(255,255,255,0.06);
    -fx-border-width: 0 1 0 0;
}

.brand-title {
    -fx-text-fill: white;
    -fx-font-size: 28px;
    -fx-font-weight: 800;
}
.brand-subtitle {
    -fx-text-fill: #9fb0c9;
    -fx-font-size: 12px;
}

.page-title {
    -fx-text-fill: #0f172a;
    -fx-font-size: 28px;
    -fx-font-weight: 800;
}
.page-subtitle {
    -fx-text-fill: #4b5d78;
    -fx-font-size: 13px;
}
.section-title {
    -fx-text-fill: #10213d;
    -fx-font-size: 16px;
    -fx-font-weight: 800;
}
.field-title {
    -fx-text-fill: #1e2a41;
    -fx-font-size: 12px;
    -fx-font-weight: 700;
}
.field-hint, .muted-text {
    -fx-text-fill: #55677f;
    -fx-font-size: 12px;
}

.card, .surface {
    -fx-background-color: rgba(255,255,255,0.99);
    -fx-background-radius: 20;
    -fx-border-radius: 20;
    -fx-border-color: rgba(148,163,184,0.24);
    -fx-effect: dropshadow(gaussian, rgba(15,23,42,0.12), 24, 0.18, 0, 8);
}

.hero-card {
    -fx-min-width: 500;
    -fx-max-width: 620;
    -fx-pref-width: 560;
}
.login-card {
    -fx-min-width: 390;
    -fx-max-width: 460;
}
.login-hero {
    -fx-padding: 36;
}
.login-shell {
    -fx-padding: 28;
}

.content-root {
    -fx-padding: 16 16 18 16;
    -fx-spacing: 14;
}

.page-header {
    -fx-padding: 0 0 4 0;
}

.nav-button, .sidebar-button {
    -fx-background-color: transparent;
    -fx-text-fill: #dbe4f0;
    -fx-font-size: 14px;
    -fx-font-weight: 700;
    -fx-alignment: CENTER_LEFT;
    -fx-padding: 11 14 11 14;
    -fx-background-radius: 12;
    -fx-cursor: hand;
    -fx-border-color: transparent;
}
.nav-button:hover, .sidebar-button:hover {
    -fx-background-color: rgba(59,130,246,0.20);
}
.nav-button-active, .sidebar-button-active {
    -fx-background-color: linear-gradient(to right, #2563eb, #3b82f6);
    -fx-text-fill: white;
}

.primary-button, .secondary-button, .danger-button, .ghost-button {
    -fx-background-radius: 12;
    -fx-padding: 10 16 10 16;
    -fx-font-weight: 800;
    -fx-cursor: hand;
    -fx-border-color: transparent;
}
.primary-button {
    -fx-background-color: linear-gradient(to right, #2563eb, #3b82f6);
    -fx-text-fill: white;
}
.secondary-button {
    -fx-background-color: #e8eef9;
    -fx-text-fill: #15325b;
}
.danger-button {
    -fx-background-color: #ffe4e6;
    -fx-text-fill: #be123c;
}
.ghost-button {
    -fx-background-color: transparent;
    -fx-text-fill: #37507b;
    -fx-border-color: rgba(59,130,246,0.22);
    -fx-border-width: 1;
}

.text-field, .password-field, .text-area, .combo-box-base, .date-picker, .spinner {
    -fx-background-color: white;
    -fx-background-radius: 12;
    -fx-border-radius: 12;
    -fx-border-color: rgba(148,163,184,0.34);
    -fx-border-width: 1;
    -fx-padding: 8 10 8 10;
}
.text-area {
    -fx-pref-row-count: 5;
}
.text-area .content {
    -fx-background-color: white;
}

.modern-table {
    -fx-background-color: white;
    -fx-background-radius: 16;
    -fx-border-radius: 16;
    -fx-border-color: rgba(148,163,184,0.22);
    -fx-table-cell-border-color: rgba(226,232,240,0.86);
}
.modern-table .column-header-background {
    -fx-background-color: #edf3fb;
    -fx-background-radius: 16 16 0 0;
}
.modern-table .column-header, .modern-table .filler {
    -fx-background-color: transparent;
    -fx-border-color: transparent transparent rgba(226,232,240,0.8) transparent;
}
.modern-table .column-header .label {
    -fx-text-fill: #1f3152;
    -fx-font-weight: 800;
}
.modern-table .table-row-cell {
    -fx-cell-size: 40px;
}
.modern-table .table-row-cell:filled:selected {
    -fx-background-color: #dbeafe;
}
.modern-table .table-row-cell:filled:hover {
    -fx-background-color: #f3f8ff;
}

.chip {
    -fx-padding: 4 10 4 10;
    -fx-background-radius: 999;
    -fx-font-size: 11px;
    -fx-font-weight: 800;
}
.chip-blue {
    -fx-background-color: #dbeafe;
    -fx-text-fill: #1d4ed8;
}
.chip-green {
    -fx-background-color: #dcfce7;
    -fx-text-fill: #166534;
}
.chip-orange {
    -fx-background-color: #ffedd5;
    -fx-text-fill: #9a3412;
}
.chip-violet {
    -fx-background-color: #ede9fe;
    -fx-text-fill: #6d28d9;
}
.chip-gray {
    -fx-background-color: #e2e8f0;
    -fx-text-fill: #334155;
}
.chip-red {
    -fx-background-color: #fee2e2;
    -fx-text-fill: #b91c1c;
}

.stat-card {
    -fx-min-height: 112;
}
.stat-card .stat-label {
    -fx-text-fill: #64748b;
    -fx-font-size: 12px;
    -fx-font-weight: 700;
}
.stat-card .stat-value {
    -fx-text-fill: #0f172a;
    -fx-font-size: 28px;
    -fx-font-weight: 800;
}

.combo-box .list-cell {
    -fx-text-fill: #0f172a;
}

.scroll-pane {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
}

.workspace-split-pane {
    -fx-background-color: transparent;
}
.workspace-split-pane .split-pane-divider {
    -fx-background-color: rgba(148,163,184,0.28);
}
.workspace-split-pane > .split-pane-divider {
    -fx-background-color: rgba(148,163,184,0.28);
    -fx-padding: 0 1 0 1;
}

.workspace-card {
    -fx-background-color: rgba(255,255,255,0.98);
    -fx-background-radius: 20;
    -fx-border-radius: 20;
    -fx-border-color: rgba(148,163,184,0.18);
    -fx-effect: dropshadow(gaussian, rgba(15,23,42,0.08), 18, 0.16, 0, 6);
}

.toolbar {
    -fx-spacing: 10;
    -fx-alignment: center-left;
}

.detail-line {
    -fx-text-fill: #29415f;
    -fx-font-size: 13px;
    -fx-font-weight: 600;
}

.detail-value {
    -fx-text-fill: #0f172a;
    -fx-font-size: 13px;
    -fx-font-weight: 700;
}

.login-footer {
    -fx-text-fill: #6b7c93;
    -fx-font-size: 12px;
}


/* Legacy aliases used by older views */
.primary-btn {
    -fx-background-color: linear-gradient(to right, #2563eb, #3b82f6);
    -fx-text-fill: white;
    -fx-background-radius: 12;
    -fx-padding: 10 16 10 16;
    -fx-font-weight: 800;
    -fx-cursor: hand;
}
.secondary-btn {
    -fx-background-color: #e8eef9;
    -fx-text-fill: #15325b;
    -fx-background-radius: 12;
    -fx-padding: 10 16 10 16;
    -fx-font-weight: 800;
    -fx-cursor: hand;
}
.danger-btn {
    -fx-background-color: #ffe4e6;
    -fx-text-fill: #be123c;
    -fx-background-radius: 12;
    -fx-padding: 10 16 10 16;
    -fx-font-weight: 800;
    -fx-cursor: hand;
}
.ghost-btn {
    -fx-background-color: transparent;
    -fx-text-fill: #37507b;
    -fx-border-color: rgba(59,130,246,0.22);
    -fx-border-width: 1;
    -fx-background-radius: 12;
    -fx-padding: 10 16 10 16;
    -fx-font-weight: 800;
    -fx-cursor: hand;
}


.profile-card {
    -fx-padding: 16;
    -fx-background-radius: 18;
    -fx-background-color: rgba(15,23,42,0.72);
    -fx-border-color: rgba(255,255,255,0.10);
    -fx-border-radius: 18;
}
.profile-header {
    -fx-alignment: center-left;
}
.profile-avatar {
    -fx-min-width: 42;
    -fx-min-height: 42;
    -fx-pref-width: 42;
    -fx-pref-height: 42;
    -fx-background-radius: 999;
    -fx-background-color: linear-gradient(to bottom right, #2563eb, #1d4ed8);
    -fx-text-fill: white;
    -fx-alignment: center;
    -fx-font-size: 14px;
    -fx-font-weight: 800;
}
.profile-name {
    -fx-text-fill: #f8fbff;
    -fx-font-size: 15px;
    -fx-font-weight: 800;
}
.profile-login {
    -fx-text-fill: #bdd0ea;
    -fx-font-size: 12px;
}
.profile-role {
    -fx-text-fill: #dbeafe;
    -fx-font-size: 12px;
    -fx-font-weight: 800;
}
.sidebar-label {
    -fx-text-fill: #b8c7da;
    -fx-font-size: 11px;
    -fx-font-weight: 800;
    -fx-padding: 4 0 0 0;
}
.nav-box {
    -fx-spacing: 8;
    -fx-padding: 0 0 4 0;
}
.rich-editor {
    -fx-pref-height: 380;
    -fx-border-color: rgba(148,163,184,0.34);
    -fx-border-radius: 12;
    -fx-background-radius: 12;
}
.rich-editor .top-toolbar,
.rich-editor .bottom-toolbar {
    -fx-background-color: #f4f7fb;
}
.file-chip {
    -fx-background-color: #eff6ff;
    -fx-text-fill: #1d4ed8;
}


.empty-state {
    -fx-background-color: #f8fbff;
    -fx-border-color: #cbd9ee;
    -fx-border-width: 1;
    -fx-border-radius: 14;
    -fx-background-radius: 14;
    -fx-padding: 12 14 12 14;
    -fx-text-fill: #334155;
}

.filters-bar {
    -fx-spacing: 10;
    -fx-alignment: center-left;
}

.search-field {
    -fx-min-height: 40;
}

.numeric-field {
    -fx-min-width: 110;
    -fx-max-width: 150;
    -fx-alignment: center-right;
}


.combo-box-base:editable .text-field {
    -fx-background-color: transparent;
}

.combo-box-popup .list-cell {
    -fx-text-fill: #0f172a;
}

.card .muted-text, .card .field-hint {
    -fx-text-fill: #4b5e77;
}
.card .section-title, .card .field-title {
    -fx-text-fill: #0f172a;
}