public/css/icinga/login-orbs.less


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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

/*! Icinga Web 2 | (c) 2021 Icinga GmbH | GPLv2+ */

#login {
  background-image: none;

  .login-form {
    background: none;
    box-shadow: none;
  }
}

.orb {
  display: block;
  position: absolute;
  pointer-events: none;
  transform-origin: center center;
}

.orb img {
  height: auto;
  width: 100%;
}

#orb-analytics {
  top: -19%;
  width: 25%;
  left: 22.5%;
  z-index: 0;
}

#orb-analytics img {
  opacity: .2;
}

#orb-automation {
  bottom: -6%;
  width: 60%;
  left: 7%;
  z-index: 0;
  margin-left: -30%;
  margin-bottom: -30%;
}

#orb-automation img {
  opacity: .75;
}

#orb-cloud {
  top: -6%;
  width: 25%;
  right: 4%;
  z-index: 0;
  margin-right: -12.5%;
  margin-top: -12.5%;
}

#orb-cloud img {
  opacity: .4;
}

#orb-notifactions {
  top: 7%;
  right: 46%;
  width: 10%;
  margin: -5%;
}

#orb-notifactions img {
  opacity: .5;
}

#orb-metrics {
  left: 5%;
  top: 20%;
  width: 35%;
  margin: -17.5%;
}

#orb-metrics img {
  opacity: .5;
}

#orb-icinga {
  left: 50%;
  top: 50%;
  margin-top: -38.5em;
  margin-left: -38em;
  width: 75em;
  z-index: 0;
}

#orb-icinga img {
  opacity: .8;
}

#orb-infrastructure {
  top: -36%;
  left: -15%;
  width: 30%;
}

#orb-infrastructure img {
  opacity: .6;
}