mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-12-05 06:24:56 +01:00
360 lines
12 KiB
CSS
360 lines
12 KiB
CSS
|
/*!
|
||
|
* Copyright (c) 2017 ~ present NAVER Corp.
|
||
|
* billboard.js project is licensed under the MIT license
|
||
|
*
|
||
|
* billboard.js, JavaScript chart library
|
||
|
* http://naver.github.io/billboard.js/
|
||
|
*
|
||
|
* @version 1.7.1
|
||
|
*/
|
||
|
.bb-color-pattern{background-image:url(#00c73c;#fa7171;#2ad0ff;#7294ce;#e3e448;#cc7e6e;#fb6ccf;#c98dff;#4aea99;#bbbbbb;)}.bb svg{font-size:12px;font-family:Meiryo,sans-serif,Arial,nanumgothic,Dotum;line-height:1}.bb line,.bb path{fill:none;stroke:#c4c4c4}.bb .bb-button,.bb text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:#555;font-size:11px}.bb-axis,.bb-bars path,.bb-event-rect,.bb-legend-item-title,.bb-xgrid-focus,.bb-ygrid{shape-rendering:crispEdges}.bb-axis-y2 text,.bb-axis-y text{fill:#737373}.bb-event-rects{fill-opacity:1!important}.bb-event-rects .bb-event-rect{fill:transparent}.bb-event-rects .bb-event-rect._active_{fill:rgba(39,201,3,.05)}.tick._active_ text{fill:#00c83c!important}.bb-grid line{stroke:#f1f1f1}.bb-grid .bb-ygrid:last-child{stroke:#e9e9e9}.bb-xgrid-focus line{stroke:#ddd}.bb-text.bb-empty{fill:#767676}.bb-line{stroke-width:1px}.bb-circle._expanded_{fill:#fff!important;stroke-width:2px;stroke:red}rect.bb-circle._expanded_,use.bb-circle._expanded_{stroke-width:1px}.bb-selected-circle{fill:#fff;stroke-width:2px}.bb-bar{stroke-width:0}.bb-bar._expanded_{fill-opacity:.75}.bb-target.bb-focused{opacity:1}.bb-target.bb-focused path.bb-line,.bb-target.bb-focused path.bb-step{stroke-width:2px}.bb-target.bb-defocused{opacity:.3!important}.bb-region{fill:#4682b4;fill-opacity:.1}.bb-region.selected rect{fill:#27c903}.bb-brush .extent,.bb-zoom-brush{fill-opacity:.1}.bb-legend-item-hidden{opacity:.15}.bb-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.bb-title{font-size:14px}.bb-tooltip-container{z-index:10;font-family:Meiryo,sans-serif,Arial,nanumgothic,Dotum;position:absolute}.bb-tooltip{border-collapse:separate;border-spacing:0;empty-cells:show;border:1px solid #999;background-color:#fff;text-align:left;font-size:11px}.bb-tooltip th{font-size:12px;padding:4px 8px;text-align:left;border-bottom:1px solid #eee}.bb-tooltip td{padding:4px 6px;background-color:#fff}.bb-tooltip td:first-child{padding-left:8px}.bb-tooltip td:last-child{padding-right:8px}.bb-tooltip td>span,.bb-tooltip td>svg{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:5px;vertical-align:middle}.bb-tooltip td.value{border-left:1px solid transparent}.bb-tooltip .bb-tooltip-title{display:inline-block;color:#aaa;line-height:20px}.bb-tooltip .bb-tooltip-detail table{border-collapse:collapse;border-spacing:0}.bb-tooltip .bb-tooltip-detail .bb-tooltip-name,.bb-tooltip .bb-tooltip-detail .bb-tooltip-value{font-size:11px;line-height:13px;padding:4px 0 3px;color:#444;text-align:left;font-weight:400}.bb-tooltip .bb-tooltip-detail .bb-tooltip-value{padding-left:5px;font-weight:800;font-size:12px}.bb-area{stroke-width:0;opacity:.2}.bb-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.bb-chart-arcs .bb-chart-arcs-background{fill:#e0e0e0;stroke:none}.bb-chart-arcs .bb-chart-arcs-gauge-unit{fill:#000;font-size:16px}.bb-chart-arcs .bb-chart-arcs-gauge-max,.bb-chart-arcs .bb-chart-arcs-gauge-min{fill:#777}.bb-chart-arcs .bb-chart-arcs-title{font-size:16px!important;fill:#000;font-weight:600}.bb-chart-arcs path.empty{fill:#eaeaea;stroke-width:0}.bb-chart-arc .bb-gauge-value{fill:#000}.bb-chart-arc path{stroke:#fff}.bb-chart-arc text{fill:#fff;font-size:13px}.bb-chart-radars .bb-levels polygon{fill:none;stroke:#848282;stroke-width:.5px}.bb-chart-radars .bb-levels text{fill:#848282}.bb-chart-radars .bb-axis line{stroke:#848282;stroke-width:.5px}.bb-chart-radars .bb-axis text{font-size:1.15em;cursor:default}.bb-chart-radars .bb-shapes polygon{fill-opacity:.2;stroke-width:1px}.bb-button{position:absolute;top:10px;right:10px}.bb-button .bb-zoom-reset{border:1px solid #ccc;background-color:#fff;padding:5px;border-radius:5px;cursor:pointer}
|
||
|
|
||
|
|
||
|
.bb svg,
|
||
|
.bb-tooltip-container {
|
||
|
font-size: 12px;
|
||
|
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
||
|
}
|
||
|
.bb .bb-axis-x g.tick text tspan {
|
||
|
font-size: 11px;
|
||
|
}
|
||
|
.bb text.bb-axis-x-label {
|
||
|
font-size: 11px;
|
||
|
}
|
||
|
.bb .bb-axis-y g.tick line {
|
||
|
stroke: none;
|
||
|
}
|
||
|
.bb .bb-axis-y2 path.domain {
|
||
|
stroke: none;
|
||
|
}
|
||
|
.bb .bb-axis-y path.domain {
|
||
|
stroke: none;
|
||
|
}
|
||
|
.bb .bb-axis-y2 path.domain {
|
||
|
stroke: none;
|
||
|
}
|
||
|
.bb .bb-axis-x path.domain {
|
||
|
stroke: #DBDBDB;
|
||
|
}
|
||
|
.dark .bb .bb-axis-x path.domain {
|
||
|
stroke: #283442;
|
||
|
}
|
||
|
.bb .bb-grid .bb-ygrids line {
|
||
|
stroke: none;
|
||
|
}
|
||
|
.bb .bb-ygrid-line line {
|
||
|
stroke: #E9E9E9;
|
||
|
stroke-width: 1px;
|
||
|
}
|
||
|
.dark .bb .bb-ygrid-line line {
|
||
|
stroke: #293544;
|
||
|
}
|
||
|
.dark .bb .bb-xgrid-focus line.bb-xgrid-focus {
|
||
|
stroke: #3b4a5a;
|
||
|
}
|
||
|
.dark .bb-circle._expanded_ {
|
||
|
fill: #242f3e !important;
|
||
|
}
|
||
|
.bb-axis-x g.tick line {
|
||
|
stroke: none;
|
||
|
}
|
||
|
.bb g.tick {
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
.bb text.bb-axis-x-label,
|
||
|
.bb g.tick text tspan {
|
||
|
fill: #7A8A93;
|
||
|
-webkit-text-stroke: 2px #fff;
|
||
|
text-shadow:
|
||
|
-1px -1px 0 #fff,
|
||
|
1px -1px 0 #fff,
|
||
|
-1px 1px 0 #fff,
|
||
|
1px 1px 0 #fff;
|
||
|
}
|
||
|
.dark .bb text.bb-axis-x-label,
|
||
|
.dark .bb g.tick text tspan {
|
||
|
fill: #546778;
|
||
|
-webkit-text-stroke: 2px #242f3e;
|
||
|
text-shadow:
|
||
|
-1px -1px 0 #242f3e,
|
||
|
1px -1px 0 #242f3e,
|
||
|
-1px 1px 0 #242f3e,
|
||
|
1px 1px 0 #242f3e;
|
||
|
}
|
||
|
.bb-axis-y2 g.tick line {
|
||
|
stroke: none;
|
||
|
}
|
||
|
.chart_wrap {
|
||
|
-webkit-touch-callout: none; /* iOS Safari */
|
||
|
-webkit-user-select: none; /* Safari */
|
||
|
-khtml-user-select: none; /* Konqueror HTML */
|
||
|
-moz-user-select: none; /* Firefox */
|
||
|
-ms-user-select: none; /* Internet Explorer/Edge */
|
||
|
user-select: none; /* Non-prefixed version, currently
|
||
|
supported by Chrome and Opera */
|
||
|
}
|
||
|
.chart_wrap > svg rect.selection {
|
||
|
fill: #1F8CED;
|
||
|
fill-opacity: 0.1;
|
||
|
stroke: none;
|
||
|
/*stroke: #1F8CED;*/
|
||
|
/*stroke-width: 2px;*/
|
||
|
/*stroke-dasharray: 0,50,150;*/
|
||
|
}
|
||
|
.chart_wrap > svg rect.handle {
|
||
|
stroke: none;
|
||
|
/*width: 3px;*/
|
||
|
/*fill: #1F8CED;*/
|
||
|
}
|
||
|
.bb .bb-brush-handle {
|
||
|
stroke: #1F8CED;
|
||
|
stroke-width: 4px;
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
.dark .bb .bb-brush-handle {
|
||
|
stroke: #4d96cd;
|
||
|
}
|
||
|
|
||
|
.chart_wrap > svg > g:nth-child(3) > g.bb-axis-x .tick {
|
||
|
display: none;
|
||
|
}
|
||
|
.bb-area {
|
||
|
stroke-width:0;
|
||
|
opacity: 0.8;
|
||
|
}
|
||
|
.bb-chart-lines g.bb-lines path.bb-line {
|
||
|
stroke-width: 2px;
|
||
|
}
|
||
|
svg > g:nth-child(3) .bb-chart-lines g.bb-lines path.bb-line {
|
||
|
stroke-width: 1px;
|
||
|
}
|
||
|
.bb-chart-lines g.bb-target-chart-type--area g.bb-lines path.bb-line,
|
||
|
.bb-chart-lines g.bb-target-chart-type--area-step g.bb-lines path.bb-line {
|
||
|
stroke-width: 0;
|
||
|
}
|
||
|
|
||
|
.bb-circles circle {
|
||
|
visibility: hidden;
|
||
|
}
|
||
|
.bb-circles circle._expanded_,
|
||
|
.bb-target-chart-type--bubble .bb-circles circle {
|
||
|
visibility: visible;
|
||
|
}
|
||
|
.bb-legend-item text {
|
||
|
fill: #7A8A93;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
.dark .bb-legend-item text {
|
||
|
fill: #546778;
|
||
|
}
|
||
|
|
||
|
.bb-tooltip {
|
||
|
border-radius: 2px;
|
||
|
overflow: hidden;
|
||
|
border: 0;
|
||
|
/*border-color: #CCC;*/
|
||
|
/*-webkit-box-shadow: 1px 1px 0 0px rgba(0,0,0,0.1), -1px -1px 0 0px rgba(0,0,0,0.1);
|
||
|
-moz-box-shadow: 1px 1px 0 0px rgba(0,0,0,0.1), -1px -1px 0 0px rgba(0,0,0,0.1);
|
||
|
box-shadow: 1px 1px 0 0px rgba(0,0,0,0.1), -1px -1px 0 0px rgba(0,0,0,0.1);*/
|
||
|
|
||
|
-webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.1),
|
||
|
-1px 0px 1px 0px rgba(0,0,0,0.1),
|
||
|
0px 1px 1px 0px rgba(0,0,0,0.1),
|
||
|
0px -1px 0 0px rgba(0,0,0,0.1);
|
||
|
box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.1),
|
||
|
-1px 0px 1px 0px rgba(0,0,0,0.1),
|
||
|
0px 1px 1px 0px rgba(0,0,0,0.1),
|
||
|
0px -1px 0 0px rgba(0,0,0,0.1);
|
||
|
}
|
||
|
.dark .bb-tooltip,
|
||
|
.dark .bb-tooltip td {
|
||
|
background-color: #283442;
|
||
|
}
|
||
|
.bb-tooltip th {
|
||
|
border-bottom: 0;
|
||
|
padding-top: 10px;
|
||
|
padding-left: 10px;
|
||
|
padding-right: 10px;
|
||
|
}
|
||
|
.bb-tooltip td:first-child {
|
||
|
padding-left: 10px;
|
||
|
}
|
||
|
.bb-tooltip td:last-child {
|
||
|
padding-right: 10px;
|
||
|
}
|
||
|
.bb-tooltip tr:first-child td {
|
||
|
padding-top: 10px;
|
||
|
}
|
||
|
.bb-tooltip tr:last-child td {
|
||
|
padding-bottom: 10px;
|
||
|
}
|
||
|
.bb-tooltip td.value {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
.bb-tooltip td.name,
|
||
|
.bb-tooltip td.value {
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
.bb-tooltip td>span, .bb-tooltip td>svg {
|
||
|
width: 11px;
|
||
|
height: 11px;
|
||
|
}
|
||
|
.piechart .bb-tooltip td:first-child {
|
||
|
padding-left: 8px;
|
||
|
}
|
||
|
.piechart .bb-tooltip td:last-child {
|
||
|
padding-right: 8px;
|
||
|
}
|
||
|
.piechart .bb-tooltip tr:first-child td {
|
||
|
padding-top: 5px;
|
||
|
padding-bottom: 5px;
|
||
|
}
|
||
|
.bb-chart-arc text {
|
||
|
font-size: 12px;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
.dark .bb-chart-arc path {
|
||
|
stroke: #242f3e;
|
||
|
}
|
||
|
|
||
|
|
||
|
.chart_wrap_loading {
|
||
|
color: #7A8A93;
|
||
|
font-size: 16px;
|
||
|
text-align: center;
|
||
|
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
padding: 40px 20px;
|
||
|
}
|
||
|
.dark .chart_wrap_loading {
|
||
|
color: #546778;
|
||
|
}
|
||
|
|
||
|
.bbchart-custom-legend {
|
||
|
padding: 0 10px;
|
||
|
margin: -11px 0 7px;
|
||
|
}
|
||
|
.bbchart_wrap_noslider .bbchart-custom-legend {
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
.bbchart-custom-legend-label {
|
||
|
display: inline-block;
|
||
|
padding: 6px 12px 6px 7px;
|
||
|
border-radius: 18px;
|
||
|
height: 34px;
|
||
|
line-height: 32px;
|
||
|
/*background: #f1f5f8;*/
|
||
|
margin-right: 5px;
|
||
|
margin-bottom: 3px;
|
||
|
font-size: 12px;
|
||
|
vertical-align: middle;
|
||
|
border: 1px solid #e6ecf0;
|
||
|
}
|
||
|
.dark .bbchart-custom-legend-label {
|
||
|
/*background: #4788ba;*/
|
||
|
border-color: #344658;
|
||
|
}
|
||
|
.bbchart-custom-legend-label-icon {
|
||
|
display: inline-block;
|
||
|
width: 20px;
|
||
|
height: 20px;
|
||
|
border-radius: 10px;
|
||
|
overflow: hidden;
|
||
|
margin-right: 10px;
|
||
|
line-height: 20px;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
.bbchart-custom-legend-label-icon-tick {
|
||
|
display: inline-block;
|
||
|
height: 8px;
|
||
|
width: 11px;
|
||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI4Ij48cGF0aCBkPSJNMy42OTcxNjcxIDUuMjM4NDUwN0w4LjUwNDYwMTkuNDMxMDE1OWMuMzkwNTcwOS0uMzkwNTcxIDEuMDIzODExNi0uMzkwNTcxIDEuNDE0MzgyNiAwIC4zOTA1NzA5LjM5MDU3MS4zOTA1NzA5IDEuMDIzODExNiAwIDEuNDE0MzgyNmwtNS40MjE4IDUuNDIxNzk5OWMtLjIyNjczMzQuMjI2NzMzNS0uNTM1MjQ2OC4zMjE4NDQxLS44MzA1OTA3LjI4NTMzMTktLjExOTQzOS4wMDQwOTMzLS4yNDE1ODEzLS4wMjA1NDU0LS4zNTYxNTA0LS4wNzczNzc4YS43NDU0NTgwNy43NDU0NTgwNyAwIDAgMS0uMTc4ODYxNy0uMTI0MjMzMUwuNDE2NjM4NyA0LjgwMzAxNzZDLjAzNDc4MDQgNC40NDQ2NTM3LjAxNTczNDQgMy44NDQ1ODUxLjM3NDA5ODMgMy40NjI3MjY4YS45NDc5NTA1NS45NDc5NTA1NSAwIDAgMSAuMDE1NTg0Mi0uMDE2MjE2MWMuMzc4MzA1MS0uMzg0NDE0MS45OTQ2NDgzLS4zOTU0NzAzIDEuMzg2NDk3MS0uMDI0ODcxNmwxLjkyMDk4NzUgMS44MTY4MTE2eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
|
||
|
transform: translateX(5px) translateY(1px);
|
||
|
}
|
||
|
.bbchart-custom-legend-label-hidden .bbchart-custom-legend-label-icon-tick {
|
||
|
height: 16px;
|
||
|
width: 16px;
|
||
|
border-radius: 8px;
|
||
|
background: #ffffff;
|
||
|
border: 0;
|
||
|
transform: none;
|
||
|
margin: 2px 2px;
|
||
|
}
|
||
|
.dark .bbchart-custom-legend-label-hidden .bbchart-custom-legend-label-icon-tick {
|
||
|
/*background: #4788ba;*/
|
||
|
background: #242f3e;
|
||
|
}
|
||
|
.bbchart-custom-legend-label-text {
|
||
|
line-height: 20px;
|
||
|
display: inline-block;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
.button-item.ripple-handler {
|
||
|
position: relative;
|
||
|
}
|
||
|
.ripple-mask {
|
||
|
position: absolute;
|
||
|
left: 0; right: 0;
|
||
|
top: 0; bottom: 0;
|
||
|
transform: translateZ(0);
|
||
|
overflow: hidden;
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
.radio-item .ripple-mask,
|
||
|
.checkbox-item .ripple-mask {
|
||
|
width: 32px;
|
||
|
height: 32px;
|
||
|
left: -6px;
|
||
|
top: -6px;
|
||
|
border-radius: 16px;
|
||
|
}
|
||
|
.button-item .ripple-mask {
|
||
|
border-radius: 19px;
|
||
|
}
|
||
|
.radio-item .ripple,
|
||
|
.checkbox-item .ripple {
|
||
|
position: absolute;
|
||
|
width: 80px;
|
||
|
height: 80px;
|
||
|
left: -24px;
|
||
|
top: -24px;
|
||
|
border-radius: 50%;
|
||
|
background-color: rgba(179, 179, 179, .2);
|
||
|
transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out;
|
||
|
opacity: 0;
|
||
|
}
|
||
|
.radio-item input.radio:checked + .radio-input .ripple,
|
||
|
.checkbox-item input.checkbox:checked + .checkbox-input .ripple {
|
||
|
background-color: rgba(84, 169, 235, .2);
|
||
|
}
|
||
|
.button-item .ripple {
|
||
|
position: absolute;
|
||
|
width: 200%;
|
||
|
left: 50%; top: 50%;
|
||
|
margin: -100% 0 0 -100%;
|
||
|
padding-top: 200%;
|
||
|
border-radius: 50%;
|
||
|
/*background-color: rgba(179, 179, 179, .2);*/
|
||
|
background-color: rgba(55, 144, 207, .2);
|
||
|
/*background-color: #3790cf;*/
|
||
|
transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out;
|
||
|
opacity: 0;
|
||
|
}
|
||
|
/*.button-item-flat .ripple {
|
||
|
background-color: #d9ebf7;
|
||
|
}*/
|
||
|
|
||
|
.bbchart-custom-legend-label .ripple {
|
||
|
background-color: rgba(119, 160, 191, .08);
|
||
|
}
|
||
|
|
||
|
.dark .bbchart-custom-legend-label .ripple {
|
||
|
background-color: rgba(121, 153, 185, .08);
|
||
|
}
|