bl3kunja/Sdk_TV_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling update

Browse Source
This commit is contained in:
bl3kunja
2025-11-12 17:49:56 +01:00
parent 64254454a4
commit 43a9b63c95
14 changed files with 150 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/index.html
+33 -18
View File
@@ -49,10 +49,10 @@
.round-nav-btn:hover {
background: #e9ecef;
border-color: #007bff;
border-color: #28a745;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px);
color: #007bff;
color: #28a745;
}
.round-nav-btn:disabled {
@@ -230,7 +230,7 @@
/* Camera Number Indicator */
.card-header {
background: linear-gradient(90deg, #007bff 0%, #007bff 60px, #1a1a1a 60px);
background: linear-gradient(90deg, #28a745 0%, #28a745 60px, #1a1a1a 60px);
border-bottom: 2px solid #333;
padding: 12px 15px 12px 0;
display: flex;
@@ -264,8 +264,8 @@
}
.camera-card:hover .card-header {
background: linear-gradient(90deg, #0056b3 0%, #0056b3 60px, #2d2d2d 60px);
border-bottom-color: #007bff;
background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 60px, #2d2d2d 60px);
border-bottom-color: #28a745;
}
/* Tooltip for camera cards */
@@ -376,7 +376,7 @@
margin: -5px 0 20px 0;
font-size: 1.2rem;
color: #2c3e50;
border-bottom: 3px solid #007bff;
border-bottom: 3px solid #28a745;
padding-bottom: 8px;
font-weight: 600;
text-transform: uppercase;
@@ -442,13 +442,28 @@
.nav-link:hover {
background: #f8f9fa;
border-color: #007bff;
color: #007bff;
border-color: #28a745;
color: #28a745;
transform: translateY(-2px);
box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
text-decoration: none !important;
}
/* Yellow hollow style for first 3 tournament nav links */
.settings-group:has(h4[data-i18n="league.tournaments"]) .nav-link {
border: 2px solid #dee2e6;
background: white;
color: #333;
font-weight: 500;
}
.settings-group:has(h4[data-i18n="league.tournaments"]) .nav-link:hover {
background: #fffbf0;
border-color: #ffc107;
color: #ff9800;
box-shadow: 0 5px 12px rgba(255, 152, 0, 0.2);
}
.camera-input {
width: 100%;
padding: 14px 18px;
@@ -464,21 +479,21 @@
}
.camera-input:focus {
border-color: #007bff;
border-color: #28a745;
box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
transform: translateY(-1px);
outline: none;
}
.camera-input:hover:not(:focus) {
border-color: #007bff;
border-color: #28a745;
box-shadow: 0 5px 12px rgba(0, 123, 255, 0.15);
transform: translateY(-1px);
}
.tournament-status-info {
background: #f0f8ff;
border: 2px solid #007bff;
border: 2px solid #28a745;
border-radius: 8px;
padding: 15px;
margin: 15px 0;
@@ -490,8 +505,8 @@
}
.tournament-btn {
background: #007bff !important;
border-color: #0056b3 !important;
background: #28a745 !important;
border-color: #1e7e34 !important;
color: white !important;
text-align: center;
font-size: 0.95rem !important;
@@ -500,7 +515,7 @@
}
.tournament-btn:hover {
background: #0056b3 !important;
background: #1e7e34 !important;
border-color: #004085 !important;
color: white !important;
text-decoration: none !important;
@@ -530,12 +545,12 @@
}
.card-header {
background: linear-gradient(90deg, #007bff 0%, #007bff 50px, #1a1a1a 50px);
background: linear-gradient(90deg, #28a745 0%, #28a745 50px, #1a1a1a 50px);
padding: 10px 12px 10px 0;
}
.camera-card:hover .card-header {
background: linear-gradient(90deg, #0056b3 0%, #0056b3 50px, #2d2d2d 50px);
background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 50px, #2d2d2d 50px);
}
.target-number {
@@ -592,12 +607,12 @@
}
.card-header {
background: linear-gradient(90deg, #007bff 0%, #007bff 45px, #1a1a1a 45px);
background: linear-gradient(90deg, #28a745 0%, #28a745 45px, #1a1a1a 45px);
padding: 8px 10px 8px 0;
}
.camera-card:hover .card-header {
background: linear-gradient(90deg, #0056b3 0%, #0056b3 45px, #2d2d2d 45px);
background: linear-gradient(90deg, #1e7e34 0%, #1e7e34 45px, #2d2d2d 45px);
}
.target-number {