dwb2023 commited on
Commit
edfad93
1 Parent(s): 7e7282e

Delete styles.css

Browse files

switching to themes

Files changed (1) hide show
  1. styles.css +0 -99
styles.css DELETED
@@ -1,99 +0,0 @@
1
- /* General styling for the Gradio app */
2
- body {
3
- background-color: #1c1e26;
4
- color: #c0c0c0;
5
- font-family: Arial, sans-serif;
6
- }
7
-
8
- /* Styling for the headers */
9
- h1, h2, h3 {
10
- color: #f0a500;
11
- }
12
-
13
- /* Styling for the buttons */
14
- button {
15
- background-color: #005f73;
16
- color: #ffffff;
17
- border: none;
18
- padding: 10px 20px;
19
- margin: 10px 0;
20
- cursor: pointer;
21
- border-radius: 5px;
22
- }
23
-
24
- button:hover {
25
- background-color: #0a9396;
26
- }
27
-
28
- /* Styling for the textboxes */
29
- textarea {
30
- background-color: #242629;
31
- color: #ffffff;
32
- border: 1px solid #ccc;
33
- padding: 10px;
34
- border-radius: 5px;
35
- }
36
-
37
- /* Specific styling for the copy buttons to make them visible */
38
- .gr-button.copy-button {
39
- background-color: #ef476f;
40
- color: #ffffff;
41
- border: none;
42
- padding: 5px 10px;
43
- margin: 10px;
44
- cursor: pointer;
45
- border-radius: 5px;
46
- }
47
-
48
- .gr-button.copy-button:hover {
49
- background-color: #d43d57;
50
- }
51
-
52
- /* Adjust layout to reduce unused space at the bottom */
53
- .gradio-container {
54
- display: flex;
55
- flex-direction: column;
56
- min-height: 100vh;
57
- }
58
-
59
- .gradio-content {
60
- flex: 1;
61
- }
62
-
63
- /* Improved layout for rows and columns */
64
- .gr-row {
65
- display: flex;
66
- justify-content: space-between;
67
- align-items: flex-start;
68
- }
69
-
70
- .gr-column {
71
- flex: 1;
72
- padding: 10px;
73
- }
74
-
75
- /* Ensuring the model architecture and error boxes are aligned */
76
- .model-architecture, .error-box {
77
- flex: 1;
78
- padding: 10px;
79
- margin: 10px 0;
80
- border: 1px solid #ccc;
81
- border-radius: 5px;
82
- background-color: #242629;
83
- }
84
-
85
- /* Styling for markdown sections */
86
- .markdown {
87
- margin: 20px 0;
88
- }
89
-
90
- /* Ensure the examples have better spacing */
91
- .gr-examples {
92
- display: flex;
93
- flex-wrap: wrap;
94
- }
95
-
96
- .gr-examples button {
97
- flex: 1 1 45%;
98
- margin: 5px;
99
- }