golden/frontend/res/imp/dot-styles.html

<!-- The dots-styles style module.
  Shared style information used by by the <dot-legend-sk> and the 
  <dots-sk> elements. 

  To use
	   <style include="dot-styles"></style>
  inside the template tag of a custom element.   	 

  Attributes: None

  Methods: None

  Events:	None

  Mailboxes: None
-->

<dom-module id="dot-styles">
  <template>
    <style>
      ::content g:hover circle {
        fill:   #E7298A;
        stroke: #E7298A;
      }

      ::content circle.status0 {
        fill:   #000000;
        stroke: #000000;
      }

      ::content circle.status1 {
        fill:   #ffffff;
        stroke: #1B9E77;
      }

      ::content circle.status2 {
        fill:   #ffffff;
        stroke: #D95F02;
      }

      ::content circle.status3 {
        fill:   #ffffff;
        stroke: #7570B3;
      }

      ::content circle.status4 {
        fill:   #ffffff;
        stroke: #E7298A;
      }

      ::content circle.status5 {
        fill:   #ffffff;
        stroke: #66A61E;
      }

      ::content circle.status6 {
        fill:   #ffffff;
        stroke: #E6AB02;
      }

      ::content circle.status7 {
        fill:   #ffffff;
        stroke: #A6761D;
      }

      ::content circle.status8 {
        fill:   #ffffff;
        stroke: #999999;
      }
    </style>
  </template>
</dom-module>