tocas-patch.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /*
  2. Tocas UI with Miku Theme
  3. author: tobychui, Hasegawa.Shiro
  4. */
  5. .ts.primary.button{
  6. border: 0px solid transparent !important;
  7. background-color: #19c48b94 !important;
  8. }
  9. .ts.primary.button:hover{
  10. opacity: 90%;
  11. }
  12. .ts.primary.segment{
  13. border-top-color: #19c48b94 !important;
  14. }
  15. .ts.list .primary.item{
  16. color: #19c48b !important;
  17. }
  18. .ts.list .primary.item i{
  19. color: #19c48b !important;
  20. }
  21. /* checkbox and radio :not(checked) active */
  22. .ts.checkbox:not(.radio) label:active:before, .ts.radio.checkbox label:active:before {
  23. background-color: #92fcd9 !important;
  24. }
  25. /* checkbox, toggle and radio checked */
  26. .ts.checkbox:not(.radio) input:checked+label:before, .ts.radio.checkbox input:checked+label:before, .ts.toggle.checkbox input:checked ~ .box:before, .ts.toggle.checkbox input:checked ~ label:before {
  27. background-color: #70eec4 !important;
  28. }
  29. /* checkbox, toggle and radio checked hover */
  30. @media(hover: hover) and (pointer: fine) {
  31. .ts.checkbox:not(.radio) input:checked+label:hover:before, .ts.radio.checkbox input:checked+label:hover:before {
  32. background-color: #4bdbab !important;
  33. }
  34. }
  35. .ts.toggle.checkbox input:checked ~ .box:hover:before, .ts.toggle.checkbox input:checked ~ label:hover:before {
  36. background-color: #4bdbab !important;
  37. }
  38. /* checkbox, toggle and radio checked active */
  39. .ts.checkbox:not(.radio) input:checked+label:active:before, .ts.radio.checkbox input:checked+label:active:before, .ts.toggle.checkbox input:checked ~ .box:active:before, .ts.toggle.checkbox input:checked ~ label:active:before {
  40. background-color: #40b890 !important;
  41. }
  42. .ts.fluid.slate{
  43. background-color: #edfcf7 !important;
  44. }
  45. .ts.form .fields .basic.success.field{
  46. border-top-color: #1bd698 !important;
  47. border-bottom-color: #1bd698 !important;
  48. border-left-color: #1bd698 !important;
  49. border-right-color: #1bd698 !important;
  50. color: #1bd698 !important;
  51. }
  52. .ts.primary.progress .bar{
  53. background-color: #63fac8b7 !important;
  54. }
  55. .ts.inverted.primary.sidebar{
  56. background-color: #1bd698 !important;
  57. }
  58. .ts.menu.inverted.primary .item.item, .ts.menu.inverted.primary .item .menu .item{
  59. border-color: #4bdbaa !important;
  60. }