chartist.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615
  1. .ct-label {
  2. fill: rgba(0, 0, 0, 0.4);
  3. color: rgba(0, 0, 0, 0.4);
  4. font-size: 0.75rem;
  5. line-height: 1; }
  6. .ct-chart-line .ct-label,
  7. .ct-chart-bar .ct-label {
  8. display: block;
  9. display: -webkit-box;
  10. display: -moz-box;
  11. display: -ms-flexbox;
  12. display: -webkit-flex;
  13. display: flex; }
  14. .ct-chart-pie .ct-label,
  15. .ct-chart-donut .ct-label {
  16. dominant-baseline: central; }
  17. .ct-label.ct-horizontal.ct-start {
  18. -webkit-box-align: flex-end;
  19. -webkit-align-items: flex-end;
  20. -ms-flex-align: flex-end;
  21. align-items: flex-end;
  22. -webkit-box-pack: flex-start;
  23. -webkit-justify-content: flex-start;
  24. -ms-flex-pack: flex-start;
  25. justify-content: flex-start;
  26. text-align: left;
  27. text-anchor: start; }
  28. .ct-label.ct-horizontal.ct-end {
  29. -webkit-box-align: flex-start;
  30. -webkit-align-items: flex-start;
  31. -ms-flex-align: flex-start;
  32. align-items: flex-start;
  33. -webkit-box-pack: flex-start;
  34. -webkit-justify-content: flex-start;
  35. -ms-flex-pack: flex-start;
  36. justify-content: flex-start;
  37. text-align: left;
  38. text-anchor: start; }
  39. .ct-label.ct-vertical.ct-start {
  40. -webkit-box-align: flex-end;
  41. -webkit-align-items: flex-end;
  42. -ms-flex-align: flex-end;
  43. align-items: flex-end;
  44. -webkit-box-pack: flex-end;
  45. -webkit-justify-content: flex-end;
  46. -ms-flex-pack: flex-end;
  47. justify-content: flex-end;
  48. text-align: right;
  49. text-anchor: end; }
  50. .ct-label.ct-vertical.ct-end {
  51. -webkit-box-align: flex-end;
  52. -webkit-align-items: flex-end;
  53. -ms-flex-align: flex-end;
  54. align-items: flex-end;
  55. -webkit-box-pack: flex-start;
  56. -webkit-justify-content: flex-start;
  57. -ms-flex-pack: flex-start;
  58. justify-content: flex-start;
  59. text-align: left;
  60. text-anchor: start; }
  61. .ct-chart-bar .ct-label.ct-horizontal.ct-start {
  62. -webkit-box-align: flex-end;
  63. -webkit-align-items: flex-end;
  64. -ms-flex-align: flex-end;
  65. align-items: flex-end;
  66. -webkit-box-pack: center;
  67. -webkit-justify-content: center;
  68. -ms-flex-pack: center;
  69. justify-content: center;
  70. text-align: center;
  71. text-anchor: start; }
  72. .ct-chart-bar .ct-label.ct-horizontal.ct-end {
  73. -webkit-box-align: flex-start;
  74. -webkit-align-items: flex-start;
  75. -ms-flex-align: flex-start;
  76. align-items: flex-start;
  77. -webkit-box-pack: center;
  78. -webkit-justify-content: center;
  79. -ms-flex-pack: center;
  80. justify-content: center;
  81. text-align: center;
  82. text-anchor: start; }
  83. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  84. -webkit-box-align: flex-end;
  85. -webkit-align-items: flex-end;
  86. -ms-flex-align: flex-end;
  87. align-items: flex-end;
  88. -webkit-box-pack: flex-start;
  89. -webkit-justify-content: flex-start;
  90. -ms-flex-pack: flex-start;
  91. justify-content: flex-start;
  92. text-align: left;
  93. text-anchor: start; }
  94. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  95. -webkit-box-align: flex-start;
  96. -webkit-align-items: flex-start;
  97. -ms-flex-align: flex-start;
  98. align-items: flex-start;
  99. -webkit-box-pack: flex-start;
  100. -webkit-justify-content: flex-start;
  101. -ms-flex-pack: flex-start;
  102. justify-content: flex-start;
  103. text-align: left;
  104. text-anchor: start; }
  105. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  106. -webkit-box-align: center;
  107. -webkit-align-items: center;
  108. -ms-flex-align: center;
  109. align-items: center;
  110. -webkit-box-pack: flex-end;
  111. -webkit-justify-content: flex-end;
  112. -ms-flex-pack: flex-end;
  113. justify-content: flex-end;
  114. text-align: right;
  115. text-anchor: end; }
  116. .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  117. -webkit-box-align: center;
  118. -webkit-align-items: center;
  119. -ms-flex-align: center;
  120. align-items: center;
  121. -webkit-box-pack: flex-start;
  122. -webkit-justify-content: flex-start;
  123. -ms-flex-pack: flex-start;
  124. justify-content: flex-start;
  125. text-align: left;
  126. text-anchor: end; }
  127. .ct-grid {
  128. stroke: rgba(0, 0, 0, 0.2);
  129. stroke-width: 1px;
  130. stroke-dasharray: 2px; }
  131. .ct-grid-background {
  132. fill: none; }
  133. .ct-point {
  134. stroke-width: 10px;
  135. stroke-linecap: round; }
  136. .ct-line {
  137. fill: none;
  138. stroke-width: 4px; }
  139. .ct-area {
  140. stroke: none;
  141. fill-opacity: 0.1; }
  142. .ct-bar {
  143. fill: none;
  144. stroke-width: 10px; }
  145. .ct-slice-donut {
  146. fill: none;
  147. stroke-width: 60px; }
  148. .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  149. stroke: #4079ed; }
  150. .ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
  151. fill: #4079ed; }
  152. .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  153. stroke: #9fb3ca; }
  154. .ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
  155. fill: #9fb3ca; }
  156. .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  157. stroke: #22b3dd; }
  158. .ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
  159. fill: #22b3dd; }
  160. .ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  161. stroke: #10c347; }
  162. .ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
  163. fill: #10c347; }
  164. .ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  165. stroke: #f4ac2f; }
  166. .ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
  167. fill: #f4ac2f; }
  168. .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  169. stroke: #ff0b5b; }
  170. .ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
  171. fill: #ff0b5b; }
  172. .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  173. stroke: #bcc2c8; }
  174. .ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
  175. fill: #bcc2c8; }
  176. .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  177. stroke: #ec407a; }
  178. .ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
  179. fill: #d81b60; }
  180. .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  181. stroke: #ab47bc; }
  182. .ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
  183. fill: #8e24aa; }
  184. .ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  185. stroke: #25b6b4; }
  186. .ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
  187. fill: #137e7d; }
  188. .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  189. stroke: #ef6c00; }
  190. .ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
  191. fill: #e65100; }
  192. .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  193. stroke: #3f51b5; }
  194. .ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
  195. fill: #283593; }
  196. .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  197. stroke: #039be5; }
  198. .ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
  199. fill: #01579b; }
  200. .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  201. stroke: #607d8b; }
  202. .ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
  203. fill: #455a64; }
  204. .ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  205. stroke: #757575; }
  206. .ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
  207. fill: #3f3e3e; }
  208. .ct-square {
  209. display: block;
  210. position: relative;
  211. width: 100%; }
  212. .ct-square:before {
  213. display: block;
  214. float: left;
  215. content: "";
  216. width: 0;
  217. height: 0;
  218. padding-bottom: 100%; }
  219. .ct-square:after {
  220. content: "";
  221. display: table;
  222. clear: both; }
  223. .ct-square > svg {
  224. display: block;
  225. position: absolute;
  226. top: 0;
  227. left: 0; }
  228. .ct-minor-second {
  229. display: block;
  230. position: relative;
  231. width: 100%; }
  232. .ct-minor-second:before {
  233. display: block;
  234. float: left;
  235. content: "";
  236. width: 0;
  237. height: 0;
  238. padding-bottom: 93.75%; }
  239. .ct-minor-second:after {
  240. content: "";
  241. display: table;
  242. clear: both; }
  243. .ct-minor-second > svg {
  244. display: block;
  245. position: absolute;
  246. top: 0;
  247. left: 0; }
  248. .ct-major-second {
  249. display: block;
  250. position: relative;
  251. width: 100%; }
  252. .ct-major-second:before {
  253. display: block;
  254. float: left;
  255. content: "";
  256. width: 0;
  257. height: 0;
  258. padding-bottom: 88.8888888889%; }
  259. .ct-major-second:after {
  260. content: "";
  261. display: table;
  262. clear: both; }
  263. .ct-major-second > svg {
  264. display: block;
  265. position: absolute;
  266. top: 0;
  267. left: 0; }
  268. .ct-minor-third {
  269. display: block;
  270. position: relative;
  271. width: 100%; }
  272. .ct-minor-third:before {
  273. display: block;
  274. float: left;
  275. content: "";
  276. width: 0;
  277. height: 0;
  278. padding-bottom: 83.3333333333%; }
  279. .ct-minor-third:after {
  280. content: "";
  281. display: table;
  282. clear: both; }
  283. .ct-minor-third > svg {
  284. display: block;
  285. position: absolute;
  286. top: 0;
  287. left: 0; }
  288. .ct-major-third {
  289. display: block;
  290. position: relative;
  291. width: 100%; }
  292. .ct-major-third:before {
  293. display: block;
  294. float: left;
  295. content: "";
  296. width: 0;
  297. height: 0;
  298. padding-bottom: 80%; }
  299. .ct-major-third:after {
  300. content: "";
  301. display: table;
  302. clear: both; }
  303. .ct-major-third > svg {
  304. display: block;
  305. position: absolute;
  306. top: 0;
  307. left: 0; }
  308. .ct-perfect-fourth {
  309. display: block;
  310. position: relative;
  311. width: 100%; }
  312. .ct-perfect-fourth:before {
  313. display: block;
  314. float: left;
  315. content: "";
  316. width: 0;
  317. height: 0;
  318. padding-bottom: 75%; }
  319. .ct-perfect-fourth:after {
  320. content: "";
  321. display: table;
  322. clear: both; }
  323. .ct-perfect-fourth > svg {
  324. display: block;
  325. position: absolute;
  326. top: 0;
  327. left: 0; }
  328. .ct-perfect-fifth {
  329. display: block;
  330. position: relative;
  331. width: 100%; }
  332. .ct-perfect-fifth:before {
  333. display: block;
  334. float: left;
  335. content: "";
  336. width: 0;
  337. height: 0;
  338. padding-bottom: 66.6666666667%; }
  339. .ct-perfect-fifth:after {
  340. content: "";
  341. display: table;
  342. clear: both; }
  343. .ct-perfect-fifth > svg {
  344. display: block;
  345. position: absolute;
  346. top: 0;
  347. left: 0; }
  348. .ct-minor-sixth {
  349. display: block;
  350. position: relative;
  351. width: 100%; }
  352. .ct-minor-sixth:before {
  353. display: block;
  354. float: left;
  355. content: "";
  356. width: 0;
  357. height: 0;
  358. padding-bottom: 62.5%; }
  359. .ct-minor-sixth:after {
  360. content: "";
  361. display: table;
  362. clear: both; }
  363. .ct-minor-sixth > svg {
  364. display: block;
  365. position: absolute;
  366. top: 0;
  367. left: 0; }
  368. .ct-golden-section {
  369. display: block;
  370. position: relative;
  371. width: 100%; }
  372. .ct-golden-section:before {
  373. display: block;
  374. float: left;
  375. content: "";
  376. width: 0;
  377. height: 0;
  378. padding-bottom: 61.804697157%; }
  379. .ct-golden-section:after {
  380. content: "";
  381. display: table;
  382. clear: both; }
  383. .ct-golden-section > svg {
  384. display: block;
  385. position: absolute;
  386. top: 0;
  387. left: 0; }
  388. .ct-major-sixth {
  389. display: block;
  390. position: relative;
  391. width: 100%; }
  392. .ct-major-sixth:before {
  393. display: block;
  394. float: left;
  395. content: "";
  396. width: 0;
  397. height: 0;
  398. padding-bottom: 60%; }
  399. .ct-major-sixth:after {
  400. content: "";
  401. display: table;
  402. clear: both; }
  403. .ct-major-sixth > svg {
  404. display: block;
  405. position: absolute;
  406. top: 0;
  407. left: 0; }
  408. .ct-minor-seventh {
  409. display: block;
  410. position: relative;
  411. width: 100%; }
  412. .ct-minor-seventh:before {
  413. display: block;
  414. float: left;
  415. content: "";
  416. width: 0;
  417. height: 0;
  418. padding-bottom: 56.25%; }
  419. .ct-minor-seventh:after {
  420. content: "";
  421. display: table;
  422. clear: both; }
  423. .ct-minor-seventh > svg {
  424. display: block;
  425. position: absolute;
  426. top: 0;
  427. left: 0; }
  428. .ct-major-seventh {
  429. display: block;
  430. position: relative;
  431. width: 100%; }
  432. .ct-major-seventh:before {
  433. display: block;
  434. float: left;
  435. content: "";
  436. width: 0;
  437. height: 0;
  438. padding-bottom: 53.3333333333%; }
  439. .ct-major-seventh:after {
  440. content: "";
  441. display: table;
  442. clear: both; }
  443. .ct-major-seventh > svg {
  444. display: block;
  445. position: absolute;
  446. top: 0;
  447. left: 0; }
  448. .ct-octave {
  449. display: block;
  450. position: relative;
  451. width: 100%; }
  452. .ct-octave:before {
  453. display: block;
  454. float: left;
  455. content: "";
  456. width: 0;
  457. height: 0;
  458. padding-bottom: 50%; }
  459. .ct-octave:after {
  460. content: "";
  461. display: table;
  462. clear: both; }
  463. .ct-octave > svg {
  464. display: block;
  465. position: absolute;
  466. top: 0;
  467. left: 0; }
  468. .ct-major-tenth {
  469. display: block;
  470. position: relative;
  471. width: 100%; }
  472. .ct-major-tenth:before {
  473. display: block;
  474. float: left;
  475. content: "";
  476. width: 0;
  477. height: 0;
  478. padding-bottom: 40%; }
  479. .ct-major-tenth:after {
  480. content: "";
  481. display: table;
  482. clear: both; }
  483. .ct-major-tenth > svg {
  484. display: block;
  485. position: absolute;
  486. top: 0;
  487. left: 0; }
  488. .ct-major-eleventh {
  489. display: block;
  490. position: relative;
  491. width: 100%; }
  492. .ct-major-eleventh:before {
  493. display: block;
  494. float: left;
  495. content: "";
  496. width: 0;
  497. height: 0;
  498. padding-bottom: 37.5%; }
  499. .ct-major-eleventh:after {
  500. content: "";
  501. display: table;
  502. clear: both; }
  503. .ct-major-eleventh > svg {
  504. display: block;
  505. position: absolute;
  506. top: 0;
  507. left: 0; }
  508. .ct-major-twelfth {
  509. display: block;
  510. position: relative;
  511. width: 100%; }
  512. .ct-major-twelfth:before {
  513. display: block;
  514. float: left;
  515. content: "";
  516. width: 0;
  517. height: 0;
  518. padding-bottom: 33.3333333333%; }
  519. .ct-major-twelfth:after {
  520. content: "";
  521. display: table;
  522. clear: both; }
  523. .ct-major-twelfth > svg {
  524. display: block;
  525. position: absolute;
  526. top: 0;
  527. left: 0; }
  528. .ct-double-octave {
  529. display: block;
  530. position: relative;
  531. width: 100%; }
  532. .ct-double-octave:before {
  533. display: block;
  534. float: left;
  535. content: "";
  536. width: 0;
  537. height: 0;
  538. padding-bottom: 25%; }
  539. .ct-double-octave:after {
  540. content: "";
  541. display: table;
  542. clear: both; }
  543. .ct-double-octave > svg {
  544. display: block;
  545. position: absolute;
  546. top: 0;
  547. left: 0; }
  548. /*# sourceMappingURL=chartist.css.map */