1
/*Stylesheet*/
2
body, html {
3
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
4
    -webkit-touch-callout: none;
5
    -webkit-text-size-adjust: none;
6
    -webkit-user-select: none;
7
    margin: 0;
8
    padding: 0;
9
    font-family: Arial, Verdana, sans-serif;
10
    font-size: 12px;
11
    font-weight: normal;
12
    color: #ccc;
13
    background-color: #000000;
14
    overflow: hidden;
15
}
16
#orientation {
17
    margin: 0 auto;
18
    position: fixed;
19
    top: 0;
20
    left: 0;
21
    width: 100%;
22
    height: 100%;
23
    background-image: url(../images/rotate.png);
24
    background-repeat: no-repeat;
25
    background-position: center;
26
    background-color: rgb(0, 0, 0);
27
    background-size: 25%;
28
    z-index: 999;
29
    display: none;
30
}
31
#loader {
32
    width: 100%;
33
    height: 50px;
34
    position: absolute;
35
    text-align: center;
36
    margin-top: 250px;
37
    display: block;
38
}
39
#loader,
40
#loader:after {
41
    border-radius: 50%;
42
    width: 10em;
43
    height: 10em;
44
}
45
#loader {
46
    margin: 60px auto;
47
    font-size: 10px;
48
    position: absolute;
49
    z-index: 99;
50
    left: 50%;
51
    top: 50%;
52
    margin-left: -5em;
53
    margin-top: -5em;
54
    text-indent: -9999em;
55
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
56
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
57
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
58
    border-left: 1.1em solid #ffffff;
59
    -webkit-transform: translateZ(0);
60
    -ms-transform: translateZ(0);
61
    transform: translateZ(0);
62
    -webkit-animation: load8 1.1s infinite linear;
63
    animation: load8 1.1s infinite linear;
64
}
65
@-webkit-keyframes load8 {
66
    0% {
67
        -webkit-transform: rotate(0deg);
68
        transform: rotate(0deg);
69
    }
70
    100% {
71
        -webkit-transform: rotate(360deg);
72
        transform: rotate(360deg);
73
    }
74
}
75
@keyframes load8 {
76
    0% {
77
        -webkit-transform: rotate(0deg);
78
        transform: rotate(0deg);
79
    }
80
    100% {
81
        -webkit-transform: rotate(360deg);
82
        transform: rotate(360deg);
83
    }
84
}
85