third_party/WebKit/Source/devtools/front_end/ui/tooltip.css

   1 /*
   2  * Copyright (c) 2015 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 .tooltip {
   8     background: hsl(0, 0%, 95%);
   9     border-radius: 2px;
  10     color: hsl(0, 0%, 20%);
  11     padding: 5px 8px;
  12     font-size: 11px;
  13     line-height: 14px;
  14     display: flex;
  15     align-items: center;
  16     -webkit-filter: drop-shadow(0 1px 2px hsla(0, 0%, 0%, 0.3));
  17     border: 1px solid hsla(0, 0%, 0%, 0.1);
  18     background-clip: padding-box;
  19     box-sizing: border-box;
  20     position: absolute;
  21     visibility: hidden;
  22     transition: visibility 0s 100ms, opacity 150ms cubic-bezier(0, 0, .2, 1);
  23     z-index: 20001;
  24     top: 0;
  25     left: 0;
  26     opacity: 0;
  27     text-overflow: ellipsis;
  28     overflow: hidden;
  29 }
  30
  31 .tooltip.shown {
  32     visibility: visible;
  33     transition-delay: 600ms;
  34     opacity: 1;
  35 }
  36
  37 .tooltip.shown.instant {
  38     transition-delay: 0s;
  39 }
  40
  41 .tooltip-shortcut {
  42     color: hsl(0, 0%, 45%);
  43     display: inline-block;
  44     margin-left: 8px;
  45     flex: 0 0 auto;
  46 }