Initial Commit
This commit is contained in:
„Lupus
162
src/CSS/adminpanel.css
Normal file
162
src/CSS/adminpanel.css
Normal file
@@ -0,0 +1,162 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Inconsolata|Lato:300,400,700');
|
||||
html, body, h1, h2, h3, h4, h5, h6, p, li, ol, ul, pre {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html, body { min-height: 100%; }
|
||||
|
||||
body {
|
||||
background-color: #345;
|
||||
background-image: linear-gradient(to bottom, #0009, transparent);
|
||||
color: #eee;
|
||||
font-family: 'Lato', sans-serif;
|
||||
font-size: 62.5%;
|
||||
padding: 0 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
code {
|
||||
background: #fff1;
|
||||
font-family: 'Inconsolata', monospace;
|
||||
padding: .2em .4em;
|
||||
}
|
||||
|
||||
.content {
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
color: #666;
|
||||
font-size: 1.6em;
|
||||
line-height: 1.4em;
|
||||
margin: 20px auto;
|
||||
margin-top: 80px;
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
max-width: 800px;
|
||||
}
|
||||
.content ul {
|
||||
margin: .5em 2em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color: #246c;
|
||||
background-image: linear-gradient(to bottom, transparent, #0009);
|
||||
border-top: 1px solid #fff3;
|
||||
box-shadow: inset 0 1px 0 #fff3, 0 0 32px #000;
|
||||
overflow: hidden;
|
||||
padding: 8px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 9001;
|
||||
}
|
||||
#footer a {
|
||||
color: #85c6f6;
|
||||
padding: 1em 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
#footer ul {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
justify-content: center;
|
||||
font-size: 2em;
|
||||
font-weight: 300;
|
||||
}
|
||||
#footer ul li {
|
||||
padding: 0 .5em;
|
||||
}
|
||||
|
||||
/* Appearance */
|
||||
.links {
|
||||
background-color: #123;
|
||||
background-image: linear-gradient(to bottom, #0003, transparent);
|
||||
border-bottom: 1px solid #0003;
|
||||
box-shadow: 0 0 32px #0003;
|
||||
font-size: 2em;
|
||||
font-weight: 300;
|
||||
}
|
||||
.links > a {
|
||||
color: #9ab;
|
||||
padding: .75em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
transition: all .5s;
|
||||
}
|
||||
.links > a:hover {
|
||||
background: #ffffff06;
|
||||
color: #adf;
|
||||
}
|
||||
.links > .line {
|
||||
background: #68a;
|
||||
height: 1px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* The Magic */
|
||||
#header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.links {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(var(--items), 1fr);
|
||||
position: relative;
|
||||
}
|
||||
.links > .line {
|
||||
opacity: 0;
|
||||
transition: all .5s;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: var(--left, calc(100% / var(--items) * (var(--index) - 1)));
|
||||
width: var(--width, calc(100% / var(--items)));
|
||||
--index: 0;
|
||||
}
|
||||
.links > a:hover ~ .line {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.links > a:nth-of-type(1):hover ~ .line { --index: 1; }
|
||||
.links > a:nth-of-type(2):hover ~ .line { --index: 2; }
|
||||
.links > a:nth-of-type(3):hover ~ .line { --index: 3; }
|
||||
.links > a:nth-of-type(4):hover ~ .line { --index: 4; }
|
||||
.links > a:nth-of-type(5):hover ~ .line { --index: 5; }
|
||||
.links > a:nth-of-type(6):hover ~ .line { --index: 6; }
|
||||
.links > a:nth-of-type(7):hover ~ .line { --index: 7; }
|
||||
.links > a:nth-of-type(8):hover ~ .line { --index: 8; }
|
||||
.links > a:nth-of-type(9):hover ~ .line { --index: 9; }
|
||||
.links > a:nth-of-type(10):hover ~ .line { --index: 10; }
|
||||
.links > a:last-of-type:hover ~ .line { --index: var(--items); }
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.nav-bar {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
background-color: #123;
|
||||
border-bottom: 1px solid #0003;
|
||||
box-shadow: 0 0 32px #0003;
|
||||
font-size: 2em;
|
||||
font-weight: 300;
|
||||
}
|
||||
.nav-item {
|
||||
/* flex-grow: 1; */
|
||||
width: 25%; /* Jedes Element nimmt 25% der Breite ein */
|
||||
text-align: center;
|
||||
}
|
||||
.nav-item a {
|
||||
display: block;
|
||||
padding: 1em;
|
||||
text-decoration: none;
|
||||
color: #9ab;
|
||||
transition: background-color 0.3s, color 0.3s;
|
||||
}
|
||||
.nav-item a:hover {
|
||||
background-color: #ffffff06;
|
||||
color: #adf;
|
||||
}
|
||||
125
src/CSS/adminpanel2.css
Normal file
125
src/CSS/adminpanel2.css
Normal file
@@ -0,0 +1,125 @@
|
||||
body {
|
||||
background: #1690A7;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
*{
|
||||
font-family: sans-serif;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
form {
|
||||
width: 500px;
|
||||
height: 460px;
|
||||
border: 2px solid #ccc;
|
||||
padding: 30px;
|
||||
background: #fff;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
input {
|
||||
display: block;
|
||||
border: 2px solid #ccc;
|
||||
width: 95%;
|
||||
padding: 10px;
|
||||
margin: 10px auto;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
label {
|
||||
color: #888;
|
||||
font-size: 18px
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
button {
|
||||
float: right;
|
||||
background: #555;
|
||||
padding: 10px 15px;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
margin-right: 10px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Verstecke die Standard-Checkbox */
|
||||
input.admin[type="checkbox"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Stilisierung des Labels für die Checkbox */
|
||||
.checkbox-container label {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
padding-left: 25px; /* Abstand zwischen Checkbox und Label */
|
||||
font-size: 16px;
|
||||
color: red;
|
||||
margin-left: 0.5%;
|
||||
}
|
||||
|
||||
/* Gestalten der benutzerdefinierten Checkbox */
|
||||
.checkbox-container label:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%); /* Zentrieren vertikal */
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* Ändern des Aussehens der benutzerdefinierten Checkbox, wenn sie aktiviert ist */
|
||||
.checkbox-container input.admin:checked + label:before {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
/* Stilisierung des Häkchens */
|
||||
.checkbox-container input.admin:checked + label:after {
|
||||
content: '\2713';
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 4px; /* Abstand von links */
|
||||
transform: translateY(-50%); /* Zentrieren vertikal */
|
||||
}
|
||||
|
||||
.error {
|
||||
background: #F2DEDE;
|
||||
color: #A94442;
|
||||
}
|
||||
|
||||
.error {
|
||||
background: #F2DEDE;
|
||||
color: #A94442;
|
||||
padding: 10px;
|
||||
width: 95%;
|
||||
border-radius: 5px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
|
||||
.message{
|
||||
background: #b9d5bc;
|
||||
color: #09b91d;
|
||||
padding: 10px;
|
||||
width: 95%;
|
||||
border-radius: 5px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
1704
src/CSS/bootstrap5.calendaricons.css
vendored
Normal file
1704
src/CSS/bootstrap5.calendaricons.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
11266
src/CSS/bootstrap5.calendartheme.css
vendored
Normal file
11266
src/CSS/bootstrap5.calendartheme.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
55
src/CSS/darkmodeslider.css
Normal file
55
src/CSS/darkmodeslider.css
Normal file
@@ -0,0 +1,55 @@
|
||||
body {
|
||||
transition: background-color 0.5s ease;
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slider-container {
|
||||
position: fixed;
|
||||
bottom: 0.1%;
|
||||
left: 0.1%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.slider {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
background: #ccc;
|
||||
outline: none;
|
||||
opacity: 0.7;
|
||||
border-radius: 20px;
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.slider::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background: #2196F3;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.slider::-moz-range-thumb {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background: #2196F3;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.slider::-moz-range-track {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #ccc;
|
||||
border-radius: 20px;
|
||||
}
|
||||
1426
src/CSS/fullcalendar.min.css
vendored
Normal file
1426
src/CSS/fullcalendar.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
97
src/CSS/home.css
Normal file
97
src/CSS/home.css
Normal file
@@ -0,0 +1,97 @@
|
||||
#loader-container {
|
||||
display: none; /* Anfangs verstecken */
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5); /* Hintergrund unscharf machen */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9999; /* sicherstellen, dass es über allem anderen liegt */
|
||||
}
|
||||
|
||||
#loader {
|
||||
border: 8px solid #f3f3f3; /* Hellgrauer Rand */
|
||||
border-top: 8px solid #3498db; /* Blaue Ladeanzeige */
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
animation: spin 1s linear infinite; /* Animationsdrehung */
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
.fc-toolbar-title {
|
||||
color: black;
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
.white {
|
||||
color: white;
|
||||
}
|
||||
.fc-event {
|
||||
font-size: 18px;
|
||||
}
|
||||
.fc-event-title {
|
||||
white-space: normal;
|
||||
}
|
||||
.fc-event-title-container {
|
||||
height: 25px;
|
||||
white-space: normal;
|
||||
}
|
||||
.button {
|
||||
position: fixed;
|
||||
left: 0.1%;
|
||||
top: 0.1%;
|
||||
background-color: #2e3cb8;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button-blue:hover {
|
||||
background: #21388c;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.button-logout {
|
||||
position: fixed;
|
||||
right: 0.1%;
|
||||
top: 0.1%;
|
||||
background-color: #2e3cb8;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button-admin {
|
||||
position: fixed;
|
||||
left: 0.1%;
|
||||
top: 0.1%;
|
||||
background-color: #2e3cb8;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
margin: 60px 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
BIN
src/CSS/images/ui-icons_444444_256x240.png
Normal file
BIN
src/CSS/images/ui-icons_444444_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
src/CSS/images/ui-icons_555555_256x240.png
Normal file
BIN
src/CSS/images/ui-icons_555555_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
src/CSS/images/ui-icons_777620_256x240.png
Normal file
BIN
src/CSS/images/ui-icons_777620_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
src/CSS/images/ui-icons_777777_256x240.png
Normal file
BIN
src/CSS/images/ui-icons_777777_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
src/CSS/images/ui-icons_cc0000_256x240.png
Normal file
BIN
src/CSS/images/ui-icons_cc0000_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
src/CSS/images/ui-icons_ffffff_256x240.png
Normal file
BIN
src/CSS/images/ui-icons_ffffff_256x240.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
75
src/CSS/index.css
Normal file
75
src/CSS/index.css
Normal file
@@ -0,0 +1,75 @@
|
||||
body {
|
||||
background: #1690A7;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
*{
|
||||
font-family: sans-serif;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
form {
|
||||
width: 500px;
|
||||
border: 2px solid #ccc;
|
||||
padding: 30px;
|
||||
background: #fff;
|
||||
border-radius: 15px
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
input {
|
||||
display: block;
|
||||
border: 2px solid #ccc;
|
||||
width: 95%;
|
||||
padding: 10px;
|
||||
margin: 10px auto;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
label {
|
||||
color: #888;
|
||||
font-size: 18px
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
button {
|
||||
float: right;
|
||||
background: #555;
|
||||
padding: 10px 15px;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
margin-right: 10px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.error {
|
||||
background: #F2DEDE;
|
||||
color: #A94442;
|
||||
}
|
||||
|
||||
.error {
|
||||
background: #F2DEDE;
|
||||
color: #A94442;
|
||||
padding: 10px;
|
||||
width: 95%;
|
||||
border-radius: 5px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
.message{
|
||||
background: #b9d5bc;
|
||||
color: #09b91d;
|
||||
padding: 10px;
|
||||
width: 95%;
|
||||
border-radius: 5px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
1314
src/CSS/jquery-ui.css
vendored
Normal file
1314
src/CSS/jquery-ui.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
24
src/CSS/searchtable.css
Normal file
24
src/CSS/searchtable.css
Normal file
@@ -0,0 +1,24 @@
|
||||
body {
|
||||
padding-right: 10%;
|
||||
padding-left: 10%;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
.lni-search {
|
||||
position: relative;
|
||||
top: 33px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
#myInput {
|
||||
background-position: 10px 12px;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%:
|
||||
font-size: 16px;
|
||||
padding: 22px 20px 12px 40px;
|
||||
border: 1px solid #ddd;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
98
src/CSS/searchtable2.css
Normal file
98
src/CSS/searchtable2.css
Normal file
@@ -0,0 +1,98 @@
|
||||
#myTable {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
border: 1px solid #ddd;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#myTable th, #myTable td {
|
||||
text-align: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
#myTable tr {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#myTable tr.header, #myTable tr:hover {
|
||||
background-color:#f1f1f1:
|
||||
}
|
||||
#loader-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5); /* Hintergrund unscharf machen */
|
||||
display: none; /* Anfangs verstecken */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9999; /* sicherstellen, dass es über allem anderen liegt */
|
||||
}
|
||||
|
||||
#loader {
|
||||
border: 8px solid #f3f3f3; /* Hellgrauer Rand */
|
||||
border-top: 8px solid #3498db; /* Blaue Ladeanzeige */
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
animation: spin 1s linear infinite; /* Animationsdrehung */
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
.inputField{
|
||||
display: inline-block;
|
||||
margin:0;
|
||||
margin:0 0 7px 0;
|
||||
background: linear-gradient(21deg, #10abff, #1beabd);
|
||||
border-radius: 5px;
|
||||
width: 150px;
|
||||
height: 25px;
|
||||
font-size: 16px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.button {
|
||||
transition-duration: 0.2s;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 5px;
|
||||
background-color: #2e3cb8;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 10px 25px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button-blue:hover {
|
||||
background: #21388c;
|
||||
}
|
||||
.button-round {
|
||||
transition-duration: 0.4s;
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
color: #000;
|
||||
padding: 8px 14px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #949494;
|
||||
}
|
||||
.button-round:hover{
|
||||
background-color: #949494;
|
||||
color: white;
|
||||
}
|
||||
107
src/CSS/showeventdata2.css
Normal file
107
src/CSS/showeventdata2.css
Normal file
@@ -0,0 +1,107 @@
|
||||
#myTable {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
border: 1px solid #ddd;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#myTable th, #myTable td {
|
||||
text-align: center;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
#myTable tr {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#myTable tr.header, #myTable tr:hover {
|
||||
background-color:#f1f1f1:
|
||||
}
|
||||
#loader-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5); /* Hintergrund unscharf machen */
|
||||
display: none; /* Anfangs verstecken */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9999; /* sicherstellen, dass es über allem anderen liegt */
|
||||
}
|
||||
|
||||
#loader {
|
||||
border: 8px solid #f3f3f3; /* Hellgrauer Rand */
|
||||
border-top: 8px solid #3498db; /* Blaue Ladeanzeige */
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
animation: spin 1s linear infinite; /* Animationsdrehung */
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
.spalte2 {
|
||||
font-size: 19px;
|
||||
}
|
||||
.inputField{
|
||||
display: inline-block;
|
||||
margin:0;
|
||||
margin:0 0 7px 0;
|
||||
background: linear-gradient(21deg, #10abff, #1beabd);
|
||||
border-radius: 5px;
|
||||
width: 150px;
|
||||
height: 25px;
|
||||
font-size: 16px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.button {
|
||||
transition-duration: 0.2s;
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 5px;
|
||||
background-color: #2e3cb8;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 10px 25px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button-blue:hover {
|
||||
background: #21388c;
|
||||
}
|
||||
.button-round {
|
||||
transition-duration: 0.4s;
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
color: #000;
|
||||
padding: 8px 14px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
border-radius: 10px;
|
||||
border: 2px solid #949494;
|
||||
box-shadow: 0 1px #999;
|
||||
}
|
||||
.button-round:hover{
|
||||
background-color: #949494;
|
||||
color: white;
|
||||
}
|
||||
.button-round:active {
|
||||
background-color: #6e6e6e;
|
||||
box-shadow: 0 1px #666;
|
||||
transform: translateY(1px);
|
||||
}
|
||||
Reference in New Issue
Block a user