Dashboard sipadu mbip
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

j-pro-flat-purple.css 2.4KB

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