css refactor a class modal for popups

introduces the modal css class to allows the use of modal windows
outside the context of info and data containers.

browser/css/vidjil.less

@@ -1025,22 +1025,25 @@ a.tag-link {
 
 /* ----------------- */
 
-.data-container, .info-container{
+.modal {
   z-index:3;
   border:solid; 
   position: fixed; 
-  top: 50px; 
-  left: 20px + @width_left_container;
   font-size: 13px; 
   padding: 10px;
   background: @background;
   display:none;
-  max-width: -moz-calc(~"100%" - @width_left_container + 60px);
-  max-width: -webkit-calc(~"100%" - @width_left_container + 60px);
-  max-width: calc(~"100%" - @width_left_container + 60px);
-  height: -moz-calc(~"100%" - 215px);
-  height: -webkit-calc(~"100%" - 215px);
-  height: calc(~"100%" - 215px);
+
+  &.data-container, &.info-container{
+    top: 50px;
+    left: 20px + @width_left_container;
+    max-width: -moz-calc(~"100%" - @width_left_container + 60px);
+    max-width: -webkit-calc(~"100%" - @width_left_container + 60px);
+    max-width: calc(~"100%" - @width_left_container + 60px);
+    height: -moz-calc(~"100%" - 215px);
+    height: -webkit-calc(~"100%" - 215px);
+    height: calc(~"100%" - 215px);
+  }
 }
 
 .data-msg, .info-msg{

browser/js/com.js

@@ -49,7 +49,7 @@ function Com(default_console) {
         }
     }
     
-    this.data_id = "data-container"; //TODO
+    this.data_id = "modal data-container"; //TODO
     
 
     this.DEBUG = 0
@@ -199,7 +199,7 @@ Com.prototype = {
         
         
         this.div_dataBox = document.createElement("div");
-        this.div_dataBox.className = "data-container";
+        this.div_dataBox.className = "modal data-container";
         
         var closedataBox = document.createElement("span");
         closedataBox.className = "closeButton" ;

browser/js/model.js

@@ -80,7 +80,7 @@ Model.prototype = {
         //build infoBox
         
         this.infoBox = document.createElement("div");
-        this.infoBox.className = "info-container";
+        this.infoBox.className = "modal info-container";
         
         var closeinfoBox = document.createElement("span");
         closeinfoBox.className = "closeButton" ;