webui: id based tooltips converted to class based tooltips

one/templates/box-grouplist.html

@@ -52,13 +52,13 @@
                 </li>
                 {% endfor %}
                 {% else %}
-                <div id="new-wm-tooltip">
-                    <div id="new-wm-tooltip-container">
+                <div class="tooltip">
+                    <div class="container">
                         <p>{% trans "You have no groups." %}</p>
                         <p>
                             {% trans "Create a new one, and add your students to the new group." %}
                         </p>
-                        <div id="new-wm-tooltip-tail"></div>
+                        <div class="tail"></div>
                     </div>
                 </div>
                 {% endif %}

one/templates/box-templatelist.html

@@ -81,13 +81,13 @@
         {% endfor %}
 
             {% if not mytemplates and not group %}
-        <div id="new-wm-tooltip">
-            <div id="new-wm-tooltip-container">
+        <div class="tooltip">
+            <div class="container">
                 <p>{% trans "You have no own templates." %}</p>
                 <p>
                     {% trans "Create a new one, and share it with your students. Or you can also use a common one." %}
                 </p>
-                <div id="new-wm-tooltip-tail"></div>
+                <div class="tail"></div>
             </div>
         </div>
         {% endif %}

one/templates/box-vmlist.html

@@ -115,13 +115,13 @@
 </li>
 {% endfor %}
 {% else %}
-<div id="new-wm-tooltip">
-<div id="new-wm-tooltip-container">
+<div class="tooltip">
+    <div class="container">
         <p>{% trans "You have not started any machines yet." %}</p>
         <p>
             {% trans "Choose a template, and you can use the system in a minute." %}
         </p>
-    <div id="new-wm-tooltip-tail"></div>
-</div>
+        <div class="tail"></div>
+    </div>
 </div>
 {% endif %}

school/templates/show-group.html

@@ -112,15 +112,15 @@
 </div>
 <div class="boxes">
     {% if noshare %}
-        <div id="new-wm-tooltip" style="position:absolute">
-            <div id="new-wm-tooltip-container">
+        <div class="tooltip" style="position:absolute">
+            <div class="container">
                 <p>
                     {% trans "This group has no shared templates." %}
                 </p>
                 <p>
                     {% trans "Share one, and the group members can start their own virtual machine." %}
                 </p>
-                <div id="new-wm-tooltip-tail"></div>
+                <div class="tail"></div>
             </div>
         </div>
     {% endif %}