extension.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. /* Checkboxes */
  2. html.dark .checkbox-primary label:before,
  3. .checkbox-primary label:before {
  4. background: #0088cc;
  5. border-color: #0077b3;
  6. }
  7. html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
  8. .checkbox-text-primary input[type="checkbox"]:checked + label:after {
  9. color: #0088cc;
  10. }
  11. /* Radios */
  12. html.dark .radio-primary input[type="radio"]:checked + label:after,
  13. .radio-primary input[type="radio"]:checked + label:after {
  14. background: #0088cc;
  15. -webkit-box-shadow: 0px 0px 1px #0088cc;
  16. box-shadow: 0px 0px 1px #0088cc;
  17. }
  18. /* Switch */
  19. .switch.switch-primary .ios-switch .on-background {
  20. background: #0088cc;
  21. }
  22. /* Progress Bar */
  23. .progress-bar {
  24. background-color: #0088cc;
  25. }
  26. .progress .progress-bar-primary {
  27. background-color: #0088cc;
  28. }
  29. /* Slider */
  30. .slider-primary .ui-slider-range,
  31. .slider-primary .ui-slider-handle {
  32. background: #0088cc;
  33. }
  34. .slider-gradient.slider-primary .ui-slider-range,
  35. .slider-gradient.slider-primary .ui-slider-handle {
  36. background-image: -webkit-linear-gradient(left, #00aaff 0, #0088cc 50%, #006699 100%);
  37. background-image: linear-gradient(left, #00aaff 0, #0088cc 50%, #006699 100%);
  38. }
  39. .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
  40. .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
  41. background-image: -webkit-linear-gradient(to right, #00aaff 0, #0088cc 50%, #006699 100%);
  42. background-image: linear-gradient(to right, #00aaff 0, #0088cc 50%, #006699 100%);
  43. }
  44. /* DatePicker */
  45. .datepicker table {
  46. width: 100%;
  47. }
  48. .datepicker table thead tr th.prev:hover,
  49. .datepicker table thead tr th.next:hover {
  50. background: #0088cc;
  51. }
  52. .datepicker table thead tr:first-child th:hover {
  53. background: #0088cc;
  54. }
  55. .datepicker table tr td span:hover {
  56. background: #0088cc;
  57. }
  58. .datepicker table tr td.day:hover {
  59. background: #0088cc;
  60. }
  61. .datepicker table tfoot tr th:hover {
  62. background: #0088cc;
  63. }
  64. /* DatePicker: Dark */
  65. html.dark .datepicker.datepicker-primary table thead tr th.prev:hover,
  66. .datepicker.datepicker-dark table thead tr th.prev:hover,
  67. html.dark .datepicker.datepicker-primary table thead tr th.next:hover,
  68. .datepicker.datepicker-dark table thead tr th.next:hover {
  69. background: #0088cc;
  70. }
  71. html.dark .datepicker.datepicker-primary table tbody tr td.day:hover,
  72. .datepicker.datepicker-dark table tbody tr td.day:hover {
  73. background: #0088cc;
  74. }
  75. html.dark .datepicker.datepicker-primary table tbody tr td.day.active,
  76. .datepicker.datepicker-dark table tbody tr td.day.active {
  77. background: #0088cc;
  78. }
  79. /* DatePicker: Primary */
  80. .datepicker.datepicker-primary table thead tr:first-child {
  81. background-color: #0088cc;
  82. }
  83. .datepicker.datepicker-primary table thead tr:first-child th:hover {
  84. background-color: #006699;
  85. }
  86. .datepicker.datepicker-primary table thead tr:last-child {
  87. background-color: #0099e6;
  88. }
  89. .datepicker.datepicker-primary table thead tr:last-child th:hover {
  90. background-color: #0088cc;
  91. }
  92. .datepicker.datepicker-primary table tbody tr td.day:hover {
  93. background: #0088cc;
  94. }
  95. .datepicker.datepicker-primary table tbody tr td.day.active {
  96. background: #0088cc;
  97. }
  98. /* Select 2 */
  99. .select2-container-multi .select2-choices .select2-search-choice {
  100. background: #0088cc;
  101. }
  102. /* Wizard */
  103. .wizard-steps > li.active .badge {
  104. background-color: #0088cc;
  105. }
  106. .wizard-steps > li.active a,
  107. .wizard-steps > li.active a:hover,
  108. .wizard-steps > li.active a:focus {
  109. border-top-color: #0088cc;
  110. }
  111. .wizard-tabs ul > li.active .badge {
  112. background-color: #0088cc;
  113. }
  114. html .wizard-progress .steps-progress .progress-indicator,
  115. html.dark .wizard-progress .steps-progress .progress-indicator {
  116. background: #0088cc;
  117. }
  118. html .wizard-progress .wizard-steps li.completed a span,
  119. html.dark .wizard-progress .wizard-steps li.completed a span {
  120. border-color: #0088cc;
  121. background: #0088cc;
  122. }
  123. html .wizard-progress .wizard-steps li.active a span,
  124. html.dark .wizard-progress .wizard-steps li.active a span {
  125. color: #0088cc;
  126. border-color: #0088cc;
  127. }
  128. /* Tables */
  129. .table > thead > tr > td.primary,
  130. .table > tbody > tr > td.primary,
  131. .table > tfoot > tr > td.primary,
  132. .table > thead > tr > th.primary,
  133. .table > tbody > tr > th.primary,
  134. .table > tfoot > tr > th.primary,
  135. .table > thead > tr.primary > td,
  136. .table > tbody > tr.primary > td,
  137. .table > tfoot > tr.primary > td,
  138. .table > thead > tr.primary > th,
  139. .table > tbody > tr.primary > th,
  140. .table > tfoot > tr.primary > th {
  141. background-color: #0088cc;
  142. }
  143. /* Data Tables Loading */
  144. .dataTables_processing {
  145. background-color: #0088cc;
  146. }
  147. /* Liquid Meter */
  148. .liquid-meter-wrapper .liquid-meter-selector a.active {
  149. color: #0088cc;
  150. }