ang/crmStatusPage.css

   1 /* Add any CSS rules for Angular module "statuspage" */
   2
   3 /* Error Severity */
   4 #crm-status-list .crm-severity-emergency,
   5 #crm-status-list .crm-severity-alert,
   6 #crm-status-list .crm-severity-critical,
   7 #crm-status-list .crm-severity-error{
   8   background-color: #E43D2B;
   9   color: white;
  10 }
  11
  12 #crm-status-list .crm-severity-emergency:hover,
  13 #crm-status-list .crm-severity-alert:hover,
  14 #crm-status-list .crm-severity-critical:hover,
  15 #crm-status-list .crm-severity-error:hover {
  16   background-color: #DD0000;
  17   color: white;
  18 }
  19
  20 /* Warning Severity */
  21 #crm-status-list .crm-severity-warning
  22 {
  23   background-color: #EDA737;
  24   color: white;
  25 }
  26
  27 #crm-status-list .crm-severity-warning:hover
  28 {
  29   background-color: #F09E1A;
  30   color: white;
  31 }
  32
  33
  34 /* Not Okay - Not Warning */
  35 #crm-status-list .crm-severity-notice
  36 {
  37   background-color: #4A88DF;
  38   color: white;
  39 }
  40
  41 #crm-status-list .crm-severity-notice :hover
  42 {
  43   background-color: #41477E;
  44   color: white;
  45 }
  46
  47 /* All OK Severity */
  48 #crm-status-list .crm-severity-info,
  49 #crm-status-list .crm-severity-debug {
  50   background-color: #00994D;
  51   color: white;
  52 }
  53
  54
  55 #crm-status-list .crm-severity-info:hover,
  56 #crm-status-list .crm-severity-debug:hover {
  57   background-color: #006633;
  58   color: white;
  59 }
  60
  61 /* over-riding divs for snooze-options so that inline-block looks better */
  62
  63 .crm-container .status-snooze-options .crm-section .content,
  64 .crm-container .status-snooze-options .crm-section .label {
  65   margin-left: inherit;
  66   text-align: inherit;
  67   float: inherit;
  68   width: inherit;
  69   display: inline-block;
  70 }