Icons instead of images in zCVob article

docs/zengin/worlds/Classes/zCVob.md

@@ -3,63 +3,97 @@
 Represents so-called virtual objects which appear in the game world. `zCVob` is the base class for all virtual objects which include everything from static models like boxes to interactive elements like doors and chests and invisible trigger objects.
 
 ## Class members
+Properties of a zCVob class are split into two parts. The **Internals** are hardly ever needed to be edited manually, they are changeed by e.g. moving an object in [Spacer](../spacer.md). On the other hand the **Vob** properties can only be changed by the Objects context menu in [Spacer](../spacer.md).
 
 === "G1"
-    <figure markdown style="float:right;margin:0 10px 10px 0">
-        ![zCVob properties in spacer](../../../assets/images/zCVob_G1.png){width="300" }
-    </figure>
-
-    Properties of a zCVob class are split into two parts. The **Internals** are hardly ever needed to be edited manually, they are changeed by e.g. moving an object in [Spacer](../spacer.md). On the other hand the **Vob** properties can only be changed by the Objects context menu in [Spacer](../spacer.md).
-
-    **Internals**
 
-    - [pack](#pack)
-    - [presetName](#presetname)
-    - [bbox3DWS](#bbox3dws)
-    - [trafoOSToWSRot](#trafoostowsrot)
-    - [trafoOSToWSPos](#trafoostowspos)
+    - zCVob
+    {: style="list-style-image: url('/gmc/assets/icons/spacer-class.png');"}
+        - Internals
+        {: style="list-style-image: url('/gmc/assets/icons/spacer-folder.png');"}
+            - [pack](#pack) = 0
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-int.png');"}
+            - [presetName](#presetname) = ""
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-string.png');"}
+            - [bbox3DWS](#bbox3dws) = 0 0 0 0 0 0
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-misc.png');"}
+            - [trafoOSToWSRot](#trafoostowsrot) = 0
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-misc.png');"}
+            - [trafoOSToWSPos](#trafoostowspos) = 0 0 200
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-vec.png');"}
+        - Vob
+        {: style="list-style-image: url('/gmc/assets/icons/spacer-folder.png');"}
+            - [vobName](#vobname) = ""
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-string.png');"}
+            - [visual](#visual) = ""
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-string.png');"}
+            - [showVisual](#showvisual) = TRUE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+            - [visualCamAlign](#visualcamalign) = NONE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-enum.png');"}
+            - [CdStatic](#cdstatic) = FALSE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+            - [CdDyn](#cddyn) = FALSE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+            - [staticVob](#staticvob) = FALSE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+            - [dynShadow](#dynshadow) = DS_NONE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-enum.png');"}
+    - visual = NULL
+    {: style="list-style-image: url('/gmc/assets/icons/spacer-class.png');"}
+    - ai = NULL
+    {: style="list-style-image: url('/gmc/assets/icons/spacer-class.png');"}
 
-    **Vob**
+=== "G2A"
 
-    - [vobName](#vobname)
-    - [visual](#visual)
-    - [showVisual](#showvisual)
-    - [visualCamAlign](#visualcamalign)
-    - [CdStatic](#cdstatic)
-    - [CdDyn](#cddyn)
-    - [staticVob](#staticvob)
-    - [dynShadow](#dynshadow)
+    - zCVob
+    {: style="list-style-image: url('/gmc/assets/icons/spacer-class.png');"}
+        - Internals
+        {: style="list-style-image: url('/gmc/assets/icons/spacer-folder.png');"}
+            - [pack](#pack) = 0
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-int.png');"}
+            - [presetName](#presetname) = ""
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-string.png');"}
+            - [bbox3DWS](#bbox3dws) = 0 0 0 0 0 0
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-misc.png');"}
+            - [trafoOSToWSRot](#trafoostowsrot) = 0
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-misc.png');"}
+            - [trafoOSToWSPos](#trafoostowspos) = 0 0 200
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-vec.png');"}
+        - Vob
+        {: style="list-style-image: url('/gmc/assets/icons/spacer-folder.png');"}
+            - [vobName](#vobname) = ""
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-string.png');"}
+            - [visual](#visual) = ""
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-string.png');"}
+            - [showVisual](#showvisual) = TRUE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+            - [visualCamAlign](#visualcamalign) = NONE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-enum.png');"}
+            - [visualAniMode](#visualanimode) = NONE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-enum.png');"}
+            - [visualAniModeStrength](#visualanimodestrength) = 0.0
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-float.png');"}
+            - [vobFarClipZScale](#vobfarclipzscale) = 1.0
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-float.png');"}
+            - [CdStatic](#cdstatic) = FALSE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+            - [CdDyn](#cddyn) = FALSE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+            - [staticVob](#staticvob) = FALSE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+            - [dynShadow](#dynshadow) = DS_NONE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-enum.png');"}
+            - [zbias](#zbias) = 1
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-int.png');"}
+            - [isAmbient](#isambient) = FALSE
+            {: style="list-style-image: url('/gmc/assets/icons/spacer-bool.png');"}
+    - visual = NULL
+    {: style="list-style-image: url('/gmc/assets/icons/spacer-class.png');"}
+    - ai = NULL
+    {: style="list-style-image: url('/gmc/assets/icons/spacer-class.png');"}
 
-=== "G2A"
-    <figure markdown style="float:right;margin:0 10px 10px 0">
-        ![zCVob properties in spacer2](../../../assets/images/zCVob_G2A.png){ width="300" }
-    </figure>
-
-    Properties of a zCVob class are split into two parts. The **Internals** are hardly ever needed to be edited manually, they are changeed by e.g. moving an object in [Spacer](../spacer.md). On the other hand the **Vob** properties can only be changed by the Objects context menu in [Spacer](../spacer.md).
-
-    **Internals**
-
-    - [pack](#pack)
-    - [presetName](#presetname)
-    - [bbox3DWS](#bbox3dws)
-    - [trafoOSToWSRot](#trafoostowsrot)
-    - [trafoOSToWSPos](#trafoostowspos)
-
-    **Vob**
-
-    - [vobName](#vobname)
-    - [visual](#visual)
-    - [showVisual](#showvisual)
-    - [visualCamAlign](#visualcamalign)
-    - [visualAniMode](#visualanimode)
-    - [visualAniModeStrength](#visualanimodestrength)
-    - [vobFarClipZScale](#vobfarclipzscale)
-    - [CdStatic](#cdstatic)
-    - [CdDyn](#cddyn)
-    - [staticVob](#staticvob)
-    - [dynShadow](#dynshadow)
-    - [zbias](#zbias)
-    - [isAmbient](#isambient)
+
 
 ## Class member overview