angular-material-calendar.css 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. calendar-md {
  2. display: block;
  3. max-height: 100%; }
  4. calendar-md .md-toolbar-tools {
  5. /*background-color: #8e8e93;*/
  6. }
  7. calendar-md .md-toolbar-tools h2 {
  8. overflow-x: hidden;
  9. text-overflow: ellipsis;
  10. white-space: nowrap; }
  11. calendar-md md-content > md-content {
  12. border: 1px solid rgba(0, 0, 0, 0.12); }
  13. calendar-md md-content > md-content.agenda > * > * {
  14. border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  15. calendar-md md-content > md-content.agenda > * > *.disabled {
  16. color: rgba(0, 0, 0, 0.3);
  17. pointer-events: none;
  18. cursor: auto; }
  19. calendar-md md-content > md-content.agenda > * > * :first-child {
  20. padding: 12px;
  21. width: 200px;
  22. text-align: right;
  23. color: rgba(0, 0, 0, 0.75);
  24. font-weight: 100;
  25. overflow-x: hidden;
  26. text-overflow: ellipsis;
  27. white-space: nowrap; }
  28. calendar-md md-content > md-content.agenda > * > * :not(:first-child) {
  29. overflow: hidden;
  30. text-overflow: ellipsis; }
  31. calendar-md md-content > md-content > * > * {
  32. min-width: 48px; }
  33. calendar-md md-content > md-content.calendar > :first-child {
  34. background: rgba(0, 0, 0, 0.02);
  35. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  36. margin-right: 0;
  37. min-height: 36px; }
  38. calendar-md md-content > md-content.calendar > :not(:first-child) > * {
  39. border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  40. border-right: 1px solid rgba(0, 0, 0, 0.12);
  41. cursor: pointer; }
  42. calendar-md md-content > md-content.calendar > :not(:first-child) > *:hover {
  43. background: rgba(0, 0, 0, 0.04); }
  44. calendar-md md-content > md-content.calendar > :not(:first-child) > *.disabled {
  45. color: rgba(0, 0, 0, 0.3);
  46. pointer-events: none;
  47. cursor: auto; }
  48. calendar-md md-content > md-content.calendar > :not(:first-child) > *.active {
  49. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  50. background: rgba(17, 110, 191, 0.75); }
  51. calendar-md md-content > md-content.calendar > :not(:first-child) > * :first-child {
  52. padding: 0; }
  53. calendar-md md-content > md-content.calendar > :not(:first-child) > * :last-child {
  54. overflow: hidden;
  55. text-overflow: ellipsis; }