src/third_party/WebKit/Source/devtools/front_end/popover.css

   1 .popover-container {
   2     pointer-events: none;
   3     overflow: hidden;
   4 }
   5
   6 .popover {
   7     position: absolute;
   8     -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25;
   9     border-width: 25px;
  10     z-index: 600;
  11     pointer-events: none;
  12 }
  13
  14 .popover .content {
  15     position: absolute;
  16     top: 0;
  17     bottom: 0;
  18     left: 0;
  19     right: 0;
  20     pointer-events: auto;
  21     overflow: auto;
  22     -webkit-user-select: text;
  23     line-height: 11px;
  24 }
  25
  26 .popover .content.fixed-height {
  27     overflow: hidden;
  28 }
  29
  30 .popover .arrow {
  31     position: absolute;
  32     background-image: url(Images/popoverArrows.png);
  33     width: 19px;
  34     height: 19px;
  35     margin-left: 15px;
  36     margin-top: -24px;
  37     top: 0;
  38     left: 0;
  39 }
  40
  41 .popover.top-left-arrow .arrow {
  42     /* The default is top-left, no styles needed. */
  43 }
  44
  45 .popover.top-right-arrow .arrow {
  46     right: 24px;
  47     left: auto;
  48 }
  49
  50 .popover.bottom-left-arrow .arrow {
  51     top: auto;
  52     bottom: 0;
  53     margin-top: 0;
  54     margin-bottom: -24px;
  55     background-position: 0 -19px;
  56 }
  57
  58 .popover.bottom-right-arrow .arrow {
  59     right: 15px;
  60     left: auto;
  61     top: auto;
  62     bottom: 0;
  63     margin-top: 0;
  64     margin-bottom: -24px;
  65     background-position: 0 -19px;
  66 }