tnp-statistics.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. /* General Purpose Classes */
  2. .tnp-legend {
  3. font-family: "Source Sans Pro", sans-serif;
  4. color: #fff;
  5. text-transform: uppercase;
  6. padding: 0px 15px;
  7. display: inline-block;
  8. vertical-align: middle;
  9. }
  10. /* Statistics General Infobox */
  11. .tnp-statistics-general-icon {
  12. display: inline-block;
  13. background-color: #2980B9;
  14. padding: 20px 18px 14px 18px;
  15. }
  16. .tnp-statistics-general-box {
  17. background-color: #2980B9;
  18. display: inline-block;
  19. padding: 10px;
  20. margin: 10px 0px 10px 0px;
  21. }
  22. #tnp-heading .tnp-statistics-general-box p {
  23. color: #fff;
  24. line-height: 25px;
  25. }
  26. .tnp-statistics-general-title {
  27. font-family: "Source Sans Pro", sans-serif;
  28. letter-spacing: 0.05rem;
  29. background-color: #2980B9;
  30. color: #fff;
  31. margin: 15px 0px;
  32. padding: 9px;
  33. border: 0;
  34. font-size: 14px;
  35. text-transform: uppercase;
  36. }
  37. .tnp-statistics-info-box {
  38. background-color: #3a5168;
  39. }
  40. .tnp-statistics-info-box .button, .tnp-statistics-info-box .button-secondary {
  41. vertical-align: middle;
  42. }
  43. /* Subscribers Reached Box */
  44. .tnp-row-pie-charts {
  45. margin: 20px 0px;
  46. }
  47. .tnp-row-pie-charts canvas[style] {
  48. width: 100% !important;
  49. height: 100% !important;
  50. }
  51. .tnp-widget .tnp-data {
  52. text-align: center;
  53. padding: 15px 0;
  54. }
  55. .tnp-widget .tnp-data .tnp-data-title{
  56. font-size: 9px;
  57. font-weight: 700;
  58. text-transform: uppercase;
  59. font-family: "Source Sans Pro";
  60. }
  61. .tnp-widget .tnp-data .tnp-data-value{
  62. font-size: 15px;
  63. color: #415b76;
  64. }
  65. /* Map Box */
  66. #tnp-map-chart {
  67. width: 450px;
  68. height: 320px;
  69. margin: 0px auto;
  70. position: relative;
  71. overflow: hidden;
  72. }
  73. #tnp-map-chart .jqvmap-zoomin, #tnp-map-chart .jqvmap-zoomout {
  74. color: #fff;
  75. padding: 0px;
  76. }
  77. .tnp-map-legend, .tnp-gender-legend, .tnp-events-legend {
  78. font-family: "Source Sans Pro", sans-serif;
  79. color: #2C3E50;
  80. text-transform: uppercase;
  81. text-align: center;
  82. margin-bottom: 40px !important;
  83. }
  84. /* Subscribers Gender Box */
  85. #tnp-gender-chart {
  86. width: 90%;
  87. margin: 0 auto;
  88. }
  89. /* Events Over Time */
  90. #tnp-events-chart {
  91. width: 80%;
  92. margin: 0 auto;
  93. height: 300px;
  94. }
  95. /* Retarget Table Layout */
  96. .tnp-retarget .tnp-retarget-table {
  97. background-color: #34495E;
  98. border: none;
  99. }
  100. .tnp-retarget .tnp-retarget-table th {
  101. color: #fff;
  102. border: none;
  103. }
  104. #tnp-body.tnp-statistics .tnp-widget {
  105. min-height: 500px;
  106. }