[Mpuls-commits] r6059 - in base/trunk/mpulsweb: public/images/icons public/styles templates

[scm-commit at wald.intevation.org]

Author: torsten
Date: 2012-08-29 10:51:01 +0200 (Wed, 29 Aug 2012)
New Revision: 6059

Added:
   base/trunk/mpulsweb/public/images/icons/infotool.png
   base/trunk/mpulsweb/public/styles/tooltip.css
Modified:
   base/trunk/mpulsweb/templates/base.mako
Log:
Added required styles for the new tooltip renderer.


Added: base/trunk/mpulsweb/public/images/icons/infotool.png
===================================================================
(Binary files differ)


Property changes on: base/trunk/mpulsweb/public/images/icons/infotool.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: base/trunk/mpulsweb/public/styles/tooltip.css
===================================================================
--- base/trunk/mpulsweb/public/styles/tooltip.css	                        (rev 0)
+++ base/trunk/mpulsweb/public/styles/tooltip.css	2012-08-29 08:51:01 UTC (rev 6059)
@@ -0,0 +1,61 @@
+.tooltip {
+    border-bottom: 1px;
+    font-color: #3CA3FF;
+    text-decoration: none;
+}
+
+.tooltip span {
+    display: none;
+    padding:3px 5px;
+}
+
+a.tooltip {
+    cursor: help;
+}
+
+.tooltip:hover span {
+    display:inline;
+    position:absolute;
+    border:1px solid #cccccc;
+    color:#6c6c6c;
+    margin-left: -165;
+    margin-top: 40;
+    border-radius: 5px 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
+}
+
+.tooltip:hover img {
+    border: 0;
+    margin: -25px 0 0 -25px;
+    float: left;
+    position: absolute;
+}
+
+.tooltip:hover em {
+    font-family: Candara, Tahoma, Geneva, sans-serif;
+    font-size: 1.1em;
+    font-weight: bold;
+    display: block;
+    padding: 0.1em 0 0.6em 2.0em;
+    margin: 0px 10px 0 0px;
+}
+
+.errortip {
+    background: #FFFFFF;
+    border: 1px solid #FF3334;
+    width: 430px;
+    font-size: 1.0em;
+    margin-left: 15px;
+}
+
+.warningtip {
+    background: #FFFFFF;
+    border: 1px solid #FFFFFF;
+    width: 200px;
+    font-size: 1.0em;
+    margin-left: 17px;
+}

Modified: base/trunk/mpulsweb/templates/base.mako
===================================================================
--- base/trunk/mpulsweb/templates/base.mako	2012-08-28 15:36:09 UTC (rev 6058)
+++ base/trunk/mpulsweb/templates/base.mako	2012-08-29 08:51:01 UTC (rev 6059)
@@ -49,6 +49,8 @@
             rel="stylesheet" type="text/css">
       <link href="${h.url('/styles/menu.css')}" media="screen" 
             rel="stylesheet" type="text/css">
+      <link href="${h.url('/styles/tooltip.css')}" media="screen" 
+            rel="stylesheet" type="text/css">
       <link href="${h.url('/styles/local.css')}" media="all" rel="stylesheet"
             type="text/css">
       <!--[if IE 6]>