fix: remove unsupported cursor:auto and normalize rgb() spacing in USS files
This commit is contained in:
rgriffith committed
1 parent
f2a782f0bd
commit
9b892e5289
7 files changed
+144
-147
No files matched your search
@@ -4,9 +4,9 @@
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 8px 14px;
|
||||
background-color: rgb(17, 15, 28);
|
||||
background-color: rgb(17,15,28);
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: rgb(50, 40, 80);
|
||||
border-bottom-color: rgb(50,40,80);
|
||||
}
|
||||
|
||||
.deck-dropdown { flex-grow: 1; margin: 0 8px; }
|
||||
@@ -24,7 +24,7 @@
|
||||
flex-direction: column;
|
||||
border-radius: 0;
|
||||
border-right-width: 1px;
|
||||
border-right-color: rgb(50, 40, 80);
|
||||
border-right-color: rgb(50,40,80);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -37,32 +37,32 @@
|
||||
/* Bubbles */
|
||||
.chat-bubble-user {
|
||||
align-self: flex-end;
|
||||
background-color: rgb(60, 42, 110);
|
||||
background-color: rgb(60,42,110);
|
||||
border-radius: 14px 14px 4px 14px;
|
||||
padding: 8px 14px;
|
||||
max-width: 70%;
|
||||
margin: 4px 8px;
|
||||
color: rgb(230, 220, 255);
|
||||
color: rgb(230,220,255);
|
||||
font-size: 13px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.chat-bubble-coach {
|
||||
align-self: flex-start;
|
||||
background-color: rgb(24, 20, 40);
|
||||
background-color: rgb(24,20,40);
|
||||
border-width: 1px;
|
||||
border-color: rgb(70, 55, 110);
|
||||
border-color: rgb(70,55,110);
|
||||
border-radius: 14px 14px 14px 4px;
|
||||
padding: 8px 14px;
|
||||
max-width: 78%;
|
||||
margin: 4px 8px;
|
||||
color: rgb(200, 195, 215);
|
||||
color: rgb(200,195,215);
|
||||
font-size: 13px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.typing-indicator {
|
||||
color: rgb(140, 120, 200);
|
||||
color: rgb(140,120,200);
|
||||
font-size: 12px;
|
||||
padding: 4px 14px;
|
||||
-unity-font-style: italic;
|
||||
@@ -73,8 +73,8 @@
|
||||
align-items: center;
|
||||
padding: 8px 12px;
|
||||
border-top-width: 1px;
|
||||
border-top-color: rgb(50, 40, 80);
|
||||
background-color: rgb(17, 15, 28);
|
||||
border-top-color: rgb(50,40,80);
|
||||
background-color: rgb(17,15,28);
|
||||
}
|
||||
|
||||
.chat-input { flex-grow: 1; margin-right: 6px; }
|
||||
@@ -97,30 +97,30 @@
|
||||
|
||||
.stat-chip {
|
||||
flex-grow: 1;
|
||||
background-color: rgb(28, 24, 44);
|
||||
background-color: rgb(28,24,44);
|
||||
border-radius: 8px;
|
||||
padding: 8px;
|
||||
margin: 3px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(70, 55, 100);
|
||||
border-color: rgb(70,55,100);
|
||||
}
|
||||
|
||||
.chart-rect {
|
||||
background-color: rgb(16, 14, 26);
|
||||
background-color: rgb(16,14,26);
|
||||
border-radius: 6px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(55, 42, 90);
|
||||
border-color: rgb(55,42,90);
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.mana-chart { height: 100px; }
|
||||
.chart-sub { font-size: 10px; color: rgb(120, 110, 150); margin-top: 2px; }
|
||||
.chart-sub { font-size: 10px; color: rgb(120,110,150); margin-top: 2px; }
|
||||
|
||||
.precon-panel {
|
||||
background-color: rgb(22, 18, 35);
|
||||
background-color: rgb(22,18,35);
|
||||
border-radius: 8px;
|
||||
padding: 10px;
|
||||
margin-top: 8px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(60, 45, 90);
|
||||
border-color: rgb(60,45,90);
|
||||
}
|
||||
@@ -4,9 +4,9 @@
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 8px 14px;
|
||||
background-color: rgb(17, 15, 28);
|
||||
background-color: rgb(17,15,28);
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: rgb(50, 40, 80);
|
||||
border-bottom-color: rgb(50,40,80);
|
||||
}
|
||||
|
||||
.search-input { flex-grow: 1; margin-right: 8px; }
|
||||
@@ -25,7 +25,7 @@
|
||||
flex-shrink: 0;
|
||||
overflow-y: auto;
|
||||
border-right-width: 1px;
|
||||
border-right-color: rgb(50, 40, 80);
|
||||
border-right-color: rgb(50,40,80);
|
||||
border-radius: 0;
|
||||
padding: 14px 10px;
|
||||
}
|
||||
@@ -59,24 +59,23 @@
|
||||
margin: 5px;
|
||||
border-radius: 8px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(70, 55, 110);
|
||||
background-color: rgb(22, 18, 36);
|
||||
border-color: rgb(70,55,110);
|
||||
background-color: rgb(22,18,36);
|
||||
overflow: hidden;
|
||||
cursor: auto;
|
||||
transition-duration: 0.15s;
|
||||
}
|
||||
|
||||
.card-tile:hover {
|
||||
border-color: rgb(150, 110, 255);
|
||||
border-color: rgb(150,110,255);
|
||||
scale: 1.04;
|
||||
}
|
||||
|
||||
.card-tile-name {
|
||||
font-size: 10px;
|
||||
color: rgb(200, 190, 220);
|
||||
color: rgb(200,190,220);
|
||||
-unity-text-align: middle-center;
|
||||
padding: 3px;
|
||||
background-color: rgba(10, 8, 20, 0.8);
|
||||
background-color: rgba(10,8,20,0.8);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@@ -93,7 +92,7 @@
|
||||
.detail-overlay {
|
||||
position: absolute;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
background-color: rgba(5, 3, 15, 0.85);
|
||||
background-color: rgba(5,3,15,0.85);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: none;
|
||||
@@ -102,7 +101,7 @@
|
||||
.detail-card {
|
||||
width: 680px;
|
||||
max-width: 95%;
|
||||
border-color: rgb(100, 70, 180);
|
||||
border-color: rgb(100,70,180);
|
||||
border-width: 2px;
|
||||
position: relative;
|
||||
}
|
||||
@@ -121,28 +120,28 @@
|
||||
.card-art-front {
|
||||
width: 200px;
|
||||
height: 280px;
|
||||
background-color: rgb(30, 25, 50);
|
||||
background-color: rgb(30,25,50);
|
||||
border-radius: 10px;
|
||||
border-width: 2px;
|
||||
border-color: rgb(80, 60, 130);
|
||||
border-color: rgb(80,60,130);
|
||||
}
|
||||
|
||||
.card-art-back {
|
||||
width: 80px;
|
||||
height: 112px;
|
||||
background-color: rgb(20, 16, 35);
|
||||
background-color: rgb(20,16,35);
|
||||
border-radius: 6px;
|
||||
margin-top: 8px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(60, 45, 90);
|
||||
border-color: rgb(60,45,90);
|
||||
}
|
||||
|
||||
.detail-info-col { flex-grow: 1; }
|
||||
.detail-name { font-size: 20px; color: rgb(220, 200, 255); -unity-font-style: bold; margin-bottom: 6px; }
|
||||
.detail-name { font-size: 20px; color: rgb(220,200,255); -unity-font-style: bold; margin-bottom: 6px; }
|
||||
.detail-mana { font-size: 14px; margin-bottom: 6px; }
|
||||
|
||||
.oracle-text {
|
||||
color: rgb(190, 180, 200);
|
||||
color: rgb(190,180,200);
|
||||
font-size: 12px;
|
||||
white-space: normal;
|
||||
flex-grow: 1;
|
||||
@@ -154,6 +153,6 @@
|
||||
right: 8px;
|
||||
padding: 4px 10px;
|
||||
font-size: 16px;
|
||||
background-color: rgb(70, 20, 30);
|
||||
border-color: rgb(160, 50, 60);
|
||||
background-color: rgb(70,20,30);
|
||||
border-color: rgb(160,50,60);
|
||||
}
|
||||
@@ -7,8 +7,8 @@
|
||||
.lab-root {
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
background-color: rgb(13, 13, 20);
|
||||
color: rgb(220, 210, 190);
|
||||
background-color: rgb(13,13,20);
|
||||
color: rgb(220,210,190);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@@ -17,15 +17,15 @@
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 10px 18px;
|
||||
background-color: rgb(20, 16, 30);
|
||||
background-color: rgb(20,16,30);
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-color: rgb(90, 60, 160);
|
||||
border-bottom-color: rgb(90,60,160);
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.nav-title {
|
||||
font-size: 20px;
|
||||
color: rgb(180, 140, 255);
|
||||
color: rgb(180,140,255);
|
||||
-unity-font-style: bold;
|
||||
flex-grow: 1;
|
||||
letter-spacing: 1px;
|
||||
@@ -33,56 +33,55 @@
|
||||
|
||||
/* ── Buttons ── */
|
||||
.btn {
|
||||
background-color: rgb(60, 42, 100);
|
||||
color: rgb(220, 210, 190);
|
||||
background-color: rgb(60,42,100);
|
||||
color: rgb(220,210,190);
|
||||
border-width: 1px;
|
||||
border-color: rgb(100, 70, 180);
|
||||
border-color: rgb(100,70,180);
|
||||
border-radius: 6px;
|
||||
padding: 8px 16px;
|
||||
margin: 4px;
|
||||
font-size: 13px;
|
||||
cursor: auto;
|
||||
transition-duration: 0.15s;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background-color: rgb(80, 55, 140);
|
||||
border-color: rgb(150, 110, 255);
|
||||
background-color: rgb(80,55,140);
|
||||
border-color: rgb(150,110,255);
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
background-color: rgb(50, 35, 85);
|
||||
background-color: rgb(50,35,85);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: rgb(80, 50, 170);
|
||||
border-color: rgb(150, 100, 255);
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgb(80,50,170);
|
||||
border-color: rgb(150,100,255);
|
||||
color: rgb(255,255,255);
|
||||
-unity-font-style: bold;
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background-color: rgb(100, 65, 210);
|
||||
background-color: rgb(100,65,210);
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background-color: rgb(120, 30, 40);
|
||||
border-color: rgb(200, 60, 70);
|
||||
color: rgb(255, 180, 180);
|
||||
background-color: rgb(120,30,40);
|
||||
border-color: rgb(200,60,70);
|
||||
color: rgb(255,180,180);
|
||||
}
|
||||
|
||||
.btn-danger:hover {
|
||||
background-color: rgb(160, 40, 55);
|
||||
background-color: rgb(160,40,55);
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background-color: rgb(30, 100, 50);
|
||||
border-color: rgb(60, 180, 90);
|
||||
color: rgb(180, 255, 190);
|
||||
background-color: rgb(30,100,50);
|
||||
border-color: rgb(60,180,90);
|
||||
color: rgb(180,255,190);
|
||||
}
|
||||
|
||||
.btn-success:hover {
|
||||
background-color: rgb(40, 130, 65);
|
||||
background-color: rgb(40,130,65);
|
||||
}
|
||||
|
||||
.btn-icon {
|
||||
@@ -92,9 +91,9 @@
|
||||
|
||||
/* ── Panel / Cards ── */
|
||||
.panel {
|
||||
background-color: rgb(20, 18, 32);
|
||||
background-color: rgb(20,18,32);
|
||||
border-width: 1px;
|
||||
border-color: rgb(60, 45, 100);
|
||||
border-color: rgb(60,45,100);
|
||||
border-radius: 10px;
|
||||
padding: 14px;
|
||||
margin: 6px;
|
||||
@@ -102,21 +101,21 @@
|
||||
|
||||
.panel-header {
|
||||
font-size: 16px;
|
||||
color: rgb(180, 140, 255);
|
||||
color: rgb(180,140,255);
|
||||
-unity-font-style: bold;
|
||||
margin-bottom: 10px;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: rgb(60, 45, 100);
|
||||
border-bottom-color: rgb(60,45,100);
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
/* ── Inputs & Dropdowns ── */
|
||||
.input-field {
|
||||
background-color: rgb(28, 24, 44);
|
||||
background-color: rgb(28,24,44);
|
||||
border-width: 1px;
|
||||
border-color: rgb(80, 60, 130);
|
||||
border-color: rgb(80,60,130);
|
||||
border-radius: 6px;
|
||||
color: rgb(220, 210, 190);
|
||||
color: rgb(220,210,190);
|
||||
padding: 6px 10px;
|
||||
font-size: 13px;
|
||||
margin: 3px 0;
|
||||
@@ -124,15 +123,15 @@
|
||||
}
|
||||
|
||||
.input-field:focus {
|
||||
border-color: rgb(140, 100, 255);
|
||||
border-color: rgb(140,100,255);
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
background-color: rgb(28, 24, 44);
|
||||
background-color: rgb(28,24,44);
|
||||
border-width: 1px;
|
||||
border-color: rgb(80, 60, 130);
|
||||
border-color: rgb(80,60,130);
|
||||
border-radius: 6px;
|
||||
color: rgb(220, 210, 190);
|
||||
color: rgb(220,210,190);
|
||||
padding: 4px 8px;
|
||||
font-size: 13px;
|
||||
margin: 3px 0;
|
||||
@@ -141,35 +140,35 @@
|
||||
|
||||
/* ── Labels ── */
|
||||
.label {
|
||||
color: rgb(160, 150, 180);
|
||||
color: rgb(160,150,180);
|
||||
font-size: 13px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.label-bold {
|
||||
color: rgb(200, 190, 220);
|
||||
color: rgb(200,190,220);
|
||||
font-size: 13px;
|
||||
-unity-font-style: bold;
|
||||
}
|
||||
|
||||
.stat-value {
|
||||
color: rgb(140, 200, 255);
|
||||
color: rgb(140,200,255);
|
||||
font-size: 22px;
|
||||
-unity-font-style: bold;
|
||||
}
|
||||
|
||||
/* ── Error Panel ── */
|
||||
.error-panel {
|
||||
background-color: rgb(60, 15, 20);
|
||||
background-color: rgb(60,15,20);
|
||||
border-width: 1px;
|
||||
border-color: rgb(180, 50, 60);
|
||||
border-color: rgb(180,50,60);
|
||||
border-radius: 8px;
|
||||
padding: 12px;
|
||||
margin: 8px;
|
||||
}
|
||||
|
||||
.error-text {
|
||||
color: rgb(255, 140, 140);
|
||||
color: rgb(255,140,140);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
@@ -179,69 +178,69 @@
|
||||
height: 32px;
|
||||
border-radius: 16px;
|
||||
border-width: 3px;
|
||||
border-color: rgb(100, 70, 200);
|
||||
border-top-color: rgb(200, 160, 255);
|
||||
border-color: rgb(100,70,200);
|
||||
border-top-color: rgb(200,160,255);
|
||||
margin: 8px auto;
|
||||
}
|
||||
|
||||
/* ── Scroll area ── */
|
||||
.scroll-view {
|
||||
flex-grow: 1;
|
||||
background-color: rgb(16, 14, 26);
|
||||
background-color: rgb(16,14,26);
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/* ── Divider ── */
|
||||
.divider {
|
||||
height: 1px;
|
||||
background-color: rgb(50, 40, 80);
|
||||
background-color: rgb(50,40,80);
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
/* ── Badge / Chip ── */
|
||||
.badge {
|
||||
background-color: rgb(60, 45, 100);
|
||||
background-color: rgb(60,45,100);
|
||||
border-radius: 12px;
|
||||
padding: 2px 10px;
|
||||
font-size: 11px;
|
||||
color: rgb(200, 180, 255);
|
||||
color: rgb(200,180,255);
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.badge-green { background-color: rgb(20, 70, 35); color: rgb(160, 255, 170); }
|
||||
.badge-red { background-color: rgb(70, 20, 25); color: rgb(255, 150, 150); }
|
||||
.badge-blue { background-color: rgb(20, 45, 90); color: rgb(140, 200, 255); }
|
||||
.badge-gold { background-color: rgb(70, 55, 10); color: rgb(255, 215, 100); }
|
||||
.badge-green { background-color: rgb(20,70,35); color: rgb(160,255,170); }
|
||||
.badge-red { background-color: rgb(70,20,25); color: rgb(255,150,150); }
|
||||
.badge-blue { background-color: rgb(20,45,90); color: rgb(140,200,255); }
|
||||
.badge-gold { background-color: rgb(70,55,10); color: rgb(255,215,100); }
|
||||
|
||||
/* ── MTG color identity dots ── */
|
||||
.color-w { background-color: rgb(248, 231, 185); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-u { background-color: rgb( 14, 104, 171); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-b { background-color: rgb( 21, 11, 0 ); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-r { background-color: rgb(211, 32, 42); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-g { background-color: rgb( 0, 115, 62); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-c { background-color: rgb(180, 180, 180); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-w { background-color: rgb(248,231,185); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-u { background-color: rgb(14,104,171); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-b { background-color: rgb(21,11,0); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-r { background-color: rgb(211,32,42); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-g { background-color: rgb(0,115,62); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
.color-c { background-color: rgb(180,180,180); border-radius: 8px; width:14px; height:14px; margin:1px; }
|
||||
|
||||
/* ── Progress bar ── */
|
||||
.progress-track {
|
||||
height: 12px;
|
||||
background-color: rgb(30, 25, 50);
|
||||
background-color: rgb(30,25,50);
|
||||
border-radius: 6px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(70, 55, 110);
|
||||
border-color: rgb(70,55,110);
|
||||
overflow: hidden;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 12px;
|
||||
background-color: rgb(100, 70, 220);
|
||||
background-color: rgb(100,70,220);
|
||||
border-radius: 6px;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
/* ── Toggle ── */
|
||||
.toggle-label {
|
||||
color: rgb(180, 170, 200);
|
||||
color: rgb(180,170,200);
|
||||
font-size: 13px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
|
||||
.step-header {
|
||||
font-size: 15px;
|
||||
color: rgb(160, 130, 255);
|
||||
color: rgb(160,130,255);
|
||||
}
|
||||
|
||||
.step-row {
|
||||
@@ -29,10 +29,10 @@
|
||||
.commander-results {
|
||||
max-height: 200px;
|
||||
margin: 6px 0;
|
||||
background-color: rgb(16, 14, 26);
|
||||
background-color: rgb(16,14,26);
|
||||
border-radius: 6px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(55, 42, 90);
|
||||
border-color: rgb(55,42,90);
|
||||
}
|
||||
|
||||
.commander-result-list { flex-direction: column; padding: 4px; }
|
||||
@@ -44,21 +44,20 @@
|
||||
padding: 6px 10px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 2px;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.commander-row:hover {
|
||||
background-color: rgb(45, 35, 75);
|
||||
background-color: rgb(45,35,75);
|
||||
}
|
||||
|
||||
.selected-commander-label {
|
||||
color: rgb(180, 240, 180);
|
||||
color: rgb(180,240,180);
|
||||
font-size: 14px;
|
||||
-unity-font-style: bold;
|
||||
padding: 6px 2px;
|
||||
margin-top: 4px;
|
||||
border-top-width: 1px;
|
||||
border-top-color: rgb(50, 40, 80);
|
||||
border-top-color: rgb(50,40,80);
|
||||
}
|
||||
|
||||
/* Two-column form layout */
|
||||
@@ -93,26 +92,26 @@
|
||||
}
|
||||
|
||||
/* Result */
|
||||
.result-panel { border-color: rgb(60, 160, 80); }
|
||||
.result-panel { border-color: rgb(60,160,80); }
|
||||
|
||||
.result-summary {
|
||||
font-size: 16px;
|
||||
color: rgb(160, 255, 170);
|
||||
color: rgb(160,255,170);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.mana-preview {
|
||||
font-size: 12px;
|
||||
color: rgb(140, 200, 255);
|
||||
color: rgb(140,200,255);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.result-card-scroll {
|
||||
max-height: 280px;
|
||||
background-color: rgb(16, 14, 26);
|
||||
background-color: rgb(16,14,26);
|
||||
border-radius: 6px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(55, 42, 90);
|
||||
border-color: rgb(55,42,90);
|
||||
}
|
||||
|
||||
.result-card-list { flex-direction: column; padding: 4px; }
|
||||
@@ -123,7 +122,7 @@
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.result-card-row:hover { background-color: rgb(35, 28, 58); }
|
||||
.result-card-row:hover { background-color: rgb(35,28,58); }
|
||||
|
||||
.result-actions {
|
||||
flex-direction: row;
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px 24px;
|
||||
background-color: rgba(15, 5, 25, 0.95);
|
||||
background-color: rgba(15,5,25,0.95);
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-color: #6b21a8;
|
||||
}
|
||||
@@ -25,7 +25,7 @@
|
||||
font-size: 12px;
|
||||
color: #9ca3af;
|
||||
padding: 4px 10px;
|
||||
background-color: rgba(107, 33, 168, 0.3);
|
||||
background-color: rgba(107,33,168,0.3);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
.server-config-panel {
|
||||
margin: 16px 24px;
|
||||
padding: 16px;
|
||||
background-color: rgba(30, 15, 50, 0.8);
|
||||
background-color: rgba(30,15,50,0.8);
|
||||
border-radius: 10px;
|
||||
border-width: 1px;
|
||||
border-color: #374151;
|
||||
@@ -115,17 +115,17 @@
|
||||
min-width: 220px;
|
||||
margin-right: 12px;
|
||||
padding: 20px;
|
||||
background-color: rgba(30, 15, 50, 0.85);
|
||||
background-color: rgba(30,15,50,0.85);
|
||||
border-radius: 12px;
|
||||
border-width: 1px;
|
||||
border-color: #374151;
|
||||
transition-property: border-color, background-color;
|
||||
transition-property: border-color,background-color;
|
||||
transition-duration: 0.2s;
|
||||
}
|
||||
|
||||
.nav-card:hover {
|
||||
border-color: #a855f7;
|
||||
background-color: rgba(45, 20, 75, 0.9);
|
||||
background-color: rgba(45,20,75,0.9);
|
||||
}
|
||||
|
||||
.nav-card-icon {
|
||||
@@ -165,7 +165,7 @@
|
||||
justify-content: space-between;
|
||||
margin: 0 24px 12px 24px;
|
||||
padding: 12px 16px;
|
||||
background-color: rgba(127, 29, 29, 0.6);
|
||||
background-color: rgba(127,29,29,0.6);
|
||||
border-radius: 8px;
|
||||
border-width: 1px;
|
||||
border-color: #dc2626;
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
|
||||
.slot-label {
|
||||
width: 24px;
|
||||
color: rgb(150, 130, 200);
|
||||
color: rgb(150,130,200);
|
||||
-unity-font-style: bold;
|
||||
font-size: 13px;
|
||||
margin-right: 8px;
|
||||
@@ -70,7 +70,7 @@
|
||||
|
||||
.status-text {
|
||||
font-size: 14px;
|
||||
color: rgb(180, 240, 180);
|
||||
color: rgb(180,240,180);
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
@@ -82,7 +82,7 @@
|
||||
|
||||
.winner-text {
|
||||
font-size: 18px;
|
||||
color: rgb(255, 215, 100);
|
||||
color: rgb(255,215,100);
|
||||
-unity-font-style: bold;
|
||||
margin: 6px 0;
|
||||
}
|
||||
@@ -96,14 +96,14 @@
|
||||
padding: 7px 10px;
|
||||
border-radius: 4px;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: rgb(40, 32, 65);
|
||||
border-bottom-color: rgb(40,32,65);
|
||||
}
|
||||
|
||||
.result-row:hover { background-color: rgb(30, 25, 50); }
|
||||
.result-header { background-color: rgb(25, 20, 42); }
|
||||
.result-header > Label { color: rgb(140, 120, 200); -unity-font-style: bold; }
|
||||
.result-row:hover { background-color: rgb(30,25,50); }
|
||||
.result-header { background-color: rgb(25,20,42); }
|
||||
.result-header > Label { color: rgb(140,120,200); -unity-font-style: bold; }
|
||||
|
||||
.col-name { flex-grow: 1; }
|
||||
.col-wr { width: 70px; color: rgb(140, 200, 140); -unity-font-style: bold; }
|
||||
.col-w { width: 55px; color: rgb(140, 200, 255); }
|
||||
.col-l { width: 55px; color: rgb(255, 140, 140); }
|
||||
.col-wr { width: 70px; color: rgb(140,200,140); -unity-font-style: bold; }
|
||||
.col-w { width: 55px; color: rgb(140,200,255); }
|
||||
.col-l { width: 55px; color: rgb(255,140,140); }
|
||||
@@ -26,17 +26,17 @@
|
||||
|
||||
.stat-cell {
|
||||
width: 48%;
|
||||
background-color: rgb(24, 20, 40);
|
||||
background-color: rgb(24,20,40);
|
||||
border-radius: 7px;
|
||||
padding: 8px 10px;
|
||||
margin: 3px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(60, 48, 95);
|
||||
border-color: rgb(60,48,95);
|
||||
}
|
||||
|
||||
.train-status {
|
||||
font-size: 13px;
|
||||
color: rgb(160, 230, 160);
|
||||
color: rgb(160,230,160);
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
@@ -50,18 +50,18 @@
|
||||
.charts-panel { flex-grow: 1; }
|
||||
|
||||
.train-chart {
|
||||
background-color: rgb(16, 14, 26);
|
||||
background-color: rgb(16,14,26);
|
||||
border-radius: 6px;
|
||||
border-width: 1px;
|
||||
border-color: rgb(55, 42, 90);
|
||||
border-color: rgb(55,42,90);
|
||||
height: 80px;
|
||||
margin: 4px 0 10px 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.accuracy-chart { border-color: rgb(40, 110, 55); }
|
||||
.loss-chart { border-color: rgb(110, 35, 40); }
|
||||
.accuracy-chart { border-color: rgb(40,110,55); }
|
||||
.loss-chart { border-color: rgb(110,35,40); }
|
||||
|
||||
/* ── Right Column ── */
|
||||
.train-right {
|
||||
@@ -85,28 +85,28 @@
|
||||
.feature-bar-label {
|
||||
width: 100px;
|
||||
font-size: 11px;
|
||||
color: rgb(180, 170, 200);
|
||||
color: rgb(180,170,200);
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.feature-bar-track {
|
||||
flex-grow: 1;
|
||||
height: 10px;
|
||||
background-color: rgb(30, 25, 50);
|
||||
background-color: rgb(30,25,50);
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.feature-bar-fill {
|
||||
height: 10px;
|
||||
background-color: rgb(100, 70, 200);
|
||||
background-color: rgb(100,70,200);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.feature-bar-value {
|
||||
width: 44px;
|
||||
font-size: 10px;
|
||||
color: rgb(140, 130, 170);
|
||||
color: rgb(140,130,170);
|
||||
margin-left: 6px;
|
||||
-unity-text-align: middle-right;
|
||||
}
|
||||
@@ -120,16 +120,16 @@
|
||||
flex-direction: row;
|
||||
padding: 6px 10px;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-color: rgb(40, 32, 65);
|
||||
border-bottom-color: rgb(40,32,65);
|
||||
}
|
||||
|
||||
.history-row:hover { background-color: rgb(28, 22, 46); }
|
||||
.history-header { background-color: rgb(22, 18, 38); }
|
||||
.history-header Label { color: rgb(130, 115, 185); -unity-font-style: bold; font-size: 12px; }
|
||||
.history-row:hover { background-color: rgb(28,22,46); }
|
||||
.history-header { background-color: rgb(22,18,38); }
|
||||
.history-header Label { color: rgb(130,115,185); -unity-font-style: bold; font-size: 12px; }
|
||||
|
||||
.h-ver { width: 70px; font-size: 13px; color: rgb(200, 180, 255); }
|
||||
.h-acc { flex-grow: 1; font-size: 13px; color: rgb(140, 200, 140); }
|
||||
.h-date { width: 140px; font-size: 11px; color: rgb(130, 120, 160); }
|
||||
.h-ver { width: 70px; font-size: 13px; color: rgb(200,180,255); }
|
||||
.h-acc { flex-grow: 1; font-size: 13px; color: rgb(140,200,140); }
|
||||
.h-date { width: 140px; font-size: 11px; color: rgb(130,120,160); }
|
||||
|
||||
/* Log */
|
||||
.log-panel { flex-grow: 1; }
|
||||
@@ -137,7 +137,7 @@
|
||||
|
||||
.log-text {
|
||||
font-size: 11px;
|
||||
color: rgb(150, 195, 150);
|
||||
color: rgb(150,195,150);
|
||||
white-space: normal;
|
||||
padding: 6px;
|
||||
font-family: monospace;
|
||||
|
||||
Reference in new issue
Block a user