You are here

calendar.css in Content Planner 8

.calendar-id {
  position: absolute;
  top: -100px;
}

.content-calendar {
  position: relative;
}
.content-calendar thead th {
  border: 1px solid #bfbfba;
}
.content-calendar .cell {
  height: 150px;
  width: 150px;
  vertical-align: top;
  border: 1px solid #e6e4df;
  position: relative;
}
.content-calendar .cell.hovering {
  background-color: lightgreen;
}
.content-calendar .cell .day {
  margin-bottom: 1em;
  display: block;
}
.content-calendar .cell .add-content {
  position: absolute;
  top: 10px;
  right: 12px;
  color: white;
}
.content-calendar .cell .add-content .add-button {
  display: block;
  text-align: center;
  background-color: #0071b8;
  border: 1px solid #1e5c90;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.content-calendar .cell .add-content .add-content-label {
  display: none;
  margin-bottom: 0.5em;
}
.content-calendar .cell .add-content .actions {
  margin-left: 0;
  padding-left: 0;
  display: none;
}
.content-calendar .cell .add-content .actions li {
  list-style: none;
}
.content-calendar .cell .add-content .actions li a {
  color: inherit;
  display: block;
}
.content-calendar .cell .add-content:hover {
  z-index: 1000;
  color: white;
  background-color: #0071b8;
  border: 1px solid #1e5c90;
  padding: 1em;
}
.content-calendar .cell .add-content:hover .add-button {
  display: none;
}
.content-calendar .cell .add-content:hover .actions {
  display: block;
}
.content-calendar .cell .add-content:hover .add-content-label {
  display: block;
}
.content-calendar .disabled-day {
  background: #f3f3f3;
}
.content-calendar .calendar-entry {
  border: 1px solid grey;
  font-size: 0.8rem;
  padding: 0.5em;
  position: relative;
  min-height: 60px;
  margin-bottom: 0.5em;
  background-color: white;
  cursor: move;
}
.content-calendar .calendar-entry span {
  display: block;
}
.content-calendar .calendar-entry .user-info .user-picture {
  vertical-align: top;
}
.content-calendar .calendar-entry .user-info span {
  display: inline-block;
}
.content-calendar .calendar-entry .node-title {
  max-width: 85%;
}
.content-calendar .calendar-entry .node-title a {
  color: inherit;
  font-weight: bold;
}
.content-calendar .calendar-entry .node-actions {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 500;
}
.content-calendar .calendar-entry .node-actions li {
  list-style: none;
}
.content-calendar .calendar-entry .node-actions li .node-action {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-color: transparent;
  text-indent: -9999px;
  border-radius: 0;
  border: 0;
  width: 22px !important;
  height: 22px !important;
  display: inline-block;
}
.content-calendar .calendar-entry .node-actions li .node-edit-link {
  background-image: url("/core/themes/stable/images/core/icons/bebebe/pencil.svg");
}
.content-calendar .calendar-entry .node-actions li .node-edit-link:hover {
  background-image: url("/core/themes/stable/images/core/icons/787878/pencil.svg");
}
.content-calendar .calendar-entry .node-actions li .node-delete-link {
  background-image: url("/core/themes/stable/images/core/icons/bebebe/ex.svg");
}
.content-calendar .calendar-entry .node-actions li .node-delete-link:hover {
  background-image: url("/core/themes/stable/images/core/icons/787878/ex.svg");
}
.content-calendar .legend .explanations {
  margin-bottom: 6em;
  margin-left: 0;
  padding-left: 0;
}
.content-calendar .legend .explanations li {
  list-style: none;
  margin-bottom: 0.5em;
}
.content-calendar .legend .explanations .content-calendar-item-preview {
  width: 40px;
  height: 20px;
  border: 1px solid black;
  display: inline-block;
}

/*# sourceMappingURL=calendar.css.map */

File

