widgets/nagios/nagios.scss


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

$background: #444;
$text: #fff;
$success: #50BA5B;
$warning: #F6A41C;
$failure: #D93C38;
$neutral: #888;

$error: #000;

.widget-nagios {
  li {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 25px;

    .alert {
      position: relative;
      padding: 2px 0 0 0;
    }

    .title-link {
      font-size: 30px;

      &:hover {
        color: rgba(255, 255, 255, 0.7);
      }
    }

    h3 {
      font-size: 60px;
      font-weight: bold;
    }

    h4 {
      font-size: 20px;
      font-weight: bold;
      text-transform: uppercase;
      display: inline;
    }

    p {
      &.widget-content {
        text-align: left;
        margin-left: 20px;
        font-size: 16px;
      }
    }

    &.green {
      background-color: $success;

      p {
        &.updated-at {
          color: lighten($success, 20%);
        }
      }
    }

    &.yellow {
      background-color: $warning;

      p {
        &.updated-at {
          color: lighten($warning, 20%);
        }
      }
    }

    &.red {
      background-color: $failure;

      p {
        &.updated-at {
          color: lighten($failure, 20%);
        }
      }
    }

    &.gray {
      background-color: $neutral;

      p {
        &.updated-at {
          color: lighten($neutral, 20%);
        }
      }
    }

    &.error {
      background-color: $error;

      p {
        &.updated-at {
          color: lighten($error, 20%);
        }
      }
    }
  }
}