bep40 commited on
Commit
b60f51d
·
verified ·
1 Parent(s): d503020

Fix: World Cup section + EPG timezone + CSS

Browse files
Files changed (1) hide show
  1. static/fm_fix.css +40 -0
static/fm_fix.css CHANGED
@@ -31,6 +31,46 @@
31
  @keyframes ht-spin{to{transform:rotate(360deg)}}
32
  .wall-img-count{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.7);color:#fff;font-size:9px;padding:1px 5px;border-radius:4px}
33
  #progress-toast{position:fixed!important;bottom:70px!important;left:50%!important;transform:translateX(-50%)!important;background:#2d8659!important;color:#fff!important;padding:10px 20px!important;border-radius:20px!important;font-size:12px!important;z-index:99998!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;display:none;white-space:nowrap!important}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
34
  /* === ARTICLE / REWRITE VIEW FIX === */
35
  .article-view{padding:12px 8px 40px!important;max-width:760px!important;margin:0 auto!important}
36
  .article-title{font-size:18px!important;font-weight:800!important;line-height:1.3!important;margin-bottom:8px!important;color:#fff!important}
 
31
  @keyframes ht-spin{to{transform:rotate(360deg)}}
32
  .wall-img-count{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.7);color:#fff;font-size:9px;padding:1px 5px;border-radius:4px}
33
  #progress-toast{position:fixed!important;bottom:70px!important;left:50%!important;transform:translateX(-50%)!important;background:#2d8659!important;color:#fff!important;padding:10px 20px!important;border-radius:20px!important;font-size:12px!important;z-index:99998!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;display:none;white-space:nowrap!important}
34
+ /* === ARTICLE / REWRITE VIEW FIX === *//* === WORLD CUP 2026 SECTION === */
35
+ .wc-section{margin:8px 4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;overflow:hidden}
36
+ .wc-header{padding:10px 12px;background:linear-gradient(135deg,#0d1b2b,#1a3a2a 50%,#0b4b8b);display:flex;align-items:center;justify-content:space-between}
37
+ .wc-title{font-size:14px;font-weight:800;color:#fff}
38
+ .wc-tabs{display:flex;gap:4px;padding:8px 10px;background:#1a1a1a;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #2a2a2a}
39
+ .wc-tabs::-webkit-scrollbar{display:none}
40
+ .wc-tab{padding:6px 12px;background:#222;border:1px solid #333;border-radius:12px;color:#999;font-size:10px;white-space:nowrap;cursor:pointer;flex-shrink:0}
41
+ .wc-tab.active{background:#0b6bcb;border-color:#0b6bcb;color:#fff;font-weight:700}
42
+ .wc-tab-content{padding:10px;max-height:500px;overflow-y:auto}
43
+ .wc-news-list{display:flex;flex-direction:column;gap:8px}
44
+ .wc-news-item{display:flex;gap:10px;padding:8px;background:#202020;border-radius:8px;cursor:pointer}
45
+ .wc-news-item:hover{background:#2a2a2a}
46
+ .wc-news-img{flex:0 0 90px;aspect-ratio:16/9;background:#333;border-radius:6px;overflow:hidden}
47
+ .wc-news-img img{width:100%;height:100%;object-fit:cover}
48
+ .wc-news-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
49
+ .wc-news-title{font-size:12px;font-weight:700;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
50
+ .wc-news-source{font-size:10px;color:#888;margin-top:4px}
51
+ .wc-fixtures-list{display:flex;flex-direction:column;gap:6px}
52
+ .wc-match-item{padding:10px;background:#202020;border-radius:8px;border-left:3px solid #333}
53
+ .wc-match-item:nth-child(odd){background:#1e1e1e}
54
+ .wc-match-date{font-size:10px;color:#888;margin-bottom:4px}
55
+ .wc-match-teams{display:flex;align-items:center;justify-content:center;gap:12px}
56
+ .wc-match-teams .wc-team{flex:1;font-size:12px;color:#ddd;text-align:center}
57
+ .wc-match-teams .wc-score{font-size:16px;font-weight:900;color:#f0c040;min-width:60px;text-align:center}
58
+ .wc-score.wc-live{color:#e74c3c}
59
+ .wc-score.wc-finished{color:#888}
60
+ .wc-score.wc-upcoming{color:#5cb87a}
61
+ .wc-match-location{font-size:9px;color:#777;text-align:center;margin-top:4px}
62
+ .wc-standings-table,.wc-stats-table{font-size:11px;color:#ccc;overflow-x:auto}
63
+ .wc-standings-table table,.wc-stats-table table{width:100%;border-collapse:collapse}
64
+ .wc-standings-table th,.wc-stats-table th{background:#222;color:#999;padding:6px 4px;font-size:10px;border-bottom:1px solid #333;text-align:left}
65
+ .wc-standings-table td,.wc-stats-table td{padding:5px 4px;border-bottom:1px solid #1a1a1a}
66
+ .wc-standings-table .pts,.wc-stats-table .pts{font-weight:800;color:#f0c040}
67
+ .wc-highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
68
+ .wc-hl-item{cursor:pointer}
69
+ .wc-hl-thumb{position:relative;aspect-ratio:16/9;background:#333;border-radius:6px;overflow:hidden}
70
+ .wc-hl-thumb img{width:100%;height:100%;object-fit:cover}
71
+ .wc-hl-thumb .card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}
72
+ .wc-hl-title{font-size:10px;color:#ccc;margin-top:4px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
73
+
74
  /* === ARTICLE / REWRITE VIEW FIX === */
75
  .article-view{padding:12px 8px 40px!important;max-width:760px!important;margin:0 auto!important}
76
  .article-title{font-size:18px!important;font-weight:800!important;line-height:1.3!important;margin-bottom:8px!important;color:#fff!important}