assets/dist/css/calendar.css
View source
  1. .calendar-id {
  2. position: absolute;
  3. top: -100px;
  4. }
  5. .content-calendar {
  6. position: relative;
  7. }
  8. .content-calendar thead th {
  9. border: 1px solid #bfbfba;
  10. }
  11. .content-calendar .cell {
  12. height: 150px;
  13. width: 150px;
  14. vertical-align: top;
  15. border: 1px solid #e6e4df;
  16. position: relative;
  17. }
  18. .content-calendar .cell.hovering {
  19. background-color: lightgreen;
  20. }
  21. .content-calendar .cell .day {
  22. margin-bottom: 1em;
  23. display: block;
  24. }
  25. .content-calendar .cell .add-content {
  26. position: absolute;
  27. top: 10px;
  28. right: 12px;
  29. color: white;
  30. }
  31. .content-calendar .cell .add-content .add-button {
  32. display: block;
  33. text-align: center;
  34. background-color: #0071b8;
  35. border: 1px solid #1e5c90;
  36. border-radius: 50%;
  37. width: 20px;
  38. height: 20px;
  39. }
  40. .content-calendar .cell .add-content .add-content-label {
  41. display: none;
  42. margin-bottom: 0.5em;
  43. }
  44. .content-calendar .cell .add-content .actions {
  45. margin-left: 0;
  46. padding-left: 0;
  47. display: none;
  48. }
  49. .content-calendar .cell .add-content .actions li {
  50. list-style: none;
  51. }
  52. .content-calendar .cell .add-content .actions li a {
  53. color: inherit;
  54. display: block;
  55. }
  56. .content-calendar .cell .add-content:hover {
  57. z-index: 1000;
  58. color: white;
  59. background-color: #0071b8;
  60. border: 1px solid #1e5c90;
  61. padding: 1em;
  62. }
  63. .content-calendar .cell .add-content:hover .add-button {
  64. display: none;
  65. }
  66. .content-calendar .cell .add-content:hover .actions {
  67. display: block;
  68. }
  69. .content-calendar .cell .add-content:hover .add-content-label {
  70. display: block;
  71. }
  72. .content-calendar .disabled-day {
  73. background: #f3f3f3;
  74. }
  75. .content-calendar .calendar-entry {
  76. border: 1px solid grey;
  77. font-size: 0.8rem;
  78. padding: 0.5em;
  79. position: relative;
  80. min-height: 60px;
  81. margin-bottom: 0.5em;
  82. background-color: white;
  83. cursor: move;
  84. }
  85. .content-calendar .calendar-entry span {
  86. display: block;
  87. }
  88. .content-calendar .calendar-entry .user-info .user-picture {
  89. vertical-align: top;
  90. }
  91. .content-calendar .calendar-entry .user-info span {
  92. display: inline-block;
  93. }
  94. .content-calendar .calendar-entry .node-title {
  95. max-width: 85%;
  96. }
  97. .content-calendar .calendar-entry .node-title a {
  98. color: inherit;
  99. font-weight: bold;
  100. }
  101. .content-calendar .calendar-entry .node-actions {
  102. position: absolute;
  103. right: 6px;
  104. top: 6px;
  105. z-index: 500;
  106. }
  107. .content-calendar .calendar-entry .node-actions li {
  108. list-style: none;
  109. }
  110. .content-calendar .calendar-entry .node-actions li .node-action {
  111. background-position: center center;
  112. background-repeat: no-repeat;
  113. background-size: 16px 16px;
  114. background-color: transparent;
  115. text-indent: -9999px;
  116. border-radius: 0;
  117. border: 0;
  118. width: 22px !important;
  119. height: 22px !important;
  120. display: inline-block;
  121. }
  122. .content-calendar .calendar-entry .node-actions li .node-edit-link {
  123. background-image: url("/core/themes/stable/images/core/icons/bebebe/pencil.svg");
  124. }
  125. .content-calendar .calendar-entry .node-actions li .node-edit-link:hover {
  126. background-image: url("/core/themes/stable/images/core/icons/787878/pencil.svg");
  127. }
  128. .content-calendar .calendar-entry .node-actions li .node-delete-link {
  129. background-image: url("/core/themes/stable/images/core/icons/bebebe/ex.svg");
  130. }
  131. .content-calendar .calendar-entry .node-actions li .node-delete-link:hover {
  132. background-image: url("/core/themes/stable/images/core/icons/787878/ex.svg");
  133. }
  134. .content-calendar .legend .explanations {
  135. margin-bottom: 6em;
  136. margin-left: 0;
  137. padding-left: 0;
  138. }
  139. .content-calendar .legend .explanations li {
  140. list-style: none;
  141. margin-bottom: 0.5em;
  142. }
  143. .content-calendar .legend .explanations .content-calendar-item-preview {
  144. width: 40px;
  145. height: 20px;
  146. border: 1px solid black;
  147. display: inline-block;
  148. }
  149. /*# sourceMappingURL=calendar.css.map */