dcrubro/ssnj
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

novi vnos, izbris vnosov, itd.

Browse Source
This commit is contained in:
DcruBro
2026-05-08 17:51:25 +02:00
parent 6c694a73fb
commit e60826b8d9
10 changed files with 307 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
styles/main.css
View File

@@ -14,6 +14,8 @@
--toggle-icon-color: #f5f5f5;
--nav-btn-primary-bg: #007acc;
--nav-btn-primary-hover-bg: #006bb3;
--nav-btn-danger-bg: #e74c3c;
--nav-btn-danger-hover-bg: #c0392b;
}
:root[data-theme="light"] {
@@ -30,6 +32,8 @@
--toggle-icon-color: #444;
--nav-btn-primary-bg: #007acc;
--nav-btn-primary-hover-bg: #006bb3;
--nav-btn-danger-bg: #e74c3c;
--nav-btn-danger-hover-bg: #c0392b;
}
* {
@@ -270,13 +274,16 @@ nav {
font-weight: 500;
line-height: 1.1;
font-family: inherit;
cursor: pointer;
/* Smooth Theme Transition */
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}
.nav-btn:hover,
.nav-btn:focus-visible {
.nav-btn:focus-visible,
.page-btn:hover,
.page-btn:focus-visible {
background: var(--nav-btn-hover-bg);
border-color: var(--nav-btn-hover-border);
outline: none;
@@ -296,6 +303,20 @@ nav {
outline: none;
}
.nav-btn-danger {
background: var(--nav-btn-danger-bg);
border-color: var(--nav-btn-danger-bg);
color: #fff;
}
.nav-btn-danger:hover,
.nav-btn-danger:focus-visible {
background: var(--nav-btn-danger-hover-bg);
border-color: var(--nav-btn-danger-hover-bg);
color: #fff;
outline: none;
}
.contact-form {
display: flex;
flex-direction: column;
@@ -312,6 +333,90 @@ nav {
margin-right: 23px;
}
.page-unordered-list {
list-style-type: disc;
padding-left: 20px;
color: var(--text-color);
/* Smooth Theme Transition */
transition: color 0.25s ease;
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
visibility: hidden;
}
.close {
position: absolute;
top: 10px;
right: 10px;
font-size: 2rem;
background-color: var(--nav-btn-bg);
border: 1px solid var(--nav-btn-border);
border-radius: 4px;
padding: 0px 9px 3px 9px;
margin-top: 4px;
color: var(--text-color);
cursor: pointer;
transition: color 0.25s ease;
}
.close:hover {
color: var(--nav-btn-primary-bg);
}
.modal-content {
background: var(--nav-btn-bg);
padding: 20px;
border-radius: 8px;
width: 90%;
max-width: 400px;
position: relative;
color: var(--text-color);
transition: background-color 0.25s ease, color 0.25s ease;
}
.modal-buttons {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 20px;
}
.modal-buttons .page-btn:hover {
background: var(--nav-btn-hover-bg);
border-color: var(--nav-btn-hover-border);
color: var(--text-color);
outline: none;
cursor: pointer;
}
.modal-buttons .nav-btn-primary:hover {
background: var(--nav-btn-primary-hover-bg);
border-color: var(--nav-btn-primary-hover-bg);
color: #fff;
outline: none;
cursor: pointer;
}
.modal-buttons .nav-btn-danger:hover {
background: var(--nav-btn-danger-hover-bg);
border-color: var(--nav-btn-danger-hover-bg);
color: #fff;
outline: none;
cursor: pointer;
}
@media (max-width: 720px) {
header {
padding: 6px 8px;