webui: info box for boxes styled

one/static/style/base.less

@@ -42,6 +42,7 @@ body
         font-size:1.5em;
         font-size:1.5em;
         margin-top:0;
         margin-top:0;
         padding:10px;
         padding:10px;
+        position: relative;
     }
     }
     &.wide {
     &.wide {
         margin-right: 30px;
         margin-right: 30px;

one/static/style/box.less

@@ -614,3 +614,29 @@ table {
         background-image: url(/static/icons/key--exclamation.png);
         background-image: url(/static/icons/key--exclamation.png);
     }
     }
 }
 }
+
+.boxhelp {
+    position: relative;
+    .boxhelp-box {
+        color:#000;
+        position: absolute;
+        left: -100px;
+        width: 500px;
+        z-index: 1000000;
+        font-size: .7em;
+        background-color: #ffc;
+        border-radius:4px;
+        border:1px solid #aaa;
+        box-shadow:0 0 30px rgba(0,0,0,0.3);
+        margin:20px;
+        display: none;
+    }
+    &:hover .boxhelp-box {
+        display: block;
+    }
+    .icon {
+        display: block;
+        float: right;
+    }
+}
+

one/templates/box/base/box.html

 <div class="contentblock">
 <div class="contentblock">
-    <h2>{% block title %}Doboz címe (cseréld le){% endblock title %}{% block boxhelp %}{% endblock %}</h2>
+    <h2>{% block boxhelp %}{% endblock %}{% block title %}Doboz címe (cseréld le){% endblock title %}</h2>
     <div class="content">
     <div class="content">
         {% block content %}
         {% block content %}
         Doboz tartalma (cseréld le)
         Doboz tartalma (cseréld le)