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 }\r
  67 \r
  68 .dygraph-legend:hover {\r
  69         /* Red(0-255), Blue(0-255), Green(0-255), Alpha (0-1) */\r
  70         background-color:rgba(100,100,100,0); \r
  71         opacity:0;\r
  72 }\r
  73 \r
  74 .dygraph-title {\r
  75         text-indent: 56px;\r
  76         text-align: left;\r
  77         position: absolute;\r
  78         left: 0px;\r
  79         top: 4px;\r
  80         font-size: 11px;\r
  81         font-weight: bold;\r
  82 }\r