diff --git a/apps/user_ldap/css/renewPassword.css b/apps/user_ldap/css/renewPassword.css index c0c8081b80..7493789eab 100644 --- a/apps/user_ldap/css/renewPassword.css +++ b/apps/user_ldap/css/renewPassword.css @@ -20,108 +20,125 @@ } .tooltip { - position:absolute; - display:block; - font-family:'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif; - font-style:normal; - font-weight:400; - letter-spacing:normal; - line-break:auto; - line-height:1.6; - text-align:left; - text-align:start; - text-decoration:none; - text-shadow:none; - text-transform:none; - white-space:normal; - word-break:normal; - word-spacing:normal; - word-wrap:normal; - font-size:12px; - opacity:0; - z-index:100000; - filter:drop-shadow(0 1px 10px rgba(77, 77, 77, 0.75)); + position:absolute; + display:block; + font-family:'Open Sans', Frutiger, Calibri, 'Myriad Pro', Myriad, sans-serif; + font-style:normal; + font-weight:400; + letter-spacing:normal; + line-break:auto; + line-height:1.6; + text-align:left; + text-align:start; + text-decoration:none; + text-shadow:none; + text-transform:none; + white-space:normal; + word-break:normal; + word-spacing:normal; + word-wrap:normal; + font-size:12px; + opacity:0; + z-index:100000; + filter:drop-shadow(0 1px 10px rgba(77, 77, 77, 0.75)); } + .tooltip.in { - opacity:1 + opacity:1 } + .tooltip.top { - margin-top:-3px; - padding:10px 0 + margin-top:-3px; + padding:10px 0 } + .tooltip.bottom { - margin-top:3px; - padding:10px 0 + margin-top:3px; + padding:10px 0 } + .tooltip.right { - margin-left:3px; - padding:0 10px + margin-left:3px; + padding:0 10px } + .tooltip.right .tooltip-arrow { - top:50%; - left:0; - margin-top:-10px; - border-width:10px 10px 10px 0; - border-right-color:#fff + top:50%; + left:0; + margin-top:-10px; + border-width:10px 10px 10px 0; + border-right-color:#fff } + .tooltip.left { - margin-left:-3px; - padding:0 5px + margin-left:-3px; + padding:0 5px } + .tooltip.left .tooltip-arrow { - top:50%; - right:0; - margin-top:-10px; - border-width:10px 0 10px 10px; - border-left-color:#fff + top:50%; + right:0; + margin-top:-10px; + border-width:10px 0 10px 10px; + border-left-color:#fff } + .tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow { - bottom:0; - border-width:10px 10px 0; - border-top-color:#fff + bottom:0; + border-width:10px 10px 0; + border-top-color:#fff } + .tooltip.top .tooltip-arrow { - left:50%; - margin-left:-10px + left:50%; + margin-left:-10px } + .tooltip.top-left .tooltip-arrow { - right:10px; - margin-bottom:-10px + right:10px; + margin-bottom:-10px } + .tooltip.top-right .tooltip-arrow { - left:10px; - margin-bottom:-10px + left:10px; + margin-bottom:-10px } + .tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow { - top:0; - border-width:0 10px 10px; - border-bottom-color:#fff + top:0; + border-width:0 10px 10px; + border-bottom-color:#fff } + .tooltip.bottom .tooltip-arrow { - left:50%; - margin-left:-10px + left:50%; + margin-left:-10px } + .tooltip.bottom-left .tooltip-arrow { - right:10px; - margin-top:-10px + right:10px; + margin-top:-10px } + .tooltip.bottom-right .tooltip-arrow { - left:10px; - margin-top:-10px + left:10px; + margin-top:-10px } + .tooltip-inner { - max-width:350px; - padding:5px 8px !important; - background-color:#fff; - color:#000 !important; - text-align:center !important; - font-weight:normal !important; - border-radius:3px + max-width:350px; + padding:5px 8px !important; + background-color:#fff; + color:#000 !important; + text-align:center !important; + font-weight:normal !important; + border-radius:3px } + .tooltip-arrow { - position:absolute; - width:0; - height:0; - border-color:transparent; - border-style:solid + position:absolute; + width:0; + height:0; + border-color:transparent; + border-style:solid }