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     z-index: 600;
   9     pointer-events: none;
  10     display: flex;
  11     background-color: white;
  12     box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  13     border-radius: 2px;
  14 }
  15
  16 .popover .content {
  17     pointer-events: auto;
  18     overflow: auto;
  19     -webkit-user-select: text;
  20     line-height: 11px;
  21     flex: auto;
  22     margin: 6px;
  23 }
  24
  25 .popover .content.no-margin {
  26     margin: 0;
  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-top: -19px;
  36     top: 0;
  37     left: 0;
  38 }
  39
  40 .popover.top-left-arrow .arrow {
  41     /* The default is top-left, no styles needed. */
  42 }
  43
  44 .popover.top-right-arrow .arrow {
  45     right: 19px;
  46     left: auto;
  47 }
  48
  49 .popover.bottom-left-arrow .arrow {
  50     top: auto;
  51     bottom: 0;
  52     margin-top: 0;
  53     margin-bottom: -19px;
  54     background-position: 0 -19px;
  55 }
  56
  57 .popover.bottom-right-arrow .arrow {
  58     right: 15px;
  59     left: auto;
  60     top: auto;
  61     bottom: 0;
  62     margin-top: 0;
  63     margin-bottom: -19px;
  64     background-position: 0 -19px;
  65 }
  66
  67 .source-frame-popover-title {
  68     text-overflow: ellipsis;
  69     overflow: hidden;
  70     white-space: nowrap;
  71     font-weight: bold;
  72     padding-left: 18px;
  73 }
  74
  75 .source-frame-popover-tree {
  76     border-top: 1px solid rgb(184, 184, 184);
  77     overflow: auto;
  78     position: relative;
  79     top: 5px;
  80     bottom: 0;
  81     left: 0;
  82     right: 0;
  83     margin-top: 1px;
  84 }
  85
  86 /* Custom popup scrollers */
  87
  88 .custom-popup-horizontal-scroll ::-webkit-scrollbar,
  89 .custom-popup-vertical-scroll ::-webkit-scrollbar {
  90     width: 11px;
  91     height: 11px;
  92 }
  93
  94 .custom-popup-horizontal-scroll ::-webkit-scrollbar-corner,
  95 .custom-popup-vertical-scroll ::-webkit-scrollbar-corner {
  96     display: none;
  97 }
  98
  99 .custom-popup-horizontal-scroll ::-webkit-resizer,
 100 .custom-popup-vertical-scroll ::-webkit-resizer {
 101     display: none;
 102 }
 103
 104 .custom-popup-horizontal-scroll ::-webkit-scrollbar-button,
 105 .custom-popup-vertical-scroll ::-webkit-scrollbar-button {
 106     display: none;
 107 }
 108
 109 /* Custom Horizontal Scrollbar Styles */
 110
 111 .custom-popup-horizontal-scroll ::-webkit-scrollbar:horizontal:corner-present {
 112     border-right-width: 0;
 113 }
 114
 115 .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal {
 116     -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11;
 117     border-color: transparent;
 118     border-width: 0 11px;
 119     min-width: 20px;
 120 }
 121
 122 .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover {
 123     -webkit-border-image: url(Images/thumbHoverHoriz.png) 0 11 0 11;
 124 }
 125
 126 .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active {
 127     -webkit-border-image: url(Images/thumbActiveHoriz.png) 0 11 0 11;
 128 }
 129
 130 .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:start {
 131     margin-left: 5px;
 132 }
 133
 134 .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:end {
 135     margin-right: 5px;
 136 }
 137
 138 .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:end:corner-present {
 139     margin-right: 4px;
 140 }
 141
 142 .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement {
 143     -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11;
 144     border-color: transparent;
 145     border-width: 0 0 0 11px;
 146 }
 147
 148 .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment {
 149     -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11;
 150     border-color: transparent;
 151     border-width: 0 11px 0 0;
 152 }
 153
 154 /* Custom Vertical Scrollbar Styles */
 155
 156 .custom-popup-vertical-scroll ::-webkit-scrollbar:vertical:corner-present {
 157     border-bottom-width: 0;
 158 }
 159
 160 .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical {
 161     -webkit-border-image: url(Images/thumbVert.png) 11 0 11 0;
 162     border-color: transparent;
 163     border-width: 11px 0;
 164     min-height: 20px;
 165 }
 166
 167 .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover {
 168     -webkit-border-image: url(Images/thumbHoverVert.png) 11 0 11 0;
 169 }
 170
 171 .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active {
 172     -webkit-border-image: url(Images/thumbActiveVert.png) 11 0 11 0;
 173 }
 174
 175 .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement {
 176 }
 177
 178 .custom-popup-vertical-scroll ::-webkit-scrollbar-track:vertical {
 179     background: linear-gradient(to right, rgb(80, 80, 80), rgb(192, 192, 192) 25%, rgb(192, 192, 192));
 180     border-radius: 5px;
 181     margin: 5px;
 182 }