XRachel commited on
Commit
e52135f
·
verified ·
1 Parent(s): 6bdd26e

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +37 -29
style.css CHANGED
@@ -1,38 +1,46 @@
1
- /* ===== 页面背景 ===== */
2
  html, body {
3
  margin: 0;
4
  padding: 0;
5
- min-height: 100%;
6
- background-image: url("https://huggingface.co/spaces/XRachel/bc4/resolve/main/assets/Bank%20Churn.png");
7
- background-size: cover;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-attachment: fixed;
11
- color: white;
12
- }
13
 
14
- /* ===== 让 Gradio 整体透明 ===== */
15
- .gradio-container {
16
- background: transparent !important;
17
- }
 
18
 
19
- /* 主内容区域透明 */
20
- .main {
21
- background: transparent !important;
22
  }
23
 
24
- /* Tabs 背景透明 */
25
- .tabs {
 
 
 
 
 
 
 
26
  background: transparent !important;
27
  }
28
 
29
- /* ===== 标题颜色 ===== */
30
  h1, h2, h3, p, label {
31
  color: white !important;
32
  }
33
 
34
- /* ===== 输入框样式 ===== */
35
- input, textarea, select {
 
 
 
 
 
 
 
 
 
36
  background: rgba(255,255,255,0.9) !important;
37
  color: #111 !important;
38
  border-radius: 10px !important;
@@ -40,21 +48,21 @@ input, textarea, select {
40
 
41
  /* ===== Execution Log ===== */
42
  textarea {
43
- font-family: monospace;
44
  }
45
 
46
- /* ===== 按钮样式 ===== */
47
  button {
48
- background: rgba(255,255,255,0.9) !important;
49
  color: #111 !important;
50
  border-radius: 10px !important;
51
- font-weight: 600;
 
52
  }
53
 
54
- /* ===== 卡片区域(Run Pipeline等) ===== */
55
- .block {
56
- background: rgba(0,0,0,0.35) !important;
57
  backdrop-filter: blur(6px);
58
  border-radius: 12px;
59
- padding: 10px;
60
  }
 
1
+ /* ===== 全局背景 ===== */
2
  html, body {
3
  margin: 0;
4
  padding: 0;
5
+ min-height: 100vh;
 
 
 
 
 
 
 
6
 
7
+ background-image: url("https://huggingface.co/spaces/XRachel/bc4/resolve/main/assets/BankChurn.png") !important;
8
+ background-size: cover !important;
9
+ background-position: center !important;
10
+ background-repeat: no-repeat !important;
11
+ background-attachment: fixed !important;
12
 
13
+ color: white !important;
 
 
14
  }
15
 
16
+ /* ===== 移除 Gradio 默认灰色背景 ===== */
17
+ .gradio-container,
18
+ .app,
19
+ .main,
20
+ .wrap,
21
+ .contain,
22
+ .panel,
23
+ .block,
24
+ .block-content {
25
  background: transparent !important;
26
  }
27
 
28
+ /* ===== 标题 ===== */
29
  h1, h2, h3, p, label {
30
  color: white !important;
31
  }
32
 
33
+ /* ===== Tabs ===== */
34
+ .tabs,
35
+ .tab-nav,
36
+ .tabitem {
37
+ background: transparent !important;
38
+ }
39
+
40
+ /* ===== 输入框 ===== */
41
+ input,
42
+ textarea,
43
+ select {
44
  background: rgba(255,255,255,0.9) !important;
45
  color: #111 !important;
46
  border-radius: 10px !important;
 
48
 
49
  /* ===== Execution Log ===== */
50
  textarea {
51
+ font-family: monospace !important;
52
  }
53
 
54
+ /* ===== 按钮 ===== */
55
  button {
56
+ background: rgba(255,255,255,0.95) !important;
57
  color: #111 !important;
58
  border-radius: 10px !important;
59
+ font-weight: 600 !important;
60
+ border: none !important;
61
  }
62
 
63
+ /* ===== 面板卡片效果 ===== */
64
+ .gr-box {
65
+ background: rgba(0,0,0,0.45) !important;
66
  backdrop-filter: blur(6px);
67
  border-radius: 12px;
 
68
  }