1+ body {
2+ font-family : Arial, sans-serif;
3+ margin : 0 ;
4+ padding : 0 ;
5+ background : url ("/static/bg.png" ) no-repeat center center fixed;
6+ background-size : cover;
7+ min-height : 100vh ;
8+ color : # e2e8ee ; /* Improved: softer, more readable text */
9+ }
10+
11+ /* Overlay for readability */
12+ body : before {
13+ content : "" ;
14+ position : fixed;
15+ top : 0 ; left : 0 ; right : 0 ; bottom : 0 ;
16+ background : rgba (55 , 57 , 59 , 0.82 );
17+ pointer-events : none;
18+ z-index : 0 ;
19+ }
20+
21+ .container {
22+ max-width : 900px ;
23+ margin : 40px auto;
24+ background : # 414141 ;
25+ padding : 2em ;
26+ border-radius : 16px ;
27+ box-shadow : 0 2px 16px rgb (20 , 20 , 20 );
28+ position : relative;
29+ z-index : 1 ;
30+ }
31+
32+ .centered {
33+ max-width : 480px ;
34+ margin : 60px auto 0 auto;
35+ background : # 414141 ;
36+ color : # e2e8ee ;
37+ padding : 2.5em 2em 2em 2em ;
38+ border-radius : 16px ;
39+ box-shadow : 0 2px 16px rgb (20 , 20 , 20 );
40+ position : relative;
41+ z-index : 1 ;
42+ display : flex;
43+ flex-direction : column;
44+ align-items : flex-start;
45+ justify-content : center;
46+ }
47+
48+ .centered h2 {
49+ color : # f08903 ;
50+ font-size : 2em ;
51+ font-weight : bold;
52+ margin-bottom : 1em ;
53+ letter-spacing : 0.01em ;
54+ }
55+
56+ .centered label {
57+ color : # e2e8ee ;
58+ font-size : 1.1em ;
59+ margin-bottom : 4px ;
60+ font-weight : 500 ;
61+ }
62+
63+ .centered input [type = "password" ], .centered input [type = "submit" ] {
64+ width : 100% ;
65+ margin-top : 12px ;
66+ margin-bottom : 16px ;
67+ padding : 13px 12px ;
68+ border-radius : 7px ;
69+ background : # 232323 ;
70+ color : # e2e8ee ;
71+ border : 1.5px solid # 36df99 ;
72+ font-size : 1.08em ;
73+ font-family : inherit;
74+ outline : none;
75+ box-shadow : 0 1px 5px # 222a ;
76+ transition : border 0.13s ;
77+ }
78+
79+ .centered input [type = "password" ]: focus {
80+ border : 1.5px solid # f08903 ;
81+ }
82+
83+ .centered input [type = "submit" ] {
84+ background : # 2a6 ;
85+ color : # fff ;
86+ font-weight : bold;
87+ border : none;
88+ margin-top : 20px ;
89+ cursor : pointer;
90+ letter-spacing : 0.03em ;
91+ box-shadow : 0 1px 7px # 2a6622a3 ;
92+ transition : background 0.18s ;
93+ }
94+ .centered input [type = "submit" ]: hover {
95+ background : # 1b4731 ;
96+ }
97+ .centered .msg {
98+ color : # e67e22 ;
99+ margin-bottom : 14px ;
100+ font-weight : bold;
101+ }
102+ .centered a {
103+ color : # 36df99 ;
104+ margin-top : 1.2em ;
105+ font-weight : 500 ;
106+ }
107+ .centered a : hover {
108+ text-decoration : underline;
109+ color : # 26bb7a ;
110+ }
111+
112+ h1 , h2 , h3 {
113+ color : # f08903 ;
114+ margin-top : 0.5em ;
115+ margin-bottom : 0.5em ;
116+ }
117+ ul { padding-left : 1.4em ; }
118+ li { margin-bottom : 0.4em ; }
119+ p { color : # e2e8ee ; font-size : 1.06em ; line-height : 1.6 ; }
120+
121+ input , button , textarea , select {
122+ font-family : inherit;
123+ font-size : 1em ;
124+ padding : 8px ;
125+ margin-top : 8px ;
126+ border-radius : 6px ;
127+ border : 1px solid # 855225 ;
128+ box-sizing : border-box;
129+ background : # 232323 ;
130+ color : # e2e8ee ;
131+ }
132+ input [type = "file" ] { padding : 0.5em 0 ; }
133+
134+ a { color : rgb (79 , 235 , 157 ); text-decoration : none; transition : color 0.18s ;}
135+ a : hover { text-decoration : underline; color : # b1f6d7 ; }
136+
137+ .admin-link { float : right; }
138+
139+ .msg { color : # e67e22 ; font-weight : bold; }
140+
141+ .dataframe {
142+ border-collapse : collapse;
143+ width : 100% ;
144+ margin-bottom : 2em ;
145+ }
146+ .dataframe th , .dataframe td {
147+ border : 1px solid # 888 ;
148+ padding : 8px 12px ;
149+ }
150+ .dataframe th {
151+ background : # 232325 ;
152+ color : # bafefb ;
153+ }
154+
155+ .section { margin-bottom : 2.5em ; }
156+
157+ .explore-links a , .return-home , .tab-link {
158+ display : inline-block;
159+ margin : 1em 2em 0 0 ;
160+ padding : 0.8em 2em ;
161+ background : # 2a6 ;
162+ color : # fff ;
163+ border-radius : 7px ;
164+ text-decoration : none;
165+ font-weight : bold;
166+ transition : background 0.13s , color 0.13s ;
167+ box-shadow : 0 1px 6px # 2222 ;
168+ }
169+ .explore-links a : hover ,
170+ .return-home : hover ,
171+ .tab-link : hover {
172+ background : # 225c44 ;
173+ color : # e2e8ee ;
174+ }
175+
176+ /* Portal Cards (property tabs) */
177+ .prop-tabs {
178+ display : flex; flex-wrap : wrap; margin-top : 2em ; gap : 1.5em ;
179+ }
180+ .tab-card {
181+ flex : 1 1 180px ;
182+ background : # 363636 ;
183+ color : # f1f1f1 ;
184+ border-radius : 12px ;
185+ padding : 1.7em 1.2em 1.1em 1.2em ;
186+ text-align : center;
187+ box-shadow : 0 1px 8px # 2223 ;
188+ }
189+ .tab-card a {
190+ color : # caffda ; font-size : 1.23em ; text-decoration : none; font-weight : bold;
191+ }
192+ .tab-card a : hover { color : # fff ; text-decoration : underline;}
193+
194+ /* Sub-tabs on property pages */
195+ .tabs {
196+ display : flex; gap : 2.5em ; margin-top : 2.2em ;
197+ }
198+ .tab-link {
199+ background : # 444e50 ;
200+ color : # b7fff5 ;
201+ font-size : 1.12em ;
202+ padding : 0.9em 2.2em ;
203+ border-radius : 10px ;
204+ text-decoration : none;
205+ font-weight : bold;
206+ box-shadow : 0 1px 5px # 2223 ;
207+ }
208+ .tab-link : hover { background : # 2a6 ; color : # fff ;}
209+
210+ audio , video {
211+ width : 100% ; max-width : 500px ; margin : 10px 0 ;
212+ border-radius : 8px ;
213+ background : # 242424 ;
214+ }
215+
216+ @media (max-width : 650px ) {
217+ .container { padding : 0.7em ; }
218+ .prop-tabs { flex-direction : column; gap : 1.3em ; }
219+ .tab-card { padding : 1.2em 0.7em ; }
220+ .tabs { flex-direction : column; gap : 1.2em ; }
221+ }
0 commit comments