XRachel commited on
Commit
23a1a0b
·
verified ·
1 Parent(s): 1fbb8db

Delete style.css

Browse files
Files changed (1) hide show
  1. style.css +0 -124
style.css DELETED
@@ -1,124 +0,0 @@
1
- /* --- Page background: Top header + mid repeating --- */
2
- html, body {
3
- background-color: rgb(40,9,109) !important;
4
- background-image:
5
- url('https://huggingface.co/spaces/ESCP/RX12WorkshopTemplate/resolve/main/background_bottom.png'),
6
- url('https://huggingface.co/spaces/ESCP/RX12WorkshopTemplate/resolve/main/background_mid.png') !important;
7
- background-position:
8
- top center,
9
- top center !important;
10
- background-repeat:
11
- no-repeat,
12
- repeat-y !important;
13
- background-size:
14
- 100% auto,
15
- 100% auto !important;
16
- margin: 0 !important;
17
- padding: 0 !important;
18
- min-height: 100vh !important;
19
- }
20
-
21
- /* --- Fixed bottom banner using ::after on body --- */
22
- body::after {
23
- content: '' !important;
24
- position: fixed !important;
25
- bottom: 0 !important;
26
- left: 0 !important;
27
- right: 0 !important;
28
- height: 130px !important;
29
- background-image: url('https://huggingface.co/spaces/ESCP/RX12WorkshopTemplate/resolve/main/background_top.png') !important;
30
- background-size: 100% 100% !important;
31
- background-repeat: no-repeat !important;
32
- background-position: bottom center !important;
33
- pointer-events: none !important;
34
- z-index: 9999 !important;
35
- }
36
-
37
- /* --- Main container: float over the banner --- */
38
- .gradio-container {
39
- max-width: 1400px !important;
40
- width: 94vw !important;
41
- margin: 0 auto !important;
42
- padding-top: 220px !important;
43
- padding-bottom: 150px !important;
44
- background: transparent !important;
45
- }
46
-
47
- /* --- Title in ESCP gold --- */
48
- #escp_title h1 {
49
- color: rgb(242,198,55) !important;
50
- font-size: 3rem !important;
51
- font-weight: 800 !important;
52
- text-align: center !important;
53
- margin: 0 0 12px 0 !important;
54
- }
55
-
56
- /* --- Subtitle --- */
57
- #escp_title p, #escp_title em {
58
- color: rgba(255,255,255,0.85) !important;
59
- text-align: center !important;
60
- }
61
-
62
- /* --- Tab bar background --- */
63
- .tabs > .tab-nav,
64
- .tab-nav,
65
- div[role="tablist"],
66
- .svelte-tabs > .tab-nav {
67
- background: rgba(40,9,109,0.6) !important;
68
- border-radius: 10px 10px 0 0 !important;
69
- padding: 4px !important;
70
- }
71
-
72
- /* --- ALL tab buttons: force white text --- */
73
- .tabs > .tab-nav button,
74
- .tab-nav button,
75
- div[role="tablist"] button,
76
- button[role="tab"],
77
- .svelte-tabs button,
78
- .tab-nav > button,
79
- .tabs button {
80
- color: #ffffff !important;
81
- font-weight: 600 !important;
82
- border: none !important;
83
- background: transparent !important;
84
- padding: 10px 20px !important;
85
- border-radius: 8px 8px 0 0 !important;
86
- opacity: 1 !important;
87
- }
88
-
89
- /* --- Selected tab: ESCP gold --- */
90
- .tabs > .tab-nav button.selected,
91
- .tab-nav button.selected,
92
- button[role="tab"][aria-selected="true"],
93
- button[role="tab"].selected,
94
- div[role="tablist"] button[aria-selected="true"],
95
- .svelte-tabs button.selected {
96
- color: rgb(242,198,55) !important;
97
- background: rgba(255,255,255,0.12) !important;
98
- }
99
-
100
- /* --- Unselected tabs: ensure visibility --- */
101
- .tabs > .tab-nav button:not(.selected),
102
- .tab-nav button:not(.selected),
103
- button[role="tab"][aria-selected="false"],
104
- button[role="tab"]:not(.selected),
105
- div[role="tablist"] button:not([aria-selected="true"]) {
106
- color: #ffffff !important;
107
- opacity: 1 !important;
108
- }
109
-
110
- /* --- White card panels --- */
111
- .gradio-container .gr-block,
112
- .gradio-container .gr-box,
113
- .gradio-container .gr-panel,
114
- .gradio-container .gr-group {
115
- background: #ffffff !important;
116
- border-radius: 10px !important;
117
- }
118
-
119
- /* --- Tab content area --- */
120
- .tabitem {
121
- background: rgba(255,255,255,0.95) !important;
122
- border-radius: 0 0 10px 10px !important;
123
- padding: 16px !important;
124
- }