angular-material-calendar.css 2.1 KB

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