dieter/test_dev
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add other public pages

Browse Source
This commit is contained in:
Dieter Blocher
2025-01-29 14:26:45 +00:00
parent 5146f356b6
commit bffd60bb94
13 changed files with 216 additions and 317 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/public/stylesheets/style.css
View File

@@ -1,30 +1,24 @@
.h3
{
.h3 {
color: white;
}
h3:link
{
h3:link {
color: white;
}
h3:visited
{
h3:visited {
color: white;
}
h3:hover
{
h3:hover {
color: white;
}
h3:active
{
h3:active {
color: white;
}
h3:link
{
h3:link {
color: white;
}
@@ -39,21 +33,21 @@ a {
color: white;
}
.login-div{
position:relative;
display:inline-block;
width:960px;
.login-div {
position: relative;
display: inline-block;
width: 960px;
}
#login-hint{
#login-hint {
position: absolute;
left: 220px;
top: 353px;
visibility: hidden;
}
#login-hint-map{
#login-hint-map {
z-index: 1000;
position: absolute;
top: 370px;
@@ -62,243 +56,258 @@ a {
height: 80px;
}
.login-image-div:hover{
.login-image-div:hover {
float: left;
width: 240px;
height: 90px;
background: url("/pictures/userpass/background03_5x2.png")
}
.login-mask{
border:none;
.login-mask {
border: none;
margin: 0;
padding-inline: 5px;
background: #212121;
color: #36cb09;
width:311px;
width: 311px;
height: 27px;
}
#login-button{
#login-button {
vertical-align: middle;
text-align: center;
border: 0;
padding-inline: 2px;
background: #36cb09;
color: #212121;
width:75px;
width: 75px;
height: 33px;
font-weight: bold;
position: absolute;
left: 566px;
position: absolute;
left: 566px;
top: 301px;
}
.login-mask:focus{
border:none;
.login-mask:focus {
border: none;
outline: none;
}
.visible{
.visible {
visibility: visible;
}
.hidden{
.hidden {
visibility: hidden;
}
#user{
position: absolute; left: 320px; top: 154px;
#user {
position: absolute;
left: 320px;
top: 154px;
}
#password{
position: absolute; left: 319px; top: 246px;
#password {
position: absolute;
left: 319px;
top: 246px;
}
#credentials-error {
position: absolute; left: 315px; top: 300px;
position: absolute;
left: 315px;
top: 300px;
color: #36cb09;
}
.math-div{
position:relative;
display:inline-block;
width:960px;
.math-div {
position: relative;
display: inline-block;
width: 960px;
}
.math-mask{
border:none;
.math-mask {
border: none;
margin: 0;
padding-inline: 5px;
background: #FFFFFF;
color: black;
width:144px;
width: 144px;
height: 22px;
}
.math-mask:focus{
border:none;
.math-mask:focus {
border: none;
outline: none;
}
#abgeben-button{
#abgeben-button {
vertical-align: middle;
text-align: center;
padding-inline: 2px;
background: white;
color: #212121;
width:75px;
width: 75px;
height: 33px;
font-weight: bold;
position: absolute;
left: 529px;
position: absolute;
left: 529px;
top: 405px;
}
#wrong-solution{
position: absolute;
left: 613px;
#wrong-solution {
position: absolute;
left: 613px;
top: 343px;
color: red;
font-size: xx-large;
}
#nullstelle{
position: absolute; left: 446px; top: 346px;
#nullstelle {
position: absolute;
left: 446px;
top: 346px;
}
.hidden_content
{
.hidden_content {
color: black;
}
.hidden_link:link
{
.hidden_link:link {
color: black;
}
.hidden_link:visited
{
.hidden_link:visited {
color: black;
}
.hidden_link:hover
{
.hidden_link:hover {
color: black;
}
.hidden_link:active
{
.hidden_link:active {
color: black;
}
.hidden_link:link
{
.hidden_link:link {
color: black;
}
.userdata-div{
position:relative;
display:inline-block;
width:960px;
.userdata-div {
position: relative;
display: inline-block;
width: 960px;
}
.userdata-mask
{
.userdata-mask {
margin: 0;
padding-inline: 5px;
background: #FFFFFF;
color: black;
width:300px;
width: 300px;
height: 22px;
}
.userdata-submit-mask
{
.userdata-submit-mask {
margin: 0;
padding-inline: 5px;
background: lightgrey;
color: black;
width:150px;
width: 150px;
height: 24px;
}
.userdata-lable-mask
{
.userdata-lable-mask {
color: black;
font-size: small;
}
#firstname_label
{
position: absolute; left: 300px; top: 170px;
#firstname_label {
position: absolute;
left: 300px;
top: 170px;
}
#firstname
{
position: absolute; left: 300px; top: 200px;
#firstname {
position: absolute;
left: 300px;
top: 200px;
}
#familyname_label
{
position: absolute; left: 300px; top: 230px;
#familyname_label {
position: absolute;
left: 300px;
top: 230px;
}
#familyname
{
position: absolute; left: 300px; top: 260px;
#familyname {
position: absolute;
left: 300px;
top: 260px;
}
#email_label
{
position: absolute; left: 300px; top: 290px;
#email_label {
position: absolute;
left: 300px;
top: 290px;
}
#email
{
position: absolute; left: 300px; top: 320px;
#email {
position: absolute;
left: 300px;
top: 320px;
}
#phonenumber_label
{
position: absolute; left: 300px; top: 350px;
#phonenumber_label {
position: absolute;
left: 300px;
top: 350px;
}
#phonenumber
{
position: absolute; left: 300px; top: 380px;
#phonenumber {
position: absolute;
left: 300px;
top: 380px;
}
#submit_data
{
position: absolute; left: 300px; top: 440px;
#submit_data {
position: absolute;
left: 300px;
top: 440px;
}
#typewriter
{
position: absolute; left: 275px; top: 50px;
width:410px;
#typewriter {
position: absolute;
left: 275px;
top: 50px;
width: 410px;
text-align: left;
}
.type {
font-size: 17px;
color:#0000;
color: #0000;
background:
linear-gradient(-90deg,black 5px,#0000 0) 10px 0,
linear-gradient(-90deg, black 5px, #0000 0) 10px 0,
linear-gradient(black 0 0) 0 0;
background-size:calc(var(--n)*1ch) 200%;
-webkit-background-clip:padding-box,text;
background-clip:padding-box,text;
background-repeat:no-repeat;
animation:
b .2s infinite steps(1),
t calc(var(--n)*.03s) steps(var(--n)) forwards;
background-size: calc(var(--n)*1ch) 200%;
-webkit-background-clip: padding-box, text;
background-clip: padding-box, text;
background-repeat: no-repeat;
animation:
b .2s infinite steps(1),
t calc(var(--n)*.03s) steps(var(--n)) forwards;
}
@keyframes t{
from {background-size:0 200%}
}
@keyframes b{
50% {background-position:0 -100%,0 0}
@keyframes t {
from {
background-size: 0 200%
}
}
@keyframes b {
50% {
background-position: 0 -100%, 0 0
}
}