WKVS_gitea/WKVS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Semi-stable version with old variable names

Browse Source
This commit is contained in:
Fabio Herzig
2026-07-16 18:43:30 +02:00
parent 3731183654
commit c8e7ce9174
165 changed files with 25654 additions and 9728 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/intern/css/kampfrichter.css
+96 -132
View File
@@ -11,6 +11,7 @@
--text-muted: #5e5e5e;
--disabled-bg: #f3f4f6;
--disabled-border: #cbd5f5;
--main-button: #36454F;
}
/* Base */
@@ -57,11 +58,6 @@ input {
border: none;
}
/* General numeric inputs in scoring area */
.bgSection input[type="number"] {
font-size: 16px;
}
.nopadding {
height: 40px;
}
@@ -78,13 +74,6 @@ input {
background: none;
}
@media (min-width: 1000px) {
.bgSection.open {
width: calc(100vw - 380px);
/* - 2 * var(--paddingSite) */
}
}
/* Cards */
.headerDivKampfrichter {
@@ -220,15 +209,6 @@ table {
}
}
.allTurnerinenDiv tr:hover {
background-color: #f4f4f4;
}
/*.allTurnerinenDiv tr.notHeaderRow:hover td{
-webkit-text-stroke: 0.75px currentColor;
color: currentColor;
}*/
/* Panel with inputs (new style, light) */
.div_edit_values_user {
@@ -249,11 +229,15 @@ table {
align-items: baseline;
font-size: 1.15rem;
letter-spacing: 0.01em;
flex-direction: column;
align-items: center;
}
.current-turnerin-name {
font-weight: 600;
color: var(--accent);
font-weight: 700;
color: #14141f;
margin: 10px 0 20px 0;
font-size: 1.5rem;
}
.heading_fv_nextturnerin {
@@ -289,7 +273,7 @@ table {
.editkampfrichter_user {
border-collapse: collapse;
background: #f9fafb;
border-radius: 12px;
border-radius: 5px;
overflow: hidden;
min-width: 180px;
box-shadow: 0 0 0 1px rgba(209, 213, 219, 0.9);
@@ -304,10 +288,10 @@ table {
.editkampfrichter_user th {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.09em;
color: var(--text-muted);
background: #f3f4f6;
color: #fff;
background: #232431;
font-weight: 500;
}
.table_endnote_edit {
@@ -318,7 +302,7 @@ table {
/* Tight cell for pure input */
.nopadding {
padding: 0.25rem 0.5rem !important;
padding: 0 !important;
}
/* Inputs inside edit card */
@@ -326,20 +310,22 @@ table {
.fullinput {
width: 100%;
box-sizing: border-box;
/*padding: 0.45rem 0.6rem;*/
border-radius: 8px;
border: 1px solid var(--border-subtle);
border: 2px solid var(--border-subtle);
background: #ffffff;
color: var(--text-main);
font-size: 0.9rem;
color: #000;
font-size: 1.2rem;
line-height: 1.3;
outline: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
text-align: center;
font-weight: 600;
border-radius: 0 0 5px 5px;
height: 40px;
letter-spacing: 2px;
}
.fullinput:focus {
border-color: var(--accent);
border: 4px solid var(--accent);
box-shadow: 0 0 0 1px rgba(45, 115, 172, 0.25);
background: #ffffff;
}
@@ -348,11 +334,12 @@ table {
.fullinput:disabled,
.fullinput[readonly] {
background: none;
background: #e2e2e2;
border: none;
color: #6b7280;
color: #000;
opacity: 1;
cursor: auto;
cursor: not-allowed;
font-weight: 400;
}
.fullinput:disabled:hover,
@@ -363,24 +350,6 @@ table {
border-color: var(--disabled-border);
}
/* Computed result fields even clearer */
/*[id^="e-note-"]:disabled {
background: #fff7d6;
background: repeating-linear-gradient(
135deg,
#ffefb0,
#ffefb0 6px,
#fff7d6 6px,
#fff7d6 12px
);
border-color: #f59e0b;
box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.7);
color: #92400e;
font-weight: 800;
text-align: center;
}*/
[id^="note-user-"]:disabled {
background: none;
border: none;
@@ -444,7 +413,7 @@ input[type="number"]::-webkit-outer-spin-button {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: baseline;
align-self: center;
}
/* Variants */
@@ -482,8 +451,7 @@ input[type="number"]::-webkit-outer-spin-button {
.submit-musik-start:hover,
.submit-musik-stopp:hover,
.submit-display-result:hover {
transform: translateY(-1px);
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
transform: scale(1.02);
}
.submit-display-turnerin:active,
@@ -491,8 +459,7 @@ input[type="number"]::-webkit-outer-spin-button {
.submit-musik-start:active,
.submit-musik-stopp:active,
.submit-display-result:active {
transform: translateY(0);
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
transform: scale(0.98);
}
/* Burger + menu (unchanged from your style) */
@@ -523,15 +490,16 @@ input[type="number"]::-webkit-outer-spin-button {
background-color: #fff;
box-shadow: none;
position: fixed;
left: 0;
top: 0;
height: 100svh;
right: 0;
top: 150px;
height: fit-content;
width: 100%;
max-width: 400px;
transform: translateX(-100%);
transform: translateX(100%);
z-index: 100;
padding: 20px;
transition: transform 0.45s cubic-bezier(.4, 0, .2, 1);
border-radius: 20px 0 0 20px;
transition: transform 0.2s cubic-bezier(.4, 0, .2, 1);
opacity: 1;
}
@@ -544,9 +512,7 @@ input[type="number"]::-webkit-outer-spin-button {
display: flex;
flex-direction: column;
gap: 14px;
min-height: 100vh;
overflow-y: auto;
padding-bottom: 80px;
}
.innerInternMenuDiv h3 {
@@ -621,7 +587,7 @@ input[type="number"]::-webkit-outer-spin-button {
.button_gruppe {
border: none;
background: #2d73ac;
background: var(--bg-top);
color: white;
width: 36px;
height: 36px;
@@ -633,7 +599,6 @@ input[type="number"]::-webkit-outer-spin-button {
}
.button_gruppe:hover {
background: #245d8a;
transform: scale(1.05);
}
@@ -681,28 +646,8 @@ input[type="number"]::-webkit-outer-spin-button {
transform: translateY(-2px);
}
.menuBg {
position: fixed;
inset: 0;
z-index: 98;
user-select: none;
pointer-events: none;
opacity: 0;
/*background: rgba(0, 0, 0, 0.15);*/
}
.menuBg.menuTransition {
transition: opacity 0.6s ease-out;
}
/*.menuBg.open {
opacity: 1;
pointer-events: auto;
user-select: all;
}*/
.menuTransition {
transition: all 0.6s ease-out;
transition: all 0.3s cubic-bezier(.4, 0, .2, 1);
}
.menuTransition>.kampfrichterBurgerMenuLine {
@@ -761,6 +706,7 @@ input[type="number"]::-webkit-outer-spin-button {
}
}
@media (min-width: 601px) {
.div_edit_values_user,
@@ -804,30 +750,6 @@ input[type="number"]::-webkit-outer-spin-button {
display: flex;
}
.msgDiv {
position: fixed;
bottom: 50px;
right: 20px;
display: flex;
align-items: end;
flex-direction: column-reverse;
gap: 10px;
}
.msgBox {
transform: translateX(calc(100% + 40px));
padding: 10px 15px;
color: #fff;
background-color: #5b5b5b98;
border-left: 4px solid;
border-radius: 2px;
transition: all 0.5s ease;
}
.msgBox.show {
transform: translateX(0);
}
.playcontrolDiv {
display: flex;
justify-content: center;
@@ -853,7 +775,6 @@ input[type="number"]::-webkit-outer-spin-button {
color: var(--bg-top);
}
.adminButtonDiv input,
.buttonNewAdminStyle {
background-color: var(--bg-top);
color: #fff;
@@ -866,21 +787,16 @@ input[type="number"]::-webkit-outer-spin-button {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.adminButtonDiv input {
margin: 10px 0 0 10px;
}
.adminButtonDiv input:hover {
filter: brightness(1.2);
}
.titleSingleAbt {
font-weight: 400;
color: var(--bg-top);
}
.adminButtonDiv {
display: block;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
}
table.widefat {
@@ -928,6 +844,13 @@ table.widefat {
display: flex;
}
@media (max-width: 750px) {
.editUserButtons {
flex-direction: column;
align-items: center;
}
}
.div-submit-display-result, .div-submit-display-start {
display: flex;
flex-direction: column;
@@ -937,6 +860,8 @@ table.widefat {
display: flex;
flex-direction: row;
gap: 3rem;
flex-wrap: wrap;
justify-content: center;
}
.singleNotentable {
@@ -945,6 +870,46 @@ table.widefat {
gap: 1rem;
}
.hidden {
display: none !important;
}
.opacity50 {
opacity: 0.5;
}
.blackBtn {
background: var(--main-button);
border: 1px solid #fff;
color: #ffffff;
padding: 10px 20px;
border-radius: 10px;
transition: transform 0.3s ease;
letter-spacing: 1px;
display: flex;
align-self: flex-start;
}
.blackBtn:hover {
transform: scale(1.02);
}
.blackBtn:active {
transform: scale(0.98);
}
.customDisplayEditorTable tr:nth-child(odd).notpaid td {
background-color: #fff0f0;
}
.customDisplayEditorTable tr:nth-child(even).notpaid td {
background-color: #ffe5e5;
}
.customDisplayEditorTable tr.notpaid:hover td {
background-color: #ffdbdb !important;
}
select {
appearance: none;
/* Standard */
@@ -961,10 +926,7 @@ select {
border-radius: 4px;
background-color: #fff;
background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\
<path d='M6 9L12 15L18 9' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M6 9L12 15L18 9' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\</svg>");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 20px;
@@ -973,8 +935,10 @@ select {
}
select:open {
background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\
<path d='M18 15L12 9L6 15' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\<path d='M18 15L12 9L6 15' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\</svg>");
}
.horizontalLabelWrapper {
display: flex;
flex-direction: column;
}