v1.css 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. .dashboard .card {
  2. height: calc(100% - 30px); }
  3. .dashboard .card-block {
  4. border-radius: 3px; }
  5. #widgetLineareaColor .ct-chart .ct-area {
  6. fill-opacity: 1; }
  7. #widgetLineareaColor .ct-chart .ct-series.ct-series-a .ct-area {
  8. fill: #ff4c52; }
  9. #widgetLineareaColor .ct-chart .ct-series.ct-series-b .ct-area {
  10. fill: #eb6709; }
  11. #widgetLineareaColor .ct-chart .ct-series.ct-series-c .ct-area {
  12. fill: #11c26d; }
  13. #widgetStackedBar .ct-chart .ct-label.ct-vertical, #widgetStackedBar .ct-chart .ct-label.ct-horizontal {
  14. font-size: 14px; }
  15. #widgetStackedBar .ct-chart .ct-label.ct-horizontal {
  16. text-align: center; }
  17. #widgetStackedBar .ct-chart .ct-bar {
  18. stroke-width: 3%; }
  19. #widgetStackedBar .ct-chart .ct-series.ct-series-a .ct-bar {
  20. stroke: #3e8ef7; }
  21. #widgetStackedBar .ct-chart .ct-series.ct-series-b .ct-bar {
  22. stroke: #f3f7f9; }
  23. #widgetTimeline ul li {
  24. border-bottom: 1px solid #e4eaec; }
  25. #widgetTimeline .ct-chart .ct-area {
  26. fill-opacity: 1; }
  27. #widgetTimeline .ct-chart .ct-series.ct-series-a .ct-area {
  28. fill: #e4eaec; }
  29. #widgetTimeline .ct-chart .ct-series.ct-series-b .ct-area {
  30. fill: #3e8ef7; }
  31. #widgetLinepoint .ct-chart .ct-line, #widgetLinepoint .ct-chart .ct-point {
  32. stroke: white; }
  33. #widgetLinepoint .ct-chart .ct-line {
  34. stroke-width: 2px; }
  35. #widgetLinepoint .ct-chart .ct-point {
  36. stroke-width: 6px; }
  37. #widgetSaleBar .ct-chart .ct-bar {
  38. stroke: white;
  39. stroke-width: 4px; }
  40. #widgetWatchList .small-bar-one, #widgetWatchList .small-bar-two {
  41. display: inline-block;
  42. width: 80px;
  43. height: 60px;
  44. vertical-align: top; }
  45. #widgetWatchList .small-bar-one .ct-bar, #widgetWatchList .small-bar-two .ct-bar {
  46. stroke: #11c26d;
  47. stroke-width: 4px; }
  48. #widgetWatchList .line-chart .ct-series.ct-series-a .ct-line {
  49. stroke: #3e8ef7;
  50. stroke-width: 2px; }
  51. #widgetWatchList .line-chart .ct-series.ct-series-b .ct-line {
  52. stroke: #11c26d;
  53. stroke-width: 2px; }
  54. #widgetWatchList .line-chart .ct-labels > foreignObject:first-child .ct-label.ct-horizontal {
  55. margin-left: 0px; }
  56. #widgetWatchList .line-chart .ct-label.ct-vertical, #widgetWatchList .line-chart .ct-label.ct-horizontal {
  57. font-size: 14px;
  58. color: #a3afb7; }
  59. #widgetWatchList .line-chart .ct-label.ct-vertical {
  60. text-align: left; }
  61. #widgetWatchList .line-chart .ct-label.ct-horizontal {
  62. margin-left: -20px; }
  63. #widgetTable .card-block {
  64. height: auto; }
  65. #widgetTable table {
  66. border-top: 1px solid #e4eaec; }
  67. #widgetTable tr > td {
  68. padding-top: 15px;
  69. padding-bottom: 15px;
  70. width: 33.3333%;
  71. white-space: nowrap; }
  72. #widgetTable tr > td:first-child {
  73. padding-left: 30px;
  74. color: #37474f; }
  75. #widgetTable tr > td:last-child {
  76. padding-right: 30px;
  77. text-align: right; }
  78. #widgetTable .form-control {
  79. border-color: transparent; }
  80. #widgetTable .form-control:focus {
  81. border-color: #3e8ef7; }
  82. #widgetWeather {
  83. border: none; }
  84. #widgetWeather .weather-times {
  85. border-top: 1px solid #e4eaec; }
  86. #widgetWeather .weather-list {
  87. height: 100%;
  88. padding-top: 30px;
  89. padding-bottom: 30px; }
  90. #widgetWeather .weather-list li {
  91. padding-left: 30px;
  92. padding-right: 30px; }
  93. #widgetWeather .weather-list li [class*="col-"] {
  94. line-height: 34px;
  95. text-align: center; }
  96. #widgetWeather .weather-list li + li {
  97. margin-top: 25px; }
  98. #widgetJvmap, #widgetJvmap .jvectormap-container {
  99. min-height: 240px; }
  100. #widgetSocialBg {
  101. overflow: hidden; }
  102. #widgetSocialBg .header {
  103. position: relative; }
  104. #widgetSocialBg .header-content {
  105. position: absolute;
  106. top: 0;
  107. left: 0;
  108. height: 100%;
  109. background-color: rgba(55, 71, 79, 0.8); }
  110. #widgetSocialBg .social-avator {
  111. width: 46px;
  112. height: 46px; }
  113. #widgetSocialBg .info {
  114. height: 46px; }
  115. #widgetSocial {
  116. overflow: hidden; }
  117. #widgetSocial .header-content {
  118. height: 200px; }
  119. #widgetSocial .social-avator {
  120. width: 66px;
  121. height: 66px;
  122. margin-top: -60px; }
  123. #widgetLinepointDate {
  124. min-height: 420px; }
  125. #widgetLinepointDate .ct-chart {
  126. position: absolute;
  127. width: 100%;
  128. bottom: 0; }
  129. #widgetLinepointDate .ct-chart .ct-line, #widgetLinepointDate .ct-chart .ct-point {
  130. stroke: #3e8ef7; }
  131. #widgetLinepointDate .ct-chart .ct-line {
  132. stroke-width: 2px; }
  133. #widgetLinepointDate .ct-chart .ct-point {
  134. stroke-width: 6px; }
  135. #widgetOverallViews .small-bar-one, #widgetOverallViews .small-bar-two {
  136. width: 105px;
  137. height: 44px;
  138. padding-left: 20px; }
  139. #widgetOverallViews .small-bar-one .ct-bar {
  140. stroke: #11c26d; }
  141. #widgetOverallViews .ct-chart .ct-bar {
  142. stroke-width: 4px; }
  143. @media (max-width: 479.98px) {
  144. #widgetOverallViews .ct-chart {
  145. padding: 0; } }
  146. #widgetStatistic .form-control {
  147. border-color: transparent; }
  148. #widgetStatistic .form-control:focus {
  149. border-color: #3e8ef7; }
  150. @media (max-width: 767.98px) {
  151. #widgetLineareaColor .float-right {
  152. float: none !important; }
  153. #widgetStatistic .vmap-col {
  154. height: 400px;
  155. position: relative; }
  156. #widgetStatistic .float-right {
  157. float: none !important; }
  158. .card-responsive {
  159. min-height: .01%;
  160. overflow-x: auto; }
  161. #widgetTimeline .card-block {
  162. min-width: 480px; }
  163. #widgetWatchList .card-block {
  164. min-width: 667px; } }