0
|
1 * {
|
|
2 color: rgb(57, 83, 120);
|
|
3 }
|
|
4
|
|
5 .dark * {
|
|
6 color: rgb(220, 232, 232);
|
|
7 }
|
|
8
|
|
9 .navbar .navbar-brand {
|
|
10 animation-name: pritunl-logo;
|
|
11 animation-duration: 20s;
|
|
12 animation-iteration-count: infinite;
|
|
13 }
|
|
14
|
|
15 @keyframes pritunl-logo {
|
|
16 0% {
|
|
17 transform: rotate3d(1, 0, 0, 360deg);
|
|
18 }
|
|
19
|
|
20 25% {
|
|
21 transform: rotate3d(1, 0, 0, 0deg);
|
|
22 }
|
|
23
|
|
24 50% {
|
|
25 transform: rotate3d(0, 1, 0, 0deg);
|
|
26 }
|
|
27
|
|
28 75% {
|
|
29 transform: rotate3d(0, 1, 0, 360deg);
|
|
30 }
|
|
31
|
|
32 100% {
|
|
33 transform: rotate3d(0, 1, 0, 360deg);
|
|
34 }
|
|
35 }
|
|
36
|
|
37 body::before {
|
|
38 position: fixed;
|
|
39 bottom: 0;
|
|
40 right: 0;
|
|
41 content: '';
|
|
42 background: url("BACKGROUND_IMAGE_URI");
|
|
43 background-size: contain;
|
|
44 background-repeat: no-repeat;
|
|
45 width: 10em;
|
|
46 height: 10em;
|
|
47 margin: 1em;
|
|
48 opacity: 0.1;
|
|
49 z-index: -99;
|
|
50 } |