X-Git-Url: https://pwan.org/git/?p=tech-radar.git;a=blobdiff_plain;f=examples%2Fbase.css;h=cb1ac4fb96b6d0227c3b49b0b69f03765a526c37;hp=3ea04e8dd7093500419e66b939c5a8f684dfa886;hb=4e488d92209240532d080c10f46c6db9f0e42cf2;hpb=81d538513be2cb5eca002041a965dc2f08f0ad46

diff --git a/examples/base.css b/examples/base.css
index 3ea04e8..cb1ac4f 100644
--- a/examples/base.css
+++ b/examples/base.css
@@ -3,14 +3,6 @@ body {
 
 svg {
   padding: 20px; }
-  svg .first {
-    fill: #83ad78; }
-  svg .second {
-    fill: #3db5be; }
-  svg .third {
-    fill: #e88744; }
-  svg .fourth {
-    fill: #8d2145; }
   svg circle:nth-child(1) {
     stroke: none;
     fill: #eaeaea; }
@@ -23,10 +15,30 @@ svg {
   svg circle:nth-child(4) {
     stroke: none;
     fill: #bababa; }
-  svg circle, svg polygon {
+  svg .blip-group {
+    cursor: pointer; }
+  svg circle.first, svg polygon.first {
+    fill: #83ad78;
+    stroke: #fff; }
+  svg circle.second, svg polygon.second {
+    fill: #3db5be;
+    stroke: #fff; }
+  svg circle.third, svg polygon.third {
+    fill: #e88744;
+    stroke: #fff; }
+  svg circle.fourth, svg polygon.fourth {
+    fill: #8d2145;
     stroke: #fff; }
   svg line {
     stroke: rgba(255, 255, 255, 0.3); }
+  svg text.first {
+    fill: #83ad78; }
+  svg text.second {
+    fill: #3db5be; }
+  svg text.third {
+    fill: #e88744; }
+  svg text.fourth {
+    fill: #8d2145; }
   svg text.first, svg text.second, svg text.third, svg text.fourth {
     font-size: 16px;
     font-weight: bold; }
@@ -34,6 +46,11 @@ svg {
     font-size: 9px;
     font-style: italic;
     fill: #fff; }
+  svg text.blip-name {
+    font-size: 12px;
+    font-weight: bold;
+    fill: #000;
+    display: none; }
   svg text.line-text {
     font-weight: bold;
     text-transform: uppercase;