Index: resources/inspector/popover.css |
=================================================================== |
--- resources/inspector/popover.css (revision 0) |
+++ resources/inspector/popover.css (revision 0) |
@@ -0,0 +1,200 @@ |
+.popover { |
+ position: absolute; |
+ -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25; |
+ border-width: 25px; |
+ z-index: 100; |
+ pointer-events: none; |
+} |
+ |
+.popover .content { |
+ position: absolute; |
+ top: 0; |
+ bottom: 0; |
+ left: 0; |
+ right: 0; |
+ pointer-events: auto; |
+ overflow: auto; |
+} |
+ |
+.popover .arrow { |
+ position: absolute; |
+ background-image: url(Images/popoverArrows.png); |
+ width: 19px; |
+ height: 19px; |
+ margin-left: 15px; |
+ margin-top: -25px; |
+ top: 0; |
+ left: 0; |
+} |
+ |
+.popover.top-left-arrow .arrow { |
+ /* The default is top-left, no styles needed. */ |
+} |
+ |
+.popover.top-right-arrow .arrow { |
+ right: 25px; |
+ left: auto; |
+} |
+ |
+.popover.bottom-left-arrow .arrow { |
+ top: auto; |
+ bottom: 0; |
+ margin-top: 0; |
+ margin-bottom: -25px; |
+ background-position: 0 -19px; |
+} |
+ |
+.popover.bottom-right-arrow .arrow { |
+ right: 15px; |
+ left: auto; |
+ top: auto; |
+ bottom: 0; |
+ margin-top: 0; |
+ margin-bottom: -25px; |
+ background-position: 0 -19px; |
+} |
+ |
+.popover.left-top-arrow .arrow { |
+ top: 0; |
+ margin-top: 15px; |
+ margin-left: -25px; |
+ background-position: 0 -38px; |
+} |
+ |
+.popover.left-bottom-arrow .arrow { |
+ top: auto; |
+ bottom: 0; |
+ margin-bottom: 15px; |
+ margin-left: -25px; |
+ background-position: 0 -38px; |
+} |
+ |
+.popover.right-top-arrow .arrow { |
+ right: 0; |
+ left: auto; |
+ top: 0; |
+ margin-top: 15px; |
+ margin-right: -25px; |
+ background-position: 0 -57px; |
+} |
+ |
+.popover.right-bottom-arrow .arrow { |
+ right: 0; |
+ left: auto; |
+ top: auto; |
+ bottom: 0; |
+ margin-bottom: 15px; |
+ margin-right: -25px; |
+ background-position: 0 -57px; |
+} |
+ |
+.popover ::-webkit-scrollbar { |
+ width: 11px; |
+ height: 11px; |
+} |
+ |
+.popover ::-webkit-scrollbar-corner { |
+ display: none; |
+} |
+ |
+.popover ::-webkit-resizer { |
+ display: none; |
+} |
+ |
+/* Horizontal Scrollbar Styles */ |
+ |
+.popover ::-webkit-scrollbar:horizontal:corner-present { |
+ border-right-width: 0; |
+} |
+ |
+.popover ::-webkit-scrollbar-thumb:horizontal { |
+ -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11; |
+ border-color: transparent; |
+ border-width: 0 11px; |
+ min-width: 20px; |
+} |
+ |
+.popover ::-webkit-scrollbar-thumb:horizontal:hover { |
+ -webkit-border-image: url(Images/thumbHoverHoriz.png) 0 11 0 11; |
+} |
+ |
+.popover ::-webkit-scrollbar-thumb:horizontal:active { |
+ -webkit-border-image: url(Images/thumbActiveHoriz.png) 0 11 0 11; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:horizontal:start { |
+ margin-left: 5px; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:horizontal:end { |
+ margin-right: 5px; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:horizontal:end:corner-present { |
+ margin-right: 4px; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:horizontal:decrement { |
+ -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; |
+ border-color: transparent; |
+ border-width: 0 0 0 11px; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:horizontal:increment { |
+ -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; |
+ border-color: transparent; |
+ border-width: 0 11px 0 0; |
+} |
+ |
+/* Vertical Scrollbar Styles */ |
+ |
+ |
+.popover ::-webkit-scrollbar:vertical:corner-present { |
+ border-bottom-width: 0; |
+} |
+ |
+.popover ::-webkit-scrollbar-thumb:vertical { |
+ -webkit-border-image: url(Images/thumbVert.png) 11 0 11 0; |
+ border-color: transparent; |
+ border-width: 11px 0; |
+ min-height: 20px; |
+} |
+ |
+.popover ::-webkit-scrollbar-thumb:vertical:hover { |
+ -webkit-border-image: url(Images/thumbHoverVert.png) 11 0 11 0; |
+} |
+ |
+.popover ::-webkit-scrollbar-thumb:vertical:active { |
+ -webkit-border-image: url(Images/thumbActiveVert.png) 11 0 11 0; |
+} |
+ |
+ |
+.popover ::-webkit-scrollbar-track-piece:vertical:start { |
+ margin-top: 5px; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:vertical:end { |
+ margin-bottom: 5px; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:vertical:end:corner-present { |
+ margin-bottom: 4px; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:vertical:decrement { |
+ -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; |
+ border-color: transparent; |
+ border-width: 11px 0 0 0; |
+} |
+ |
+.popover ::-webkit-scrollbar-track-piece:vertical:increment { |
+ -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; |
+ border-color: transparent; |
+ border-width: 0 0 11px 0; |
+} |
+ |
+/* Forced Scrollbar Mode Styles */ |
+ |
+.popover ::-webkit-scrollbar-button { |
+ display: none; |
+} |