Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
update style
Browse files- style/style.css +66 -4
style/style.css
CHANGED
@@ -20,11 +20,19 @@
|
|
20 |
text-decoration: none !important;
|
21 |
}
|
22 |
|
23 |
-
|
24 |
-
|
25 |
/* Style streamlit general text */
|
26 |
.description {
|
27 |
-
font-size:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28 |
}
|
29 |
|
30 |
|
@@ -62,4 +70,58 @@
|
|
62 |
|
63 |
.stTabs [data-baseweb="tab-list"] button [data-testid="stMarkdownContainer"] p {
|
64 |
font-size:20px;
|
65 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
20 |
text-decoration: none !important;
|
21 |
}
|
22 |
|
|
|
|
|
23 |
/* Style streamlit general text */
|
24 |
.description {
|
25 |
+
font-size:18px !important;
|
26 |
+
text-align: justify;
|
27 |
+
}
|
28 |
+
|
29 |
+
.title {
|
30 |
+
font-size: 35px;
|
31 |
+
font-weight: 500;
|
32 |
+
font-family: 'Arial', sans-serif;
|
33 |
+
color: #333; /* A modern dark gray */
|
34 |
+
display: flex;
|
35 |
+
align-items: center;
|
36 |
}
|
37 |
|
38 |
|
|
|
70 |
|
71 |
.stTabs [data-baseweb="tab-list"] button [data-testid="stMarkdownContainer"] p {
|
72 |
font-size:20px;
|
73 |
+
}
|
74 |
+
|
75 |
+
|
76 |
+
.footer {
|
77 |
+
position: relative;
|
78 |
+
left: 0;
|
79 |
+
bottom: 0;
|
80 |
+
width: 100%;
|
81 |
+
background-color: #eaeaec;
|
82 |
+
color: black;
|
83 |
+
text-align: left;
|
84 |
+
padding: 10px 20px;
|
85 |
+
font-size: 12px;
|
86 |
+
box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1);
|
87 |
+
}
|
88 |
+
|
89 |
+
.footer h3 {
|
90 |
+
margin: 0;
|
91 |
+
padding-bottom: 5px;
|
92 |
+
position: relative;
|
93 |
+
font-size: 13px;
|
94 |
+
font-weight: 100;
|
95 |
+
display: inline-block;
|
96 |
+
}
|
97 |
+
|
98 |
+
.footer .content {
|
99 |
+
margin-top: 10px;
|
100 |
+
}
|
101 |
+
|
102 |
+
.footer .logo {
|
103 |
+
position: absolute;
|
104 |
+
bottom: 10px;
|
105 |
+
right: 20px;
|
106 |
+
width: 50px; /* Adjust logo size */
|
107 |
+
height: auto;
|
108 |
+
}
|
109 |
+
|
110 |
+
.footer h3::after {
|
111 |
+
content: "";
|
112 |
+
display: block;
|
113 |
+
width: 120%; /* Adjust to control line length */
|
114 |
+
height: 2px;
|
115 |
+
background-color: black; /* Adjust color as needed */
|
116 |
+
position: absolute;
|
117 |
+
bottom: 0;
|
118 |
+
left: 0;
|
119 |
+
|
120 |
+
|
121 |
+
.footer .logo {
|
122 |
+
position: absolute;
|
123 |
+
bottom: 10px;
|
124 |
+
right: 20px;
|
125 |
+
width: 50px; /* Adjust logo size */
|
126 |
+
height: auto;
|
127 |
+
}
|