src/main/webapp/css/chartist-plugin-tooltip.css
/*
* Certain versions of software accessible here may contain branding from Hewlett-Packard Company (now HP Inc.) and Hewlett Packard Enterprise Company.
* This software was acquired by Micro Focus on September 1, 2017, and is now offered by OpenText.
* Any reference to the HP and Hewlett Packard Enterprise/HPE marks is historical in nature, and the HP and Hewlett Packard Enterprise/HPE marks are the property of their respective owners.
* __________________________________________________________________
* MIT License
*
* Copyright 2012-2024 Open Text
*
* The only warranties for products and services of Open Text and
* its affiliates and licensors ("Open Text") are as may be set forth
* in the express warranty statements accompanying such products and services.
* Nothing herein should be construed as constituting an additional warranty.
* Open Text shall not be liable for technical or editorial errors or
* omissions contained herein. The information contained herein is subject
* to change without notice.
*
* Except as specifically indicated otherwise, this document contains
* confidential information and a valid license is required for possession,
* use or copying. If this work is provided to the U.S. Government,
* consistent with FAR 12.211 and 12.212, Commercial Computer Software,
* Computer Software Documentation, and Technical Data for Commercial Items are
* licensed to the U.S. Government under vendor's standard commercial license.
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ___________________________________________________________________
*/
.chartist-tooltip {
position: relative;
display: inline-block;
opacity: 0;
min-width: 5em;
min-height: 2em;
/*padding: .5em;*/
background: #efefef;;
pointer-events: none;
z-index: 10;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
font-family: Lucida Sans Unicode;
color: #333333;
font-size: 19px; /* Approximation due to font substitution */
font-weight: 300;
text-align: center;
-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.17);
padding-right: 0.5px;
padding-left: 0.5px;
/*padding-up: 2px;*/
}
.chartist-tooltip::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -15px;
border: 15px solid transparent;
border-top-color: #efefef;
}
.chartist-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -15px;
border: 10px solid transparent;
transform-origin: 0 0;
transform: rotate(-45deg);
border-color: transparent transparent transparent transparent;
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.17);
}
.chartist-tooltip.tooltip-show {
opacity: 1;
}
.ct-area, .ct-line {
pointer-events: none;
}
.chartist-tooltip-meta {
font-family: Lucida Sans Unicode;
color: #666666;
font-size: 11.4px; /* Approximation due to font substitution */
font-weight: 400;
/*line-height: 17px; !* Approximation due to font substitution *!*/
text-align: center;
}
.chartist-tooltip-value {
/*padding-bottom: 20px;*/
font-family: Lucida Sans Unicode;
font-size: 19px;/* Approximation due to font substitution */
font-weight: 500;
text-align: center;
}