Arculat hozzáadása

2026-09-12 12:38:39 +02:00
parent 717becd1fc
commit b2faeb2986
42 changed files with 1442 additions and 266 deletions
@@ -0,0 +1,10 @@
+@import url("workflow-check-variables.css");
+html { font-size: 16px; }
+body { margin: 0; background: var(--wfc-surface); color: var(--wfc-text); font-family: Inter, "Segoe UI", Arial, sans-serif; }
+a { color: var(--wfc-navy-700); text-decoration: none; }
+a:hover { color: var(--wfc-blue-500); }
+.wfc-page-title { margin: 0 0 1.25rem; color: var(--wfc-navy-900); font-size: 1.75rem; font-weight: 700; }
+.wfc-card, .card { border: 1px solid var(--wfc-border); border-radius: var(--wfc-radius); background: var(--wfc-white); box-shadow: var(--wfc-shadow); }
+.wfc-card-header, .card-header { border-bottom: 1px solid var(--wfc-border); background: var(--wfc-white); color: var(--wfc-navy-900); font-weight: 700; }
+.badge.bg-primary { background-color: var(--wfc-navy-700) !important; }
+.text-primary { color: var(--wfc-navy-700) !important; }
@@ -0,0 +1,11 @@
+.btn { border-radius: .5rem; font-weight: 650; transition: transform .12s ease,box-shadow .12s ease,background-color .12s ease; }
+.btn:focus-visible { box-shadow: var(--wfc-focus); }
+.btn-primary { border-color: var(--wfc-navy-700); background: var(--wfc-navy-700); color: #fff; }
+.btn-primary:hover,.btn-primary:focus { border-color: var(--wfc-navy-900); background: var(--wfc-navy-900); color: #fff; }
+.btn-info { border-color: var(--wfc-blue-500); background: var(--wfc-blue-500); color: var(--wfc-navy-950); }
+.btn-info:hover { border-color: #159FDC; background: #159FDC; color: var(--wfc-navy-950); }
+.btn-outline-primary { border-color: var(--wfc-navy-700); color: var(--wfc-navy-700); }
+.btn-outline-primary:hover { background: var(--wfc-navy-700); color: #fff; }
+.btn-success { border-color: var(--wfc-success); background: var(--wfc-success); }
+.btn-danger { border-color: var(--wfc-danger); background: var(--wfc-danger); }
+.btn:active { transform: translateY(1px); }
@@ -0,0 +1,9 @@
+table.dataTable { border-color: var(--wfc-border); background: #fff; }
+table.dataTable thead th,.table-primary th { border-color: #8ED4F5 !important; background: var(--wfc-blue-200) !important; color: var(--wfc-navy-900) !important; font-weight: 700; }
+table.dataTable tbody tr:hover { background: #EFF9FE !important; }
+.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select { border: 1px solid var(--wfc-border); border-radius: .45rem; }
+.dataTables_wrapper .dataTables_filter input:focus,.dataTables_wrapper .dataTables_length select:focus { border-color: var(--wfc-blue-500); outline: 0; box-shadow: var(--wfc-focus); }
+.page-item.active .page-link { border-color: var(--wfc-navy-700); background: var(--wfc-navy-700); }
+.page-link { color: var(--wfc-navy-700); }
+.page-link:focus { box-shadow: var(--wfc-focus); }
+div.dt-processing,.dataTables_processing { border: 1px solid var(--wfc-blue-200) !important; border-radius: .6rem !important; background: var(--wfc-navy-900) !important; color: var(--wfc-white) !important; box-shadow: var(--wfc-shadow); }
@@ -0,0 +1,7 @@
+.form-label { color: var(--wfc-navy-900); font-weight: 650; }
+.form-control,.form-select { min-height: 42px; border-color: var(--wfc-border); border-radius: .5rem; color: var(--wfc-text); }
+.form-control:focus,.form-select:focus { border-color: var(--wfc-blue-500); box-shadow: var(--wfc-focus); }
+.form-check-input:checked { border-color: var(--wfc-navy-700); background-color: var(--wfc-navy-700); }
+.form-check-input:focus { border-color: var(--wfc-blue-500); box-shadow: var(--wfc-focus); }
+.input-group-text { border-color: var(--wfc-border); background: #EDF4FA; color: var(--wfc-navy-700); }
+.validation-summary-errors,.field-validation-error { color: var(--wfc-danger); }
@@ -0,0 +1,12 @@
+.wfc-shell { min-height: 100vh; }
+.wfc-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 1040; width: var(--wfc-sidebar-width); overflow-y: auto; color: var(--wfc-white); background: linear-gradient(180deg,var(--wfc-navy-900),var(--wfc-navy-950)); transition: transform .22s ease; }
+.wfc-brand { display: flex; align-items: center; min-height: 78px; padding: 1rem 1.25rem; border-bottom: 1px solid rgb(255 255 255 / 12%); }
+.wfc-brand img { width: 100%; max-height: 46px; object-fit: contain; object-position: left center; }
+.wfc-nav { padding: 1rem .75rem; }
+.wfc-nav-link { display: flex; gap: .75rem; align-items: center; margin: .2rem 0; padding: .72rem .85rem; border-radius: .5rem; color: #DCEBFA; font-weight: 550; }
+.wfc-nav-link:hover { color: var(--wfc-white); background: rgb(56 189 248 / 13%); }
+.wfc-nav-link.active { color: var(--wfc-navy-900); background: var(--wfc-blue-200); box-shadow: inset 4px 0 0 var(--wfc-blue-500); }
+.wfc-content { min-height: 100vh; margin-left: var(--wfc-sidebar-width); }
+.wfc-topbar { position: sticky; top: 0; z-index: 1030; min-height: 64px; border-bottom: 1px solid var(--wfc-border); background: rgb(255 255 255 / 94%); backdrop-filter: blur(10px); }
+.wfc-main { padding: 1.5rem; }
+@media (max-width: 991.98px) { .wfc-sidebar { transform: translateX(-100%); } .wfc-sidebar.is-open { transform: translateX(0); } .wfc-content { margin-left: 0; } .wfc-main { padding: 1rem; } }
@@ -0,0 +1,19 @@
+:root {
+  --wfc-navy-950: #071629;
+  --wfc-navy-900: #0B1F3A;
+  --wfc-navy-700: #123C69;
+  --wfc-blue-500: #38BDF8;
+  --wfc-blue-200: #BAE6FD;
+  --wfc-white: #FFFFFF;
+  --wfc-surface: #F5F8FC;
+  --wfc-border: #D7E2EE;
+  --wfc-text: #10243E;
+  --wfc-muted: #64748B;
+  --wfc-success: #16875B;
+  --wfc-warning: #E28A17;
+  --wfc-danger: #D64545;
+  --wfc-sidebar-width: 264px;
+  --wfc-radius: .625rem;
+  --wfc-shadow: 0 8px 24px rgb(11 31 58 / 10%);
+  --wfc-focus: 0 0 0 .2rem rgb(56 189 248 / 25%);
+}
@@ -0,0 +1,6 @@
+@import url("workflow-check-variables.css");
+@import url("workflow-check-base.css");
+@import url("workflow-check-layout.css");
+@import url("workflow-check-buttons.css");
+@import url("workflow-check-forms.css");
+@import url("workflow-check-datatables.css");