Merge pull request #16028 from civicrm/5.20
[civicrm-core.git] / ang / crmStatusPage.css
1 /* CSS rules for Angular module "statuspage" */
2
3 #crm-status-list h3 {
4 color: white;
5 opacity: .85;
6 }
7
8 #crm-status-list h3:hover,
9 #crm-status-list h3.menuopen {
10 opacity: 1;
11 }
12
13 /* Error Severity */
14 #crm-status-list .crm-severity-emergency,
15 #crm-status-list .crm-severity-alert,
16 #crm-status-list .crm-severity-critical,
17 #crm-status-list .crm-severity-error{
18 background-color: #E43D2B;
19 }
20
21 /* Warning Severity */
22 #crm-status-list .crm-severity-warning {
23 background-color: #eba12d;
24 }
25
26 /* Not Okay - Not Warning */
27 #crm-status-list .crm-severity-notice {
28 background-color: #4d90eb;
29 }
30
31 /* All OK Severity */
32 #crm-status-list .crm-severity-info,
33 #crm-status-list .crm-severity-debug {
34 background-color: #00994D;
35 }
36
37 #crm-status-list .crm-status-message-body {
38 margin: 1em 0;
39 }
40
41 #crm-status-list .hidden-until {
42 font-weight: normal;
43 font-size: .8em;
44 margin-right: 1em;
45 }
46
47 #tab-status-visible-1 .hush-menu > div {
48 width: 20em; /* determines max-width of popup menu */
49 }
50
51 #crm-status-list .hush-menu > div {
52 position: relative;
53 font-size: .8em;
54 top: -2px;
55 }
56
57 #crm-status-list .hush-menu button {
58 float: right;
59 cursor: pointer;
60 line-height: 1em;
61 }
62
63 #crm-status-list .hush-menu ul {
64 position: absolute;
65 top: 1.5em;
66 right: 0;
67 width: auto;
68 margin: 0;
69 padding: 0;
70 z-index: 99;
71 }
72
73 #crm-status-list .hush-menu li {
74 padding: 0.2em 0.5em;
75 background-color: rgba(255, 255, 255, 0.9);
76 z-index: 99;
77 font-weight: normal;
78 }
79
80 .status-debug-information {
81 font-size: smaller;
82 }