SEND all files + questionnaires + json + data_tests

public/codes/all/cibler_css_id_class_menu.css

@@ -0,0 +1,91 @@
+#cibler_css_id_class_el {
+  nav#top_menu, nav#vertical_menu {
+    border: 1px solid;
+  }
+
+
+  #top_menu {
+    width: fit-content;
+    float: right;
+    padding-left: 30px;
+    padding-right: 16px;
+  }  
+  
+  #top_menu .menu_liste {
+    padding-left: 0;
+    text-align: right;
+    padding-right: 10px;
+  }
+  #vertical_menu .menu_liste {
+    margin: 0 30px 0 0px;
+    padding-left: 0;
+    padding-bottom: 60px;
+  }
+
+  .menu_item {
+    display: inline-block;
+    list-style: none;
+    padding: 10px;
+    border: 1px solid;
+    position: relative;
+    vertical-align: top;
+  }
+
+  a[data-type] {
+    background: yellow;
+  }
+  li:hover {
+    background: #000 !important;
+    color: #FFF !important;
+  }
+
+  .menu_item .submenu { 
+    display: none;
+    position: absolute;
+    z-index: 1;
+    /* width: fit-content; */
+    width: max-content;
+    border: 1px solid;
+    padding: 3px 20px 10px 15px;
+    margin: 8px 0 0 -10px;
+    background: #000 !important;
+    color: #FFF !important;
+    text-align: left;
+    list-style: none;
+  }
+  .menu_item:hover .submenu {
+      display: block;
+  }
+
+  .menu_item .submenu .submenu_item { 
+    color: #FFF;
+    background: #000 !important;
+    border: 1px solid #000;
+    padding-top: 5px;
+    padding-bottom: 3px;
+  }
+  .menu_item .submenu .submenu_item:hover { 
+    filter: invert(1);
+    margin-left: -15px;
+    margin-right: -23px;
+    padding-left: 13px;
+    border-color: #FFF !important;
+  }
+
+
+
+  #vertical_menu {
+    width: fit-content;
+    float: left;
+  }
+  #vertical_menu li.menu_item {
+    display: block;
+    width: max-content;
+    padding: 9px 10px;
+  }
+  #vertical_menu .submenu {
+    margin-top: -35px !important;
+    margin-left: 80px !important;
+  }
+
+}