logviewer/static/css/jquery.kismet.messagebus.css

   1 :root {
   2     --messagebus-debug-color: grey;
   3     --messagebus-info-color: yellow;
   4     --messagebus-alert-color: #FF0000;
   5 }
   6
   7 [data-theme="dark"] {
   8     --messagebus-alert-color: #960000;
   9 }
  10
  11 .messagebus {
  12     overflow-y: scroll;
  13     overflow-x: hidden;
  14     padding-bottom: 5px;
  15 }
  16
  17 /* Basic message formatting */
  18 .messagebus_message {
  19     border-top: 1px solid DarkGrey !important;
  20     border-bottom: 1px solid DarkGrey !important;
  21     border-left: 5px solid black;
  22     margin-bottom: 3px;
  23     margin-top: 3px;
  24     padding-left: 5px;
  25     background-color: transparent;
  26 }
  27
  28 .messagebus_message:hover {
  29     background-color: #CCCCCC;
  30 }
  31
  32 /* Let us use empty divs as a cheap hack for replacing messages */
  33 .messagebus_message:empty {
  34     display: none;
  35 }
  36
  37 /* Match the first paragraph element and format it for the date */
  38 .messagebus_message > p:nth-of-type(1) {
  39     font-weight: bold;
  40     font-family: monospace;
  41     display: inline;
  42     margin-right: 5px;
  43     padding-left: 5px;
  44 }
  45
  46 /* Different message classes get different side color tags */
  47 .messagebus_debug {
  48     border-left: 5px solid grey;
  49 }
  50
  51 .messagebus_info {
  52     border-left: 5px solid yellow;
  53 }
  54
  55 .messagebus_error {
  56     border-left: 5px solid red;
  57 }
  58
  59 .messagebus_alert {
  60     border-left: 5px solid red;
  61 }
  62
  63 .messagebus_alert > p:nth-of-type(1) {
  64     background-color: #FF5555;
  65 }
  66
  67 .messagebus_fatal {
  68     border-left: 5px solid red;
  69 }
  70
  71 .messagebus_alert > p:nth-of-type(1) {
  72     background-color: var(--messagebus-alert-color);
  73 }
  74
  75