OLD | NEW |
(Empty) | |
| 1 .popover { |
| 2 position: absolute; |
| 3 -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25; |
| 4 border-width: 25px; |
| 5 z-index: 100; |
| 6 pointer-events: none; |
| 7 } |
| 8 |
| 9 .popover .content { |
| 10 position: absolute; |
| 11 top: 0; |
| 12 bottom: 0; |
| 13 left: 0; |
| 14 right: 0; |
| 15 pointer-events: auto; |
| 16 overflow: auto; |
| 17 } |
| 18 |
| 19 .popover .arrow { |
| 20 position: absolute; |
| 21 background-image: url(Images/popoverArrows.png); |
| 22 width: 19px; |
| 23 height: 19px; |
| 24 margin-left: 15px; |
| 25 margin-top: -25px; |
| 26 top: 0; |
| 27 left: 0; |
| 28 } |
| 29 |
| 30 .popover.top-left-arrow .arrow { |
| 31 /* The default is top-left, no styles needed. */ |
| 32 } |
| 33 |
| 34 .popover.top-right-arrow .arrow { |
| 35 right: 25px; |
| 36 left: auto; |
| 37 } |
| 38 |
| 39 .popover.bottom-left-arrow .arrow { |
| 40 top: auto; |
| 41 bottom: 0; |
| 42 margin-top: 0; |
| 43 margin-bottom: -25px; |
| 44 background-position: 0 -19px; |
| 45 } |
| 46 |
| 47 .popover.bottom-right-arrow .arrow { |
| 48 right: 15px; |
| 49 left: auto; |
| 50 top: auto; |
| 51 bottom: 0; |
| 52 margin-top: 0; |
| 53 margin-bottom: -25px; |
| 54 background-position: 0 -19px; |
| 55 } |
| 56 |
| 57 .popover.left-top-arrow .arrow { |
| 58 top: 0; |
| 59 margin-top: 15px; |
| 60 margin-left: -25px; |
| 61 background-position: 0 -38px; |
| 62 } |
| 63 |
| 64 .popover.left-bottom-arrow .arrow { |
| 65 top: auto; |
| 66 bottom: 0; |
| 67 margin-bottom: 15px; |
| 68 margin-left: -25px; |
| 69 background-position: 0 -38px; |
| 70 } |
| 71 |
| 72 .popover.right-top-arrow .arrow { |
| 73 right: 0; |
| 74 left: auto; |
| 75 top: 0; |
| 76 margin-top: 15px; |
| 77 margin-right: -25px; |
| 78 background-position: 0 -57px; |
| 79 } |
| 80 |
| 81 .popover.right-bottom-arrow .arrow { |
| 82 right: 0; |
| 83 left: auto; |
| 84 top: auto; |
| 85 bottom: 0; |
| 86 margin-bottom: 15px; |
| 87 margin-right: -25px; |
| 88 background-position: 0 -57px; |
| 89 } |
| 90 |
| 91 .popover ::-webkit-scrollbar { |
| 92 width: 11px; |
| 93 height: 11px; |
| 94 } |
| 95 |
| 96 .popover ::-webkit-scrollbar-corner { |
| 97 display: none; |
| 98 } |
| 99 |
| 100 .popover ::-webkit-resizer { |
| 101 display: none; |
| 102 } |
| 103 |
| 104 /* Horizontal Scrollbar Styles */ |
| 105 |
| 106 .popover ::-webkit-scrollbar:horizontal:corner-present { |
| 107 border-right-width: 0; |
| 108 } |
| 109 |
| 110 .popover ::-webkit-scrollbar-thumb:horizontal { |
| 111 -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11; |
| 112 border-color: transparent; |
| 113 border-width: 0 11px; |
| 114 min-width: 20px; |
| 115 } |
| 116 |
| 117 .popover ::-webkit-scrollbar-thumb:horizontal:hover { |
| 118 -webkit-border-image: url(Images/thumbHoverHoriz.png) 0 11 0 11; |
| 119 } |
| 120 |
| 121 .popover ::-webkit-scrollbar-thumb:horizontal:active { |
| 122 -webkit-border-image: url(Images/thumbActiveHoriz.png) 0 11 0 11; |
| 123 } |
| 124 |
| 125 .popover ::-webkit-scrollbar-track-piece:horizontal:start { |
| 126 margin-left: 5px; |
| 127 } |
| 128 |
| 129 .popover ::-webkit-scrollbar-track-piece:horizontal:end { |
| 130 margin-right: 5px; |
| 131 } |
| 132 |
| 133 .popover ::-webkit-scrollbar-track-piece:horizontal:end:corner-present { |
| 134 margin-right: 4px; |
| 135 } |
| 136 |
| 137 .popover ::-webkit-scrollbar-track-piece:horizontal:decrement { |
| 138 -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; |
| 139 border-color: transparent; |
| 140 border-width: 0 0 0 11px; |
| 141 } |
| 142 |
| 143 .popover ::-webkit-scrollbar-track-piece:horizontal:increment { |
| 144 -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; |
| 145 border-color: transparent; |
| 146 border-width: 0 11px 0 0; |
| 147 } |
| 148 |
| 149 /* Vertical Scrollbar Styles */ |
| 150 |
| 151 |
| 152 .popover ::-webkit-scrollbar:vertical:corner-present { |
| 153 border-bottom-width: 0; |
| 154 } |
| 155 |
| 156 .popover ::-webkit-scrollbar-thumb:vertical { |
| 157 -webkit-border-image: url(Images/thumbVert.png) 11 0 11 0; |
| 158 border-color: transparent; |
| 159 border-width: 11px 0; |
| 160 min-height: 20px; |
| 161 } |
| 162 |
| 163 .popover ::-webkit-scrollbar-thumb:vertical:hover { |
| 164 -webkit-border-image: url(Images/thumbHoverVert.png) 11 0 11 0; |
| 165 } |
| 166 |
| 167 .popover ::-webkit-scrollbar-thumb:vertical:active { |
| 168 -webkit-border-image: url(Images/thumbActiveVert.png) 11 0 11 0; |
| 169 } |
| 170 |
| 171 |
| 172 .popover ::-webkit-scrollbar-track-piece:vertical:start { |
| 173 margin-top: 5px; |
| 174 } |
| 175 |
| 176 .popover ::-webkit-scrollbar-track-piece:vertical:end { |
| 177 margin-bottom: 5px; |
| 178 } |
| 179 |
| 180 .popover ::-webkit-scrollbar-track-piece:vertical:end:corner-present { |
| 181 margin-bottom: 4px; |
| 182 } |
| 183 |
| 184 .popover ::-webkit-scrollbar-track-piece:vertical:decrement { |
| 185 -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; |
| 186 border-color: transparent; |
| 187 border-width: 11px 0 0 0; |
| 188 } |
| 189 |
| 190 .popover ::-webkit-scrollbar-track-piece:vertical:increment { |
| 191 -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; |
| 192 border-color: transparent; |
| 193 border-width: 0 0 11px 0; |
| 194 } |
| 195 |
| 196 /* Forced Scrollbar Mode Styles */ |
| 197 |
| 198 .popover ::-webkit-scrollbar-button { |
| 199 display: none; |
| 200 } |
OLD | NEW |