Adjusted uianimation.js to new html/css model

src/main/resources/static/css/commons/r11form.css

@@ -87,6 +87,16 @@
     display: none;
 }
 
+.tool-extention {
+    opacity: 0;
+    pointer-events: none;
+}
+
+.tool-extention.active {
+    opacity: 100%;
+    pointer-events: all;
+}
+
 .clickable-text {
     padding: 0;
     outline: none;
@@ -355,6 +365,15 @@
     display: block;
 }
 
+.tabcontent {
+    display: none;
+}
+
+.tabcontent.active {
+    display: flex;
+    justify-content: center;
+}
+
 .collapsible .section-button {
     width: 100%;
     padding: 15px 0;
@@ -385,6 +404,10 @@
     text-align: justify;
 }
 
-.hiddable.active {
+.hiddable {
     display: none;
+}
+
+.hiddable.active {
+    display: block;
 }