diff --git a/web/13/labor/styles_workshop.css b/web/13/labor/styles_workshop.css new file mode 100644 index 0000000..d1f678e --- /dev/null +++ b/web/13/labor/styles_workshop.css @@ -0,0 +1,137 @@ +html { + font-size: 18px; +} + +body { + font-family: "Sansation", serif; + background-color: #020617; + color: #cbd5e1; +} + +form { + background-color: #0f172a; + border-radius: 15px; + border-color: #334155; + width: 40%; +} + +fieldset { + border-style: solid; + border-color: #475569; + border-radius: 15px; + border-width: 1px; +} + +legend { + color: #a78bfa; + font-size: 0.9rem; +} + +label { + font-size: 0.8rem; + color: #cbd5e1; +} + +input { + font-family: 'Sansation', sans-serif; + color: #ffffff; + background-color: #1e293b; + border-radius: 5px; + border-color: #475569; + border-style: solid; + border-width: 1px; + height: 2em; + width: 75%; +} + +input:focus { + outline: none; + border-color: #7c3aed; + box-shadow: 0 0 0 1px #7c3aed; +} + +input::placeholder { + font-family: "Orbitron", sans-serif; + color: #64748b; + font-size: 1em; + opacity: 0.5; +} + +.submit-button { + font-family: "Sansation", serif; + font-size: 0.8em; + background-color: #9333ea; + border-color: #7c3aed; + height: 2.5rem; + width: 50%; +} + +.styled-select { + appearance: none; + font-family: 'Sansation', sans-serif; + background-color: #1e293b; + color: #ffffff; + padding: 2px 4px; + border: 1px solid #334155; + border-radius: 4px; + font-size: 0.8rem; +} + +.styled-checkbox { + appearance: none; /* WEB-IB: bisher unbekannt */ + width: 1.2rem; + height: 1.2rem; + border: 1px solid #334155; + border-radius: 4px; + background-color: #1e293b; + + vertical-align: middle; /* WEB-IB: bisher unbekannt */ + cursor: pointer; /* WEB-IB: bisher unbekannt */ + position: relative; +} + +.styled-checkbox:checked { + background-color: #7c3aed; + border-color: #7c3aed; +} + +.styled-checkbox:checked::after { + content: "\2713"; + color: #ffffff; + font-size: 1rem; + + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); /* WEB-IB: bisher unbekannt */ +} + +.styled-radio { + appearance: none; /* WEB-IB: bisher unbekannt */ + width: 1.2rem; + height: 1.2rem; + border: 1px solid #334155; + border-radius: 50%; + background-color: #1e293b; + + vertical-align: middle; + position: relative; +} + +.styled-radio:checked { + border-color: #7c3aed; + background-color: #7c3aed; +} + +.styled-radio:checked::after { + content: ""; + width: 0.8rem; + height: 0.8rem; + background-color: #ffffff; + border-radius: 50%; + + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); /* WEB-IB: bisher unbekannt */ +} \ No newline at end of file diff --git a/web/13/labor/workshop-anmeldung.html b/web/13/labor/workshop-anmeldung.html new file mode 100644 index 0000000..e2e5649 --- /dev/null +++ b/web/13/labor/workshop-anmeldung.html @@ -0,0 +1,73 @@ + + + + + + + + + + Workshop-Anmeldung + + + +

Workshop-Anmeldung

+
+
+ Persönliche Angaben: +
+
+ +
+
+ +
+
+ +
+

+
+ +
+ Kursauswahl: +
+

+ +
+
+
+ +
+ Zusätzliche Optionen: + +
+ + +
+ + +
+
+ +
+ Teilnahmeformat: + Format wählen:
+ +
+ + +
+
+
+ +
+ + + \ No newline at end of file