web/dashboard.css

   1 html {\r
   2     font-family: sans-serif;\r
   3 }\r
   4 \r
   5 .netdata-container {\r
   6         display: -webkit-flex; /* Safari */\r
   7         -webkit-flex-wrap: wrap; /* Safari 6.1+ */\r
   8         display: inline-block;\r
   9         flex-wrap: wrap;\r
  10         overflow: hidden;\r
  11 }\r
  12 \r
  13 .netdata-message {\r
  14         font-size: x-small;\r
  15         width: 100%;\r
  16         height: 100%;\r
  17         overflow: hidden;\r
  18 }\r
  19 \r
  20 .netdata-error-message {\r
  21         background: #EEEEEE;\r
  22 }\r
  23 \r
  24 .netdata-info-message {\r
  25 \r
  26 }\r
  27 \r
  28 .netdata-chart-legend {\r
  29         background-color:Gray;\r
  30         overflow: auto;\r
  31         overflow-y: scroll;\r
  32         display: inline-block;\r
  33 }\r
  34 \r
  35 .netdata-chart {\r
  36         display: inline-block;\r
  37         overflow: hidden;\r
  38 }\r
  39 \r
  40 .netdata-peity-chart {\r
  41 \r
  42 }\r
  43 \r
  44 .netdata-sparkline-chart {\r
  45 \r
  46 }\r
  47 \r
  48 .netdata-dygraph-chart {\r
  49 \r
  50 }\r
  51 \r
  52 .netdata-morris-chart {\r
  53 \r
  54 }\r
  55 \r
  56 .netdata-google-chart {\r
  57 \r
  58 }\r
  59 \r
  60 /* make dygraph legend disappear on hover */\r
  61 .dygraph-legend {\r
  62         opacity: 0.9;\r
  63         -webkit-transition:opacity 0.2s ease;\r
  64         -moz-transition:opacity 0.2s ease;\r
  65         -o-transition:opacity 0.2s ease;\r
  66         padding: 4px;\r
  67 }\r
  68 \r
  69 .dygraph-legend:hover {\r
  70         /* Red(0-255), Blue(0-255), Green(0-255), Alpha (0-1) */\r
  71         background-color:rgba(100,100,100,0); \r
  72         opacity:0;\r
  73 }\r
  74 \r
  75 /* TEST\r
  76 .dygraph-legend {\r
  77         position: absolute;\r
  78         background: rgb(0, 0, 0) transparent !important;\r
  79         background-color: rgba(0,0,0,0.6) !important;\r
  80         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000) !important;\r
  81         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)" !important;\r
  82         color: white !important;\r
  83         font: 10px arial, san serif !important;\r
  84         text-align: left !important;\r
  85         white-space: nowrap !important;\r
  86         padding: 5px !important;\r
  87         border: 1px solid white !important;\r
  88         box-sizing: content-box !important;\r
  89         z-index: 10000 !important;\r
  90 }\r
  91 */\r
  92 \r
  93 .dygraph-title {\r
  94         text-indent: 56px;\r
  95         text-align: left;\r
  96         position: absolute;\r
  97         left: 0px;\r
  98         top: 4px;\r
  99         font-size: 11px;\r
 100         font-weight: bold;\r
 101 }\r