Comenius-Institut/image-rights-html-generator
11
0
Fork 0
Code Issues 8 Pull requests Projects Releases 3 Packages Wiki Activity Actions

initial

Browse source
This commit is contained in:
Joachim Happel 2024-06-03 23:21:41 +02:00
parent cccdd37386
commit 87d6f42f0b
1941 changed files with 301668 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

133
css/style.css Normal file
View file

@ -0,0 +1,133 @@
/* Modal Hintergrund */
#modal {
display: none;
}
#modal.hidden {
display: none;
}
#modal:not(.hidden) {
display: flex;
}
#modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 200000;
justify-content: center;
align-items: center;
}
/* Modal Inhalt */
#modal .modal-content {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
max-width: 500px;
width: 100%;
overflow-y: auto;
max-height: 90vh;
}
#modal.dark .modal-content {
background-color: #333;
color: #fff;
}
/* Formular Elemente */
#metaDataForm label {
display: block;
margin-top: 10px;
font-weight: 600;
color: #333;
}
#metaDataForm input {
width: 100%;
padding: 8px;
margin-top: 5px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
#metaDataForm input:focus {
border-color: #007bff;
outline: none;
box-shadow: 0 0 2px rgba(0, 123, 255, 0.25);
}
#metaDataForm .btn-container {
display: flex;
justify-content: flex-end;
margin-top: 20px;
}
#metaDataForm button {
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
#metaDataForm button[type="submit"] {
background-color: #007bff;
color: #fff;
}
#metaDataForm button[type="button"] {
background-color: #6c757d;
color: #fff;
margin-left: 10px;
}
/* Dunkelmodus */
#modal.dark #metaDataForm label {
color: #ddd;
}
#modal.dark #metaDataForm input {
background-color: #444;
color: #ddd;
border-color: #555;
}
#modal.dark #metaDataForm input:focus {
border-color: #80bdff;
box-shadow: 0 0 2px rgba(128, 189, 255, 0.25);
}
#modal.dark #metaDataForm button[type="submit"] {
background-color: #007bff;
}
#modal.dark #metaDataForm button[type="button"] {
background-color: #6c757d;
}
#modal .bg-white {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
max-width: 500px;
width: 100%;
}
#openModal {
background-color: #007bff;
color: #fff;
padding: 6px 19px;
border: none;
border-radius: 4px;
cursor: pointer;
max-width: 200px;
}
.media-modal #openModal {
position: fixed;
margin-top: 26px;
}