wip: 2.5d effectPOC_2.5d

1 files changed, 20 insertions, 24 deletions

diff --git a/res/client/css/style.css b/res/client/css/style.css
index 6a8715a6..3243d304 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -881,25 +881,27 @@ p {
 .circle {
   z-index: 100;
   pointer-events: all;
-  fill: #363636; }
+  fill: #363636;
+  transform: matrix(1.956, 0.267, -1.467, 2.4, 0, 0);
+  transform-origin: 0 0; }
 
-.circle:hover {
-  stroke: #ff8b11;
-  stroke-opacity: 1;
-  stroke-width: 5px;
-  opacity: 1; }
+.nodetext {
+  fill: #363636;
+  font-size: 18px;
+  z-index: 3; }
 
-.circle.hovering {
+.linklabel {
+  font-size: 14px;
+  fill: black;
+  stroke: transparent;
+  text-shadow: 2px 2px yellow; }
+
+.circle:hover {
   stroke: #ff8b11;
   stroke-opacity: 1;
   stroke-width: 5px;
   opacity: 1; }
 
-.nodetext {
-  fill: #363636;
-  font-size: 18px;
-  z-index: 3; }
-
 .svg-input-fo-node {
   fill: #363636;
   z-index: 3; }
@@ -937,12 +939,6 @@ p {
     stroke-width: 2px;
     opacity: 1; }
 
-.linklabel {
-  font-size: 14px;
-  fill: black;
-  stroke: transparent;
-  text-shadow: 2px 2px yellow; }
-
 .ghostlink {
   opacity: 0.0;
   fill: white;
@@ -1092,14 +1088,14 @@ g:focus circle {
   text-align: left; }
 
 .activity-root-div {
-  position: absolute;
-  width: 100%;
-  max-height: 400px;
-  background: white;
-  overflow: auto; }
+  position: fixed;
+  left: 10px;
+  width: 200px;
+  height: 70%;
+  top: 20%; }
 
 .activity-div {
-  border: 1px solid #f5f5fa; }
+  border: 1px solid #004681; }
 
 .activity-div:hover {
   color: #8eb6bf;