Home | History | Annotate | Download | only in front-end 
      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 }
    201