webui: class based tooltips

one/static/box.less

@@ -33,11 +33,10 @@
     }
     }
 }
 }
 
 
-#new-wm-tooltip{
+.tooltip{
     position: relative;
     position: relative;
     z-index: 1;
     z-index: 1;
-}
-#new-wm-tooltip-container{
+    .container{
         margin: 10px 10px 5px 150px;
         margin: 10px 10px 5px 150px;
         border-radius: 4px;
         border-radius: 4px;
         border: 1px solid #888;
         border: 1px solid #888;
@@ -49,7 +48,7 @@
             word-spacing: 2px;
             word-spacing: 2px;
             padding: 5px;
             padding: 5px;
         }
         }
-    #new-wm-tooltip-tail{
+        .tail{
             position: absolute;
             position: absolute;
             left: 350px;
             left: 350px;
             border-width: 17px;
             border-width: 17px;
@@ -65,8 +64,10 @@
                 border-color: #FFFF66 transparent transparent transparent;
                 border-color: #FFFF66 transparent transparent transparent;
             }
             }
         }
         }
+    }
 }
 }
 
 
+
 .wm{
 .wm{
     &.opened .actions{
     &.opened .actions{
         display: block !important;
         display: block !important;