1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
| #sbArea{
| position:absolute;
| left:0px;
| top:0px;
| z-index:101;
| }
|
| #sbArea_contentsArea{
| position:absolute;
| z-index:103;
| overflow:auto;
| }
|
| #sbArea_contentsArea_msg{
| color:#FFFFFF;
| background-color:#070707;
| text-align:center;
| width:200px;
| padding:8px;
| }
|
|
| #sbArea_backArea{
| position:absolute;
| left:0px;
| top:0px;
| z-index:100;
| background-color:#000000;
| }
|
| .spinner {
| border: 4px solid rgba(0, 0, 0, 0.1);
| border-top: 4px solid #3498db;
| border-radius: 50%;
| width: 40px;
| height: 40px;
| animation: spin 2s linear infinite;
| margin: 0 auto;
| }
|
| @keyframes spin {
| 0% { transform: rotate(0deg); }
| 100% { transform: rotate(360deg); }
| }
|
|