theme-default/misc.less at master · PhalconEye/theme-default · GitHub

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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
/*
  +------------------------------------------------------------------------+
  | PhalconEye CMS                                                         |
  +------------------------------------------------------------------------+
  | Copyright (c) 2013-2014 PhalconEye Team (http://phalconeye.com/)       |
  +------------------------------------------------------------------------+
  | This source file is subject to the New BSD License that is bundled     |
  | with this package in the file LICENSE.txt.                             |
  |                                                                        |
  | If you did not receive a copy of the license and are unable to         |
  | obtain it through the world-wide-web, please send an email             |
  | to license@phalconeye.com so we can send you a copy immediately.       |
  +------------------------------------------------------------------------+
  | Author: Ivan Vorontsov <ivan.vorontsov@phalconeye.com>                 |
  | Author: Piotr Gasiorowski <p.gasiorowski@vipserv.org>                  |
  +------------------------------------------------------------------------+
*/

.ui-tooltip, .arrow:after {
  background: rgba(0, 0, 0, 0.75);
}

.ui-tooltip {
  float: left;
  padding: 5px;
  color: white;
  font-weight: bold;
  border: 0;
  max-width: 400px;
  box-shadow: none;
  background: #404040;
}

.ui-tooltip p {
  margin: 0;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}

.arrow.top {
  top: -16px;
  bottom: auto;
}

.arrow.left {
  left: 20%;
}

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  .transform(rotate(45deg));
}

.arrow.top:after {
  bottom: -20px;
  top: auto;
}

.page_views {
  padding: 10px;
  text-align: center;
}
.error_container {
  min-height: 500px;
}

.error_block {
  position: absolute;
  left: 50%;
  margin-left: -200px;
  top: 50%;
  margin-top: -80px;
  width: 400px;
}

.error_page_title {
  font-size: 128px;
  font-weight: bold;
  text-align: center;
  height: 150px;
}

.error_page_description {
  text-align: center;
  width: 400px;
}

.loading_stage {
  background: black;
  opacity: 0.7;
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
}

.loading_stage span {
  background: url("@{baseUrl}assets/img/core/loader/white.gif") no-repeat center center;
  display: block;
  width: 100%;
  height: 100%;
}