1 line
15 KiB
CSS
1 line
15 KiB
CSS
.ui-financialchart-container{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;border-width:0;-webkit-tap-highlight-color:transparent}.ui-financialchart-mainChart,.ui-financialchart-volumeChart{margin-left:15px}.financialChartMainGrid{height:100%;width:100%;display:grid;display:-ms-grid;-ms-grid-columns:100%}.financialChartPrice{grid-row:3;-ms-grid-row:3;margin-top:10px}.financialChartPrice,.financialChartPrice>div{min-height:100px}.financialChartIndicators{grid-row:4;-ms-grid-row:4}.financialChartVolume{grid-row:5;-ms-grid-row:5}.financialChartZoomSlider{grid-row:6;-ms-grid-row:6}.financialChartToolbar{display:grid;display:-ms-grid;grid-row:1;-ms-grid-rows:100%;-ms-grid-row:1;-ms-grid-columns:100%}.financialChartToolbar .financialChartToolbar{display:flex;display:-ms-flexbox;align-items:center;border:1px solid #dadada;max-height:45px;background:#eee}.financialChartToolbar,.financialChartToolbar button{font:400 13px "Segoe UI",Arial,sans-serif!important}.financialChartRangeSelector{display:flex;align-items:center;justify-content:center;text-transform:uppercase;height:100%}.financialChartRangeSelector input{display:none}.financialChartRangeSelectorLabel{cursor:pointer;height:100%}.financialChartRangeSelectorLabel:hover .financialChartRangeSelectorLabelSpan{color:#4897AA}.financialChartRangeSelectorLabel input:checked+span{color:#444;background-color:#dadada}.financialChartIndicatorMenuDropDownMenu li.checked,.financialChartListItem:focus,.financialChartListItem:hover,.financialChartTypePickerDropDownMenu li.checked{color:#4897AA}.financialChartRangeSelectorLabelSpan{height:100%;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.financialChartRangeSelectorLastOption{border:none;padding-right:0}.financialChartIndicatorMenu,.financialChartTypePicker{position:relative;display:flex;align-items:center;justify-content:center}.financialChartTypePicker{margin-left:auto;height:100%;border-left:1px solid #dadada}.financialChartIndicatorMenu{height:100%;padding:0 10px;border-right:1px solid #dadada}.financialChartIndicatorMenuDropDownMenu,.financialChartTypePickerDropDownMenu{background:#fff;display:flex;flex-direction:column;z-index:1;position:absolute;top:calc(100% + 1px);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);white-space:nowrap}.financialChartIndicatorMenuDropDownMenu{left:0;min-width:100px;height:300px;overflow:auto}.financialChartTypePickerDropDownMenu{right:0}.financialChartListItem{cursor:pointer}.financialChartListItem span{position:relative;z-index:-1}.financialChartTypePickerDropDownMenu .financialChartListItem{display:flex;align-items:center;justify-content:flex-start}.financialChartTypePickerDropDownMenu .ui-icon{margin-right:5px}.financialChartIndicatorMenuDropDownButton,.financialChartTypePickerDropDownButton{background-color:transparent;border:none;outline:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.financialChartIndicatorMenuDropDownMenuList{font-weight:700}.financialChartIndicatorMenuDropDownMenu ul,.financialChartTypePickerDropDownMenu ul{list-style-type:none;margin:0;padding:8px}.financialChartIndicatorMenuDropDownMenu ul ul,.financialChartTypePickerDropDownMenu ul ul{padding-left:15px;font-weight:400}.financialChartIndicatorMenuDropDownMenu ul li,.financialChartTypePickerDropDownMenu ul li{padding-top:4px;position:relative}.financialChartIndicatorMenuDropDownMenu li.checked:before{margin-left:-15px;margin-right:5px;content:"\2713";position:absolute}.financialChartLegend{grid-row:2;-ms-grid-row:2}.ui-ChartButtonWrapper{display:flex;align-items:center;justify-content:center}.financialChartTypePickerDropDownButton .ui-icon-triangle-1-s,.ui-ChartButtonWrapper .ui-icon-triangle-1-s{font-size:10px}.financialChartTypePickerDropDownButton{background-color:transparent;height:100%;padding:0 10px}.financialChartIndicatorMenuLabel{margin:0 5px}.financialChartToolbar .ui-icon{color:#888;width:16px;height:16px;display:flex;justify-content:center;align-items:center;text-indent:-99999px;overflow:hidden;position:relative}.financialChartToolbar .ui-icon:before{display:block;height:1em;left:50%;line-height:1;margin-left:-.5em;margin-top:-.5em;position:absolute;text-indent:0;top:50%;width:1em}.ui-icon-IndicatorsIcon:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2055%2055%27%20fill%3D%27%23777777%27%3E%3Crect%20x%3D%2746.32%27%20y%3D%2716.34%27%20width%3D%275.97%27%20height%3D%2738.47%27%2F%3E%3Cpolygon%20points%3D%2736.73%2054.8%2042.7%2054.8%2042.7%2020.71%2040.34%2020.71%2036.73%2023.92%2036.73%2054.8%27%2F%3E%3Cpolygon%20points%3D%2727.14%2030.07%2027.14%2054.8%2033.11%2054.8%2033.11%2027.15%2028.46%2031.28%2027.14%2030.07%27%2F%3E%3Cpolygon%20points%3D%2730.74%2020.71%2029.62%2020.71%2030.12%2021.22%2030.74%2020.71%27%2F%3E%3Cpolygon%20points%3D%2717.55%2026.49%2017.55%2054.8%2023.52%2054.8%2023.52%2026.76%2020.26%2023.78%2017.55%2026.49%27%2F%3E%3Cpolygon%20points%3D%277.96%2024.97%207.96%2026.49%209.48%2024.97%207.96%2024.97%27%2F%3E%3Cpolygon%20points%3D%277.96%2054.8%2013.93%2054.8%2013.93%2030.11%207.96%2036.08%207.96%2054.8%27%2F%3E%3Cpolygon%20points%3D%2737.29%200.2%2043.23%206.14%2030.12%2016.96%2021.68%208.51%202.5%2027.69%207.29%2032.48%2020.26%2019.52%2028.46%2027.02%2047.33%2010.23%2052.5%2015.4%2052.5%2014.57%2052.5%200.2%2037.29%200.2%27%2F%3E%3C%2Fsvg%3E)}.financialChartIndicatorMenuDropDownButton:focus .ui-icon-IndicatorsIcon:before,.financialChartIndicatorMenuDropDownButton:hover .ui-icon-IndicatorsIcon:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2055%2055%27%20fill%3D%27%234897AA%27%3E%3Crect%20x%3D%2746.32%27%20y%3D%2716.34%27%20width%3D%275.97%27%20height%3D%2738.47%27%2F%3E%3Cpolygon%20points%3D%2736.73%2054.8%2042.7%2054.8%2042.7%2020.71%2040.34%2020.71%2036.73%2023.92%2036.73%2054.8%27%2F%3E%3Cpolygon%20points%3D%2727.14%2030.07%2027.14%2054.8%2033.11%2054.8%2033.11%2027.15%2028.46%2031.28%2027.14%2030.07%27%2F%3E%3Cpolygon%20points%3D%2730.74%2020.71%2029.62%2020.71%2030.12%2021.22%2030.74%2020.71%27%2F%3E%3Cpolygon%20points%3D%2717.55%2026.49%2017.55%2054.8%2023.52%2054.8%2023.52%2026.76%2020.26%2023.78%2017.55%2026.49%27%2F%3E%3Cpolygon%20points%3D%277.96%2024.97%207.96%2026.49%209.48%2024.97%207.96%2024.97%27%2F%3E%3Cpolygon%20points%3D%277.96%2054.8%2013.93%2054.8%2013.93%2030.11%207.96%2036.08%207.96%2054.8%27%2F%3E%3Cpolygon%20points%3D%2737.29%200.2%2043.23%206.14%2030.12%2016.96%2021.68%208.51%202.5%2027.69%207.29%2032.48%2020.26%2019.52%2028.46%2027.02%2047.33%2010.23%2052.5%2015.4%2052.5%2014.57%2052.5%200.2%2037.29%200.2%27%2F%3E%3C%2Fsvg%3E)}.ui-icon-toolbar-dd{position:relative;width:16px;height:16px;display:flex;justify-content:center;align-items:center}.ui-icon-toolbar-dd:before{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:5px 4px 0;border-color:#666 transparent transparent}.financialChartIndicatorMenuDropDownButton:focus .ui-icon-toolbar-dd:before,.financialChartIndicatorMenuDropDownButton:hover .ui-icon-toolbar-dd:before,.financialChartTypePickerDropDownButton:focus .ui-icon-toolbar-dd:before,.financialChartTypePickerDropDownButton:hover .ui-icon-toolbar-dd:before{content:'';border-color:#4897AA transparent transparent}.financialChartListItem[data-value=Auto]{padding-bottom:5px;border-bottom:1px solid #ddd;margin-bottom:3px}.financialChartListItem[data-value=Auto] .ui-icon-changeable:before,.financialChartListItem[data-value=Auto] .ui-icon-chartAuto:before,.financialChartTypePickerDropDownButton[data-value=Auto] .ui-icon-changeable:before,.financialChartTypePickerDropDownButton[data-value=Auto] .ui-icon-chartAuto:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M%208%203%20L%208%2013%20L%2010%2013%20L%2010%2016%20L%2012%2016%20L%2012%2013%20L%2014%2013%20L%2014%203%20L%2012%203%20L%2012%200%20L%2010%200%20L%2010%203%20L%208%203%20ZM%200%205%20L%200%2012%20L%202%2012%20L%202%2015%20L%204%2015%20L%204%2012%20L%206%2012%20L%206%205%20L%204%205%20L%204%202%20L%202%202%20L%202%205%20L%200%205%20Z%27%20fill%3D%27%23777777%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Auto]:focus .ui-icon-chartAuto:before,.financialChartListItem[data-value=Auto]:hover .ui-icon-chartAuto:before,.financialChartTypePickerDropDownButton[data-value=Auto]:focus .ui-icon-changeable:before,.financialChartTypePickerDropDownButton[data-value=Auto]:hover .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%20%3E%3Cpath%20d%3D%27M%208%203%20L%208%2013%20L%2010%2013%20L%2010%2016%20L%2012%2016%20L%2012%2013%20L%2014%2013%20L%2014%203%20L%2012%203%20L%2012%200%20L%2010%200%20L%2010%203%20L%208%203%20ZM%200%205%20L%200%2012%20L%202%2012%20L%202%2015%20L%204%2015%20L%204%2012%20L%206%2012%20L%206%205%20L%204%205%20L%204%202%20L%202%202%20L%202%205%20L%200%205%20Z%27%20fill%3D%27%234897AA%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Bar] .ui-icon-BarIcon:before,.financialChartTypePickerDropDownButton[data-value=Bar] .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%20%3E%3Cpath%20d%3D%27M%203%202%20L%203%204%20L%203%206%20L%203%207%20L%200%207%20L%200%209%20L%203%209%20L%203%2012%20L%205%2012%20L%205%209%20L%205%207%20L%205%206%20L%208%206%20L%208%204%20L%205%204%20L%205%202%20L%203%202%20ZM%2010%200%20L%2010%203%20L%2010%205%20L%2010%2010%20L%207%2010%20L%207%2012%20L%2010%2012%20L%2010%2015%20L%2012%2015%20L%2012%2012%20L%2012%2010%20L%2012%205%20L%2015%205%20L%2015%203%20L%2012%203%20L%2012%200%20L%2010%200%20Z%27%20fill%3D%27%23777777%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Bar]:focus .ui-icon-BarIcon:before,.financialChartListItem[data-value=Bar]:hover .ui-icon-BarIcon:before,.financialChartTypePickerDropDownButton[data-value=Bar]:focus .ui-icon-changeable:before,.financialChartTypePickerDropDownButton[data-value=Bar]:hover .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M%203%202%20L%203%204%20L%203%206%20L%203%207%20L%200%207%20L%200%209%20L%203%209%20L%203%2012%20L%205%2012%20L%205%209%20L%205%207%20L%205%206%20L%208%206%20L%208%204%20L%205%204%20L%205%202%20L%203%202%20ZM%2010%200%20L%2010%203%20L%2010%205%20L%2010%2010%20L%207%2010%20L%207%2012%20L%2010%2012%20L%2010%2015%20L%2012%2015%20L%2012%2012%20L%2012%2010%20L%2012%205%20L%2015%205%20L%2015%203%20L%2012%203%20L%2012%200%20L%2010%200%20Z%27%20fill%3D%27%234897AA%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Line] .ui-icon-LineIcon:before,.financialChartTypePickerDropDownButton[data-value=Line] .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M%200%2011.3333%20L%201.6842%2013%20L%206.5%208.8125%20L%209.5313%2011.3438%20L%2016%205.5%20L%2014%203.5%20L%209.5313%208.1875%20L%206.5%205.625%20L%200%2011.3333%20Z%27%20fill%3D%27%23777777%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Line]:focus .ui-icon-LineIcon:before,.financialChartListItem[data-value=Line]:hover .ui-icon-LineIcon:before,.financialChartTypePickerDropDownButton[data-value=Line]:focus .ui-icon-changeable:before,.financialChartTypePickerDropDownButton[data-value=Line]:hover .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M%200%2011.3333%20L%201.6842%2013%20L%206.5%208.8125%20L%209.5313%2011.3438%20L%2016%205.5%20L%2014%203.5%20L%209.5313%208.1875%20L%206.5%205.625%20L%200%2011.3333%20Z%27%20fill%3D%27%234897AA%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Candle] .ui-icon-CandleIcon:before,.financialChartTypePickerDropDownButton[data-value=Candle] .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M%208%203%20L%208%2013%20L%2010%2013%20L%2010%2016%20L%2012%2016%20L%2012%2013%20L%2014%2013%20L%2014%203%20L%2012%203%20L%2012%200%20L%2010%200%20L%2010%203%20L%208%203%20ZM%200%205%20L%200%2012%20L%202%2012%20L%202%2015%20L%204%2015%20L%204%2012%20L%206%2012%20L%206%205%20L%204%205%20L%204%202%20L%202%202%20L%202%205%20L%200%205%20Z%27%20fill%3D%27%23777777%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Candle]:focus .ui-icon-CandleIcon:before,.financialChartListItem[data-value=Candle]:hover .ui-icon-CandleIcon:before,.financialChartTypePickerDropDownButton[data-value=Candle]:focus .ui-icon-changeable:before,.financialChartTypePickerDropDownButton[data-value=Candle]:hover .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%20%3E%3Cpath%20d%3D%27M%208%203%20L%208%2013%20L%2010%2013%20L%2010%2016%20L%2012%2016%20L%2012%2013%20L%2014%2013%20L%2014%203%20L%2012%203%20L%2012%200%20L%2010%200%20L%2010%203%20L%208%203%20ZM%200%205%20L%200%2012%20L%202%2012%20L%202%2015%20L%204%2015%20L%204%2012%20L%206%2012%20L%206%205%20L%204%205%20L%204%202%20L%202%202%20L%202%205%20L%200%205%20Z%27%20fill%3D%27%234897AA%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Column] .ui-icon-ColumnIcon:before,.financialChartTypePickerDropDownButton[data-value=Column] .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M%200%2016%20L%203%2016%20L%203%2011%20L%200%2011%20L%200%2016%20ZM%2011%2016%20L%2011%202%20L%208%202%20L%208%2016%20L%2011%2016%20ZM%2015%2016%20L%2015%204%20L%2012%204%20L%2012%2016%20L%2015%2016%20ZM%207%2016%20L%207%206%20L%204%206%20L%204%2016%20L%207%2016%20Z%27%20fill%3D%27%23777777%27%20%2F%3E%3C%2Fsvg%3E)}.financialChartListItem[data-value=Column]:focus .ui-icon-ColumnIcon:before,.financialChartListItem[data-value=Column]:hover .ui-icon-ColumnIcon:before,.financialChartTypePickerDropDownButton[data-value=Column]:focus .ui-icon-changeable:before,.financialChartTypePickerDropDownButton[data-value=Column]:hover .ui-icon-changeable:before{content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20d%3D%27M%200%2016%20L%203%2016%20L%203%2011%20L%200%2011%20L%200%2016%20ZM%2011%2016%20L%2011%202%20L%208%202%20L%208%2016%20L%2011%2016%20ZM%2015%2016%20L%2015%204%20L%2012%204%20L%2012%2016%20L%2015%2016%20ZM%207%2016%20L%207%206%20L%204%206%20L%204%2016%20L%207%2016%20Z%27%20fill%3D%27%234897AA%27%20%2F%3E%3C%2Fsvg%3E)}.ui-igtrialwatermark{width:160px;height:20px;background-image:url(../images/trial.png);opacity:.25;filter:alpha(opacity=25);-ms-filter:"alpha(opacity=25)";-khtml-opacity:.25;-moz-opacity:.25} |