theme.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /**
  2. * This theme is an example to show how you can create your own.
  3. */
  4. .pika-single.dark-theme {
  5. color: #fff;
  6. background: #333;
  7. border: 1px solid #666;
  8. border-bottom-color: #999;
  9. }
  10. .dark-theme .pika-label {
  11. background-color: #333;
  12. }
  13. .dark-theme .pika-prev,
  14. .dark-theme .is-rtl .pika-next {
  15. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAQAAACGG/bgAAAAQ0lEQVR4Ae3KIQ4AIBTD0N0/IeHGI3UIRA3ut/Zl+ltXc5++htVAmIAwAWECwgSEKbgthEoIlRAqIVRCqINQB9nDgQd7ktwFo6UpWQAAAABJRU5ErkJggg==');
  16. }
  17. .dark-theme .pika-next,
  18. .dark-theme .is-rtl .pika-prev {
  19. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAQAAACGG/bgAAAAP0lEQVQ4y+3TMQoAMAgEwfwfAvvjTZ1uGzuvHhBPPGczEG+FRqqRaqQaqUaqkX6QBmmjacvQ6qEVTjsh+xizebvlaWptGXZAAAAAAElFTkSuQmCC');
  20. }
  21. .dark-theme .pika-table th {
  22. color: #999;
  23. }
  24. .dark-theme .pika-button {
  25. color: #fff;
  26. background: #222;
  27. }
  28. .dark-theme .pika-week {
  29. color: #999;
  30. }
  31. .dark-theme .is-today .pika-button {
  32. color: #33aaff;
  33. }
  34. .dark-theme .is-selected .pika-button {
  35. color: #fff;
  36. background: #33aaff;
  37. box-shadow: inset 0 1px 3px #178fe5;
  38. }
  39. .dark-theme .is-disabled .pika-button {
  40. color: #999;
  41. opacity: .3;
  42. }
  43. .dark-theme .pika-button:hover {
  44. color: #fff !important;
  45. background: #ff8000 !important;
  46. }