luckyphoenix 1.0.1 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,411 +1,411 @@
1
- /*---HALO-+-基础设置-+-ON*/
2
- * {
3
- padding: 0;
4
- margin: 0;
5
- font-family: 'Arima Madurai', Microsoft JhengHei, Georgia, Times, serif;
6
- outline: none !important;
7
- }
8
-
9
- body {
10
- overflow-x: hidden;
11
- }
12
-
13
- ::selection {
14
- background-color: #D6EDFF;
15
- }
16
-
17
- html::-webkit-scrollbar {
18
- height: 8px;
19
- width: 8px
20
- }
21
-
22
- ::-webkit-scrollbar {
23
- background-color: #28282820;
24
- }
25
-
26
- ::-webkit-scrollbar-track-piece {}
27
-
28
- html::-webkit-scrollbar-thumb {
29
- -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
30
- background-clip: padding-box;
31
- background-color: gray;
32
- min-height: 40px;
33
- padding-top: 100px;
34
- border-radius: 4px
35
- }
36
-
37
- html::-webkit-scrollbar-thumb:hover,
38
- html::-webkit-scrollbar-thumb:active {
39
- background-color: #282828
40
- }
41
-
42
- html::-webkit-scrollbar,
43
- html *::-webkit-scrollbar {
44
- height: 8px;
45
- width: 8px;
46
- }
47
-
48
- html::-webkit-scrollbar-thumb,
49
- html *::-webkit-scrollbar-thumb {
50
- -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
51
- background-clip: padding-box;
52
- background-color: #282828;
53
- min-height: 40px;
54
- padding-top: 100px;
55
- border-radius: 4px
56
- }
57
-
58
- ul li {
59
- list-style-type: none;
60
- display: inline-block;
61
- float: left;
62
- }
63
-
64
- #root {
65
- width: 100%;
66
- overflow: hidden;
67
- }
68
-
69
- .index-box {
70
- width: 1000px !important;
71
- box-shadow: 0 10px 20px 0 rgba(230, 230, 230, .86) !important;
72
- background-color: #FFFFFF;
73
- /* border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius */
74
- /* 设置top圆角 */
75
- border-radius: 15px 15px 0 0;
76
- margin: 80px auto 30px;
77
- padding: 30px 2%;
78
- }
79
-
80
- .footer-box {
81
- width: 1000px !important;
82
- /*box-shadow: 0 10px 20px 0 rgba(230, 230, 230, .86) !important;*/
83
- background-color: #FFFFFF;
84
- /* border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius */
85
- /* 设置bottom圆角 */
86
- border-radius: 0 0 15px 15px;
87
- margin: 80px auto 30px;
88
- padding: 30px 2%;
89
- }
90
-
91
- .main-box {
92
- box-shadow: 0px 0px 0px #28282800 !important;
93
- }
94
-
95
- .css-1lwou0a {
96
- padding: 0px !important;
97
- }
98
-
99
- /* 半透明 */
100
- .chakra-ui-light {
101
- /* 背景图片
102
- 必应:https://bing.img.run/uhd_302.php
103
- 樱花:https://www.dmoe.cc
104
- 夏沫:https://cdn.seovx.com
105
- 搏天:https://api.btstu.cn/doc/sjbz.php
106
- 姬长信:https://github.com/insoxin/API
107
- 小歪:https://www.ixiaowai.cn/#works
108
- 保罗:https://api.paugram.com
109
- 墨天逸:https://api.mtyqx.cn
110
- 岁月小筑:https://img.xjh.me
111
- 东方Project:https://img.paulzzh.com
112
- */
113
- background-image: url(/UHD.jpg) !important;
114
- background-repeat: no-repeat;
115
- background-size: cover;
116
- background-attachment: fixed;
117
- background-position-x: center;
118
- background-color: #F4F4F4;
119
- }
120
-
121
- /* 隐藏底部信息 */
122
- .footer span,
123
- .footer a:nth-of-type(1) {
124
- display: none;
125
- }
126
-
127
- .footer span,
128
- .footer a:nth-of-type(2) {
129
- display: none;
130
- }
131
-
132
-
133
- /*---HALO-+-头部设置-+-ON*/
134
- /*
135
- .css-1mn9rdg{
136
- height: 30px !important;
137
- }
138
- .header{
139
- display: inline-block !important;
140
- }
141
- .header>a{
142
- float: left;
143
- }
144
- .header h3{
145
- line-height: 30px;
146
- font-size: 16px;
147
- font-weight: bold;
148
- padding-left: 10px;
149
- float: left;
150
- }
151
- .header div{
152
- width: 45px;
153
- height: 45px;
154
- overflow: hidden;
155
- border-radius: 6px;
156
- float: right;
157
- }
158
- .header div img{
159
- width: 100%;
160
- border-radius: 6px;
161
- }
162
- .header p,.header ul{
163
- display: inline-block;
164
- width: 100%;
165
- float: left;
166
- }
167
- .header p{
168
- font-size: 12px;
169
- letter-spacing: 1px;
170
- font-weight: 700;
171
- margin-top: -3px;
172
- }
173
- .header ul{
174
- font-size: 13px;
175
- margin-top: 10px;
176
- padding-bottom: 15px;
177
- margin-bottom: 15px;
178
- border-bottom: 1px dashed #28282820;
179
- }
180
- .header ul li{
181
- margin-right: 15px;
182
- }
183
- .header ul li a{
184
- color: #686868;
185
- }
186
- .header ul li:hover a{
187
- color: #282828;
188
- }
189
- .header .buttons{
190
- position: fixed;
191
- top: 5%;
192
- right: 0;
193
- z-index: 7;
194
- display: inline-block;
195
- width: auto !important;
196
- height: auto !important;
197
- }
198
- .header .buttons>span{
199
- display: inline-block;
200
- background-color: #FFFFFF;
201
- border-radius: 8px 0px 0px 8px;
202
- width: 100%;
203
- padding: 5px 3px !important;
204
- margin: 5px 0px !important;
205
- text-align: center;
206
- box-shadow: 0 5px 5px 0 rgba(230, 230, 230, .50) !important;
207
- }
208
- .header .buttons>span>svg{
209
- width: 15px;
210
- color: #888888;
211
- }
212
- */
213
-
214
- /*内容调整*/
215
- .chakra-breadcrumb__list {
216
- font-size: 13px !important;
217
- }
218
-
219
- .chakra-linkbox {
220
- font-size: 13px !important;
221
- color: #555555 !important;
222
- }
223
-
224
- /*尾部版权*/
225
- /*
226
- .footer{
227
- padding-top: 30px;
228
- line-height: 14px;
229
- }
230
- .footer>.chakra-stack{
231
- color: #7f8690 !important;
232
- font-size: 12px !important;
233
- display: inline-block;
234
- text-align: center;
235
- }
236
- .footer>.chakra-stack div{
237
- display: inline-block;
238
- }
239
- .footer>.chakra-stack>a{
240
- display: inline-block;
241
- margin-left: 10px;
242
- border-left: 1px solid #777777;
243
- padding-left: 10px;
244
- }
245
- .footer>.chakra-stack a:hover{
246
- text-decoration: none !important;
247
- color: #666666;
248
- }
249
- */
250
-
251
- /*调整*/
252
- .css-1bhnkfm,
253
- .css-zf9m6f {
254
- display: inline-block;
255
- width: 50px;
256
- height: 120px;
257
- position: fixed !important;
258
- top: 0 !important;
259
- bottom: 0 !important;
260
- right: 0;
261
- margin: auto !important;
262
- background-color: #FFFFFF !important;
263
- }
264
-
265
- .css-zf9m6f {
266
- background-color: #2d3748 !important;
267
- }
268
-
269
- .css-1bhnkfm>span,
270
- .css-zf9m6f>span {
271
- display: inline-block;
272
- width: 50px;
273
- height: 40px;
274
- margin: 0px !important;
275
- }
276
-
277
- .css-1lppyac>svg {
278
- width: 20px !important;
279
- color: #FFF !important;
280
- }
281
-
282
- .css-1bhnkfm>div>span>button>svg,
283
- .css-zf9m6f>div>span>button>svg {
284
- width: 18px;
285
- color: #888888;
286
- }
287
-
288
- .css-1bhnkfm>span>button>svg,
289
- .css-zf9m6>span>button>svg {
290
- width: 15px;
291
- color: #888888;
292
- margin: 0px !important;
293
- }
294
-
295
- .css-1bhnkfm>span>a>button>svg,
296
- .css-zf9m6>span>a>button>svg {
297
- width: 20px;
298
- color: #888888;
299
- margin: 0px !important;
300
- }
301
-
302
- .css-12ww9mm {
303
- display: inline-block;
304
- }
305
-
306
- .overlay>button {
307
- position: fixed !important;
308
- bottom: 10% !important;
309
- right: 0 !important;
310
- width: 40px !important;
311
- height: 40px !important;
312
- background-color: #FFF;
313
- border-radius: 8px 0px 0px 8px !important;
314
- box-shadow: 0 5px 5px 0 rgba(230, 230, 230, .86) !important;
315
- }
316
-
317
- /*昼夜切换*/
318
- .chakra-ui-dark {
319
- background-color: #282828 !important;
320
- }
321
-
322
- .chakra-ui-dark .header h3 {
323
- color: #b6b6b6;
324
- }
325
-
326
- .chakra-ui-dark .header p {
327
- color: #585858;
328
- }
329
-
330
- .chakra-ui-dark .index-box {
331
- background-color: #2d3748;
332
- box-shadow: 0 10px 20px 0 #111 !important;
333
- }
334
-
335
- .chakra-ui-dark .footer-box {
336
- background-color: #2d3748;
337
- /*box-shadow: 0 10px 20px 0 #111 !important;*/
338
- }
339
-
340
- .chakra-ui-dark .header ul li a {
341
- color: #888888;
342
- }
343
-
344
- .chakra-ui-dark .footer>.chakra-stack {
345
- color: #585858 !important;
346
- }
347
-
348
- .chakra-ui-dark .header ul {
349
- border-bottom: 1px dashed #585858 !important;
350
- }
351
-
352
- .chakra-ui-dark .header .buttons>span,
353
- .chakra-ui-dark .overlay>button {
354
- background-color: #2d3748 !important;
355
- box-shadow: 0 0px 0px 0 #11100000 !important;
356
- }
357
-
358
- .chakra-ui-dark .chakra-breadcrumb__list a,
359
- .chakra-ui-dark .chakra-breadcrumb__list span {
360
- color: #888888;
361
- }
362
-
363
- .chakra-ui-dark .header .buttons>span>svg {
364
- color: #FFF;
365
- }
366
-
367
-
368
- @media screen and (max-width: 1000px) {
369
- .index-box {
370
- width: 100% !important;
371
- margin: 0px auto !important;
372
- border-radius: 0px;
373
- padding: 20px 2%;
374
- }
375
-
376
- .footer-box {
377
- width: 100% !important;
378
- margin: 0px auto !important;
379
- border-radius: 0px;
380
- padding: 20px 2%;
381
- }
382
-
383
- .header .buttons {
384
- top: 22%;
385
- }
386
-
387
- .header .buttons>span {
388
- box-shadow: 0px 0px 0px 0px #00000000 !important;
389
- border: 1px solid #EEE;
390
- border-radius: 0px !important;
391
- }
392
-
393
- .header .buttons>span {
394
- box-shadow: 0px 0px 0px 0px #00000000 !important;
395
- border: 1px solid #EEE;
396
- border-radius: 0px !important;
397
- }
398
-
399
- .overlay>button {
400
- border: 1px solid #EEE;
401
- border-radius: 0px !important;
402
- }
403
-
404
- .hope-ui-light {
405
- background-image: url(/UHD.jpg);
406
- background-position: center;
407
- background-attachment: fixed;
408
- background-size: cover;
409
- background-repeat: no-repeat;
410
- }
1
+ /*---HALO-+-基础设置-+-ON*/
2
+ * {
3
+ padding: 0;
4
+ margin: 0;
5
+ font-family: 'Arima Madurai', Microsoft JhengHei, Georgia, Times, serif;
6
+ outline: none !important;
7
+ }
8
+
9
+ body {
10
+ overflow-x: hidden;
11
+ }
12
+
13
+ ::selection {
14
+ background-color: #D6EDFF;
15
+ }
16
+
17
+ html::-webkit-scrollbar {
18
+ height: 8px;
19
+ width: 8px
20
+ }
21
+
22
+ ::-webkit-scrollbar {
23
+ background-color: #28282820;
24
+ }
25
+
26
+ ::-webkit-scrollbar-track-piece {}
27
+
28
+ html::-webkit-scrollbar-thumb {
29
+ -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
30
+ background-clip: padding-box;
31
+ background-color: gray;
32
+ min-height: 40px;
33
+ padding-top: 100px;
34
+ border-radius: 4px
35
+ }
36
+
37
+ html::-webkit-scrollbar-thumb:hover,
38
+ html::-webkit-scrollbar-thumb:active {
39
+ background-color: #282828
40
+ }
41
+
42
+ html::-webkit-scrollbar,
43
+ html *::-webkit-scrollbar {
44
+ height: 8px;
45
+ width: 8px;
46
+ }
47
+
48
+ html::-webkit-scrollbar-thumb,
49
+ html *::-webkit-scrollbar-thumb {
50
+ -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
51
+ background-clip: padding-box;
52
+ background-color: #282828;
53
+ min-height: 40px;
54
+ padding-top: 100px;
55
+ border-radius: 4px
56
+ }
57
+
58
+ ul li {
59
+ list-style-type: none;
60
+ display: inline-block;
61
+ float: left;
62
+ }
63
+
64
+ #root {
65
+ width: 100%;
66
+ overflow: hidden;
67
+ }
68
+
69
+ .index-box {
70
+ width: 1000px !important;
71
+ box-shadow: 0 10px 20px 0 rgba(230, 230, 230, .86) !important;
72
+ background-color: #FFFFFF;
73
+ /* border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius */
74
+ /* 设置top圆角 */
75
+ border-radius: 15px 15px 0 0;
76
+ margin: 80px auto 30px;
77
+ padding: 30px 2%;
78
+ }
79
+
80
+ .footer-box {
81
+ width: 1000px !important;
82
+ /*box-shadow: 0 10px 20px 0 rgba(230, 230, 230, .86) !important;*/
83
+ background-color: #FFFFFF;
84
+ /* border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius */
85
+ /* 设置bottom圆角 */
86
+ border-radius: 0 0 15px 15px;
87
+ margin: 80px auto 30px;
88
+ padding: 30px 2%;
89
+ }
90
+
91
+ .main-box {
92
+ box-shadow: 0px 0px 0px #28282800 !important;
93
+ }
94
+
95
+ .css-1lwou0a {
96
+ padding: 0px !important;
97
+ }
98
+
99
+ /* 半透明 */
100
+ .chakra-ui-light {
101
+ /* 背景图片
102
+ 必应:https://bing.img.run/uhd_302.php
103
+ 樱花:https://www.dmoe.cc
104
+ 夏沫:https://cdn.seovx.com
105
+ 搏天:https://api.btstu.cn/doc/sjbz.php
106
+ 姬长信:https://github.com/insoxin/API
107
+ 小歪:https://www.ixiaowai.cn/#works
108
+ 保罗:https://api.paugram.com
109
+ 墨天逸:https://api.mtyqx.cn
110
+ 岁月小筑:https://img.xjh.me
111
+ 东方Project:https://img.paulzzh.com
112
+ */
113
+ background-image: url(/UHD.jpg) !important;
114
+ background-repeat: no-repeat;
115
+ background-size: cover;
116
+ background-attachment: fixed;
117
+ background-position-x: center;
118
+ background-color: #F4F4F4;
119
+ }
120
+
121
+ /* 隐藏底部信息 */
122
+ .footer span,
123
+ .footer a:nth-of-type(1) {
124
+ display: none;
125
+ }
126
+
127
+ .footer span,
128
+ .footer a:nth-of-type(2) {
129
+ display: none;
130
+ }
131
+
132
+
133
+ /*---HALO-+-头部设置-+-ON*/
134
+ /*
135
+ .css-1mn9rdg{
136
+ height: 30px !important;
137
+ }
138
+ .header{
139
+ display: inline-block !important;
140
+ }
141
+ .header>a{
142
+ float: left;
143
+ }
144
+ .header h3{
145
+ line-height: 30px;
146
+ font-size: 16px;
147
+ font-weight: bold;
148
+ padding-left: 10px;
149
+ float: left;
150
+ }
151
+ .header div{
152
+ width: 45px;
153
+ height: 45px;
154
+ overflow: hidden;
155
+ border-radius: 6px;
156
+ float: right;
157
+ }
158
+ .header div img{
159
+ width: 100%;
160
+ border-radius: 6px;
161
+ }
162
+ .header p,.header ul{
163
+ display: inline-block;
164
+ width: 100%;
165
+ float: left;
166
+ }
167
+ .header p{
168
+ font-size: 12px;
169
+ letter-spacing: 1px;
170
+ font-weight: 700;
171
+ margin-top: -3px;
172
+ }
173
+ .header ul{
174
+ font-size: 13px;
175
+ margin-top: 10px;
176
+ padding-bottom: 15px;
177
+ margin-bottom: 15px;
178
+ border-bottom: 1px dashed #28282820;
179
+ }
180
+ .header ul li{
181
+ margin-right: 15px;
182
+ }
183
+ .header ul li a{
184
+ color: #686868;
185
+ }
186
+ .header ul li:hover a{
187
+ color: #282828;
188
+ }
189
+ .header .buttons{
190
+ position: fixed;
191
+ top: 5%;
192
+ right: 0;
193
+ z-index: 7;
194
+ display: inline-block;
195
+ width: auto !important;
196
+ height: auto !important;
197
+ }
198
+ .header .buttons>span{
199
+ display: inline-block;
200
+ background-color: #FFFFFF;
201
+ border-radius: 8px 0px 0px 8px;
202
+ width: 100%;
203
+ padding: 5px 3px !important;
204
+ margin: 5px 0px !important;
205
+ text-align: center;
206
+ box-shadow: 0 5px 5px 0 rgba(230, 230, 230, .50) !important;
207
+ }
208
+ .header .buttons>span>svg{
209
+ width: 15px;
210
+ color: #888888;
211
+ }
212
+ */
213
+
214
+ /*内容调整*/
215
+ .chakra-breadcrumb__list {
216
+ font-size: 13px !important;
217
+ }
218
+
219
+ .chakra-linkbox {
220
+ font-size: 13px !important;
221
+ color: #555555 !important;
222
+ }
223
+
224
+ /*尾部版权*/
225
+ /*
226
+ .footer{
227
+ padding-top: 30px;
228
+ line-height: 14px;
229
+ }
230
+ .footer>.chakra-stack{
231
+ color: #7f8690 !important;
232
+ font-size: 12px !important;
233
+ display: inline-block;
234
+ text-align: center;
235
+ }
236
+ .footer>.chakra-stack div{
237
+ display: inline-block;
238
+ }
239
+ .footer>.chakra-stack>a{
240
+ display: inline-block;
241
+ margin-left: 10px;
242
+ border-left: 1px solid #777777;
243
+ padding-left: 10px;
244
+ }
245
+ .footer>.chakra-stack a:hover{
246
+ text-decoration: none !important;
247
+ color: #666666;
248
+ }
249
+ */
250
+
251
+ /*调整*/
252
+ .css-1bhnkfm,
253
+ .css-zf9m6f {
254
+ display: inline-block;
255
+ width: 50px;
256
+ height: 120px;
257
+ position: fixed !important;
258
+ top: 0 !important;
259
+ bottom: 0 !important;
260
+ right: 0;
261
+ margin: auto !important;
262
+ background-color: #FFFFFF !important;
263
+ }
264
+
265
+ .css-zf9m6f {
266
+ background-color: #2d3748 !important;
267
+ }
268
+
269
+ .css-1bhnkfm>span,
270
+ .css-zf9m6f>span {
271
+ display: inline-block;
272
+ width: 50px;
273
+ height: 40px;
274
+ margin: 0px !important;
275
+ }
276
+
277
+ .css-1lppyac>svg {
278
+ width: 20px !important;
279
+ color: #FFF !important;
280
+ }
281
+
282
+ .css-1bhnkfm>div>span>button>svg,
283
+ .css-zf9m6f>div>span>button>svg {
284
+ width: 18px;
285
+ color: #888888;
286
+ }
287
+
288
+ .css-1bhnkfm>span>button>svg,
289
+ .css-zf9m6>span>button>svg {
290
+ width: 15px;
291
+ color: #888888;
292
+ margin: 0px !important;
293
+ }
294
+
295
+ .css-1bhnkfm>span>a>button>svg,
296
+ .css-zf9m6>span>a>button>svg {
297
+ width: 20px;
298
+ color: #888888;
299
+ margin: 0px !important;
300
+ }
301
+
302
+ .css-12ww9mm {
303
+ display: inline-block;
304
+ }
305
+
306
+ .overlay>button {
307
+ position: fixed !important;
308
+ bottom: 10% !important;
309
+ right: 0 !important;
310
+ width: 40px !important;
311
+ height: 40px !important;
312
+ background-color: #FFF;
313
+ border-radius: 8px 0px 0px 8px !important;
314
+ box-shadow: 0 5px 5px 0 rgba(230, 230, 230, .86) !important;
315
+ }
316
+
317
+ /*昼夜切换*/
318
+ .chakra-ui-dark {
319
+ background-color: #282828 !important;
320
+ }
321
+
322
+ .chakra-ui-dark .header h3 {
323
+ color: #b6b6b6;
324
+ }
325
+
326
+ .chakra-ui-dark .header p {
327
+ color: #585858;
328
+ }
329
+
330
+ .chakra-ui-dark .index-box {
331
+ background-color: #2d3748;
332
+ box-shadow: 0 10px 20px 0 #111 !important;
333
+ }
334
+
335
+ .chakra-ui-dark .footer-box {
336
+ background-color: #2d3748;
337
+ /*box-shadow: 0 10px 20px 0 #111 !important;*/
338
+ }
339
+
340
+ .chakra-ui-dark .header ul li a {
341
+ color: #888888;
342
+ }
343
+
344
+ .chakra-ui-dark .footer>.chakra-stack {
345
+ color: #585858 !important;
346
+ }
347
+
348
+ .chakra-ui-dark .header ul {
349
+ border-bottom: 1px dashed #585858 !important;
350
+ }
351
+
352
+ .chakra-ui-dark .header .buttons>span,
353
+ .chakra-ui-dark .overlay>button {
354
+ background-color: #2d3748 !important;
355
+ box-shadow: 0 0px 0px 0 #11100000 !important;
356
+ }
357
+
358
+ .chakra-ui-dark .chakra-breadcrumb__list a,
359
+ .chakra-ui-dark .chakra-breadcrumb__list span {
360
+ color: #888888;
361
+ }
362
+
363
+ .chakra-ui-dark .header .buttons>span>svg {
364
+ color: #FFF;
365
+ }
366
+
367
+
368
+ @media screen and (max-width: 1000px) {
369
+ .index-box {
370
+ width: 100% !important;
371
+ margin: 0px auto !important;
372
+ border-radius: 0px;
373
+ padding: 20px 2%;
374
+ }
375
+
376
+ .footer-box {
377
+ width: 100% !important;
378
+ margin: 0px auto !important;
379
+ border-radius: 0px;
380
+ padding: 20px 2%;
381
+ }
382
+
383
+ .header .buttons {
384
+ top: 22%;
385
+ }
386
+
387
+ .header .buttons>span {
388
+ box-shadow: 0px 0px 0px 0px #00000000 !important;
389
+ border: 1px solid #EEE;
390
+ border-radius: 0px !important;
391
+ }
392
+
393
+ .header .buttons>span {
394
+ box-shadow: 0px 0px 0px 0px #00000000 !important;
395
+ border: 1px solid #EEE;
396
+ border-radius: 0px !important;
397
+ }
398
+
399
+ .overlay>button {
400
+ border: 1px solid #EEE;
401
+ border-radius: 0px !important;
402
+ }
403
+
404
+ .hope-ui-light {
405
+ background-image: url(/UHD.jpg);
406
+ background-position: center;
407
+ background-attachment: fixed;
408
+ background-size: cover;
409
+ background-repeat: no-repeat;
410
+ }
411
411
  }