calendar.css in Content Planner 8
Same filename in this branch
#content-calendar-overview { display: flex; flex-direction: row; } #content-calendar-overview .sidebar { width: 100%; max-width: 200px; position: fixed; } #content-calendar-overview .sidebar.fixed { top: 100px; } #content-calendar-overview .sidebar .sidebar-block { margin-bottom: 1em; } #content-calendar-overview .sidebar .links ul { margin-left: 0; padding-left: 0; } #content-calendar-overview .sidebar .links ul li { list-style: none; } .calendar-id { position: absolute; top: -100px; } #edit-calendar-year { width: 80%; } #calendar-jump-links { margin-left: 0; padding-left: 0; } #calendar-jump-links li { list-style: none; padding: 5px; display: inline-block; width: 23%; } .calendars { padding-left: 200px; } .content-calendar { position: relative; margin-bottom: 6em; } .content-calendar thead th { border: 1px solid #bfbfba; } .content-calendar .cell { height: 150px; min-width: 185px; width: 2%; vertical-align: top; border: 1px solid #e6e4df; position: relative; } .content-calendar .cell.hovering { background-color: lightgreen; } .content-calendar .cell.today { background-color: #cde0ec; } .content-calendar .cell.today .day { background-color: #0074bd; color: white; } .content-calendar .cell .day { margin-bottom: 1em; display: block; width: 20px; text-align: center; border-radius: 50%; } .content-calendar .cell .add-content { position: absolute; top: 10px; right: 12px; color: black; } .content-calendar .cell .add-content .add-button { display: block; text-align: center; background-color: #e7e7e7; border: 1px solid darkgray; border-radius: 50%; padding: 1px 5px; } .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: black; background-color: #e7e7e7; border: 1px solid darkgray; 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; } .content-calendar .calendar-entry.draggable { cursor: move; } .content-calendar .calendar-entry.ui-draggable-dragging { z-index: 1000; min-width: 160px; } .content-calendar .calendar-entry span { display: block; } .content-calendar .calendar-entry .user-info { float: left; margin-right: 0.7em; } .content-calendar .calendar-entry .user-info .user-picture { vertical-align: top; } .content-calendar .calendar-entry .user-info .user-picture img { border-radius: 50%; } .content-calendar .calendar-entry .user-info span { display: inline-block; } .content-calendar .calendar-entry .node-title { max-width: 85%; clear: both; height: 57px; overflow: hidden; } .content-calendar .calendar-entry .node-title a { color: inherit; font-weight: bold; } .content-calendar .calendar-entry .state-and-publication { padding-top: 5px; } .content-calendar .calendar-entry .state-and-publication > span { display: inline-block; } .content-calendar .calendar-entry .state-and-publication .workflow-state { color: white; padding: 2px 3px; border-radius: 3px; max-width: 60%; font-size: 0.7em; font-weight: bold; line-height: 1.2; background-color: #333333; } .content-calendar .calendar-entry .state-and-publication .publish-on, .content-calendar .calendar-entry .state-and-publication .created-on { float: right; } .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 .calendar-entry .node-actions li .node-duplicate-link { background-image: url("../images/copy.svg"); } .content-calendar .calendar-entry .node-actions li .node-duplicate-link:hover { background-image: url("../images/copy-hover.svg"); } .content-calendar .legend .explanations { 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; } [dir="rtl"] .calendars { padding-right: 200px; padding-left: 0; } [dir="rtl"] .content-calendar .calendar-entry .node-actions { left: 6px; right: auto; } [dir="rtl"] .content-calendar .calendar-entry .state-and-publication .publish-on, [dir="rtl"] .content-calendar .calendar-entry .state-and-publication .created-on { float: left; } [dir="rtl"] .content-calendar .add-content { left: 12px; right: auto; } [dir="rtl"] .content-calendar .add-content .add-button { line-height: auto; } /*# sourceMappingURL=calendar.css.map */
File
modules/content_calendar/assets/dist/css/calendar.cssView source
- #content-calendar-overview {
- display: flex;
- flex-direction: row; }
- #content-calendar-overview .sidebar {
- width: 100%;
- max-width: 200px;
- position: fixed; }
- #content-calendar-overview .sidebar.fixed {
- top: 100px; }
- #content-calendar-overview .sidebar .sidebar-block {
- margin-bottom: 1em; }
- #content-calendar-overview .sidebar .links ul {
- margin-left: 0;
- padding-left: 0; }
- #content-calendar-overview .sidebar .links ul li {
- list-style: none; }
-
- .calendar-id {
- position: absolute;
- top: -100px; }
-
- #edit-calendar-year {
- width: 80%; }
-
- #calendar-jump-links {
- margin-left: 0;
- padding-left: 0; }
- #calendar-jump-links li {
- list-style: none;
- padding: 5px;
- display: inline-block;
- width: 23%; }
-
- .calendars {
- padding-left: 200px; }
-
- .content-calendar {
- position: relative;
- margin-bottom: 6em; }
- .content-calendar thead th {
- border: 1px solid #bfbfba; }
- .content-calendar .cell {
- height: 150px;
- min-width: 185px;
- width: 2%;
- vertical-align: top;
- border: 1px solid #e6e4df;
- position: relative; }
- .content-calendar .cell.hovering {
- background-color: lightgreen; }
- .content-calendar .cell.today {
- background-color: #cde0ec; }
- .content-calendar .cell.today .day {
- background-color: #0074bd;
- color: white; }
- .content-calendar .cell .day {
- margin-bottom: 1em;
- display: block;
- width: 20px;
- text-align: center;
- border-radius: 50%; }
- .content-calendar .cell .add-content {
- position: absolute;
- top: 10px;
- right: 12px;
- color: black; }
- .content-calendar .cell .add-content .add-button {
- display: block;
- text-align: center;
- background-color: #e7e7e7;
- border: 1px solid darkgray;
- border-radius: 50%;
- padding: 1px 5px; }
- .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: black;
- background-color: #e7e7e7;
- border: 1px solid darkgray;
- 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; }
- .content-calendar .calendar-entry.draggable {
- cursor: move; }
- .content-calendar .calendar-entry.ui-draggable-dragging {
- z-index: 1000;
- min-width: 160px; }
- .content-calendar .calendar-entry span {
- display: block; }
- .content-calendar .calendar-entry .user-info {
- float: left;
- margin-right: 0.7em; }
- .content-calendar .calendar-entry .user-info .user-picture {
- vertical-align: top; }
- .content-calendar .calendar-entry .user-info .user-picture img {
- border-radius: 50%; }
- .content-calendar .calendar-entry .user-info span {
- display: inline-block; }
- .content-calendar .calendar-entry .node-title {
- max-width: 85%;
- clear: both;
- height: 57px;
- overflow: hidden; }
- .content-calendar .calendar-entry .node-title a {
- color: inherit;
- font-weight: bold; }
- .content-calendar .calendar-entry .state-and-publication {
- padding-top: 5px; }
- .content-calendar .calendar-entry .state-and-publication > span {
- display: inline-block; }
- .content-calendar .calendar-entry .state-and-publication .workflow-state {
- color: white;
- padding: 2px 3px;
- border-radius: 3px;
- max-width: 60%;
- font-size: 0.7em;
- font-weight: bold;
- line-height: 1.2;
- background-color: #333333; }
- .content-calendar .calendar-entry .state-and-publication .publish-on, .content-calendar .calendar-entry .state-and-publication .created-on {
- float: right; }
- .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 .calendar-entry .node-actions li .node-duplicate-link {
- background-image: url("../images/copy.svg"); }
- .content-calendar .calendar-entry .node-actions li .node-duplicate-link:hover {
- background-image: url("../images/copy-hover.svg"); }
- .content-calendar .legend .explanations {
- 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; }
-
- [dir="rtl"] .calendars {
- padding-right: 200px;
- padding-left: 0; }
-
- [dir="rtl"] .content-calendar .calendar-entry .node-actions {
- left: 6px;
- right: auto; }
-
- [dir="rtl"] .content-calendar .calendar-entry .state-and-publication .publish-on, [dir="rtl"] .content-calendar .calendar-entry .state-and-publication .created-on {
- float: left; }
-
- [dir="rtl"] .content-calendar .add-content {
- left: 12px;
- right: auto; }
- [dir="rtl"] .content-calendar .add-content .add-button {
- line-height: auto; }
-
- /*# sourceMappingURL=calendar.css.map */