Linus-Enjoyer/Freedom-Loader
1
0
Fork 0
mirror of https://github.com/MasterAcnolo/Freedom-Loader.git synced 2026-07-29 18:25:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

1.1

Browse Source
This commit is contained in:
MasterAcnolo
2025-07-02 22:24:46 +02:00
parent 751f3d5c3e
commit db654c5f82
27 changed files with 743 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
public/styles/layout/form.css
View File

@@ -1,5 +1,5 @@
form {
background-color: #fff;
background-color: var(--form-bg-color);
padding: 2em;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
@@ -13,8 +13,10 @@ form input[type="text"],
form input[type="url"],
form select {
padding: 0.75em;
border: 1px solid #ccc;
border: 1px solid var(--form-input-border-color);
border-radius: 8px;
background-color: var(--form-input-bg-color);
color: var(--form-input-text-color);
}
form input[type="checkbox"] {
@@ -22,8 +24,8 @@ form input[type="checkbox"] {
}
form button {
background-color: #007bff;
color: #fff;
background-color: var(--form-button-bg-color);
color: var(--form-button-text-color);
border: none;
padding: 0.75em;
border-radius: 8px;
@@ -32,42 +34,43 @@ form button {
}
form button:hover {
background-color: #0056b3;
background-color: var(--form-button-bg-hover-color);
}
form#downloadForm {
display: flex;
gap: 0.5em;
max-width: 600px;
width: 100%;
justify-content: center;
display: flex;
gap: 0.5em;
max-width: 600px;
width: 100%;
justify-content: center;
}
.checkbox-inline {
display: flex;
align-items: center;
align-self: center;
gap: 0.5em;
display: flex;
align-items: center;
align-self: center;
gap: 0.5em;
color: var(--form-input-text-color);
}
#UrlInput {
padding: 0.75em 1em;
border-color: #ccc;
box-shadow: none;
border-radius: 8px;
font-size: 1rem;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
background-color: #f9f9f9;
color: #333;
padding: 0.75em 1em;
border-color: var(--form-input-border-color);
box-shadow: none;
border-radius: 8px;
font-size: 1rem;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
background-color: var(--form-input-bg-color);
color: var(--form-input-text-color);
}
#UrlInput:focus {
border-color: #0056b3;
box-shadow: 0 0 5px rgba(0,123,255,0.4);
outline: none;
background-color: #fff;
border-color: var(--form-input-border-focus-color);
box-shadow: 0 0 5px rgba(0,123,255,0.4);
outline: none;
background-color: var(--form-input-bg-color);
}
#UrlInput::placeholder {
color: #aaa;
color: var(--form-input-placeholder-color);
}