Rahka commited on
Commit
99046fd
1 Parent(s): b503255

update style

Browse files
Files changed (1) hide show
  1. 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:15px !important;
 
 
 
 
 
 
 
 
 
 
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
+ }