Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

j-pro-flat-cyan.css 2.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* ========================================= */
  2. /* Color: cyan */
  3. /* ========================================= */
  4. /* Buttons
  5. =============================== */
  6. .j-pro.j-cyan .j-widget .j-addon,
  7. .j-pro.j-cyan .j-widget .j-addon-btn,
  8. .j-pro.j-cyan .j-primary-btn,
  9. .j-pro.j-cyan .j-secondary-btn,
  10. .ui-datepicker-buttonpane button { background-color:#00b3b3; }
  11. .j-pro.j-cyan .j-widget .j-addon-btn:hover,
  12. .j-pro.j-cyan .j-primary-btn:hover,
  13. .j-pro.j-cyan .j-secondary-btn:hover,
  14. .ui-datepicker-buttonpane button:hover { background-color:#008080; }
  15. .j-pro.j-cyan .j-widget.j-disabled-view .j-addon-btn,
  16. .j-pro.j-cyan .j-primary-btn.j-disabled-view,
  17. .j-pro.j-cyan .j-secondary-btn.j-disabled-view { background-color:#00b3b3 !important; }
  18. /* Datepicker & Timepicker
  19. =============================== */
  20. .ui-datepicker-header,
  21. .ui-datepicker-calendar a:hover,
  22. .ui-datepicker-calendar .ui-state-active { background-color:#00cccc; }
  23. .ui-datepicker-calendar a:hover,
  24. .ui-datepicker-calendar .ui-state-active { color:#fff; }
  25. /* Ratings
  26. =============================== */
  27. .j-pro.j-cyan .j-ratings input + label:hover,
  28. .j-pro.j-cyan .j-ratings input + label:hover ~ label,
  29. .j-pro.j-cyan .j-ratings input:checked + label,
  30. .j-pro.j-cyan .j-ratings input:checked + label ~ label { color:#00b3b3; }
  31. /* Header
  32. =============================== */
  33. .j-pro.j-cyan .j-header { color:#00b3b3; }
  34. /* Multistep form
  35. =============================== */
  36. .j-pro.j-cyan .j-active-step .j-steps { border:1px solid #008080; }
  37. /* Other
  38. =============================== */
  39. .j-pro.j-cyan .j-divider-text span { color:#00b3b3; }
  40. .j-pro.j-cyan .j-divider,
  41. .j-pro.j-cyan .j-divider-text { border-top:1px solid #80ffff; height:0; }
  42. /* Tooltip
  43. =============================== */
  44. .j-pro.j-cyan .j-tooltip,
  45. .j-pro.j-cyan .j-tooltip-image { background-color:#00b3b3; }
  46. .j-pro.j-cyan .j-tooltip-left-top:before { border-color:#00b3b3 transparent; }
  47. .j-pro.j-cyan .j-tooltip-right-top:before{ border-color:#00b3b3 transparent; }
  48. .j-pro.j-cyan .j-tooltip-right-bottom:before{ border-color:#00b3b3 transparent; }
  49. .j-pro.j-cyan .j-tooltip-left-bottom:before{ border-color:#00b3b3 transparent; }
  50. .j-pro.j-cyan .j-tooltip-right-side:before{ border-color:transparent #00b3b3; }
  51. .j-pro.j-cyan .j-tooltip-left-side:before{ border-color:transparent #00b3b3; }