add new calendar files - backup before remove unused rules

Template/css/app.original.less

@@ -16,6 +16,8 @@
 
 @color-yellow: #ffffd5;
 
+@color-border-red : #b94a48;
+
 /* BYE BYE LESS */
 
 /* EX-INLINE */
@@ -649,7 +651,7 @@ tr.draggable-item-selected td:last-child {
  color: @color-primary;
  padding: 1px 2px 1px 2px;
  border-radius: 3px;
- background: #fcfcfc;
+ background: @color-background;
  border: 1px solid @color-primary;
 }
 .table-list-category a {
@@ -828,15 +830,15 @@ input[type="text"].form-max-width {
 }
 input.form-error,
 textarea.form-error {
- border: 2px solid #b94a48;
+ border: 2px solid @color-border-red;
 }
 input.form-error:focus,
 textarea.form-error:focus {
  box-shadow: none;
- border: 2px solid #b94a48;
+ border: 2px solid @color-border-red;
 }
 .form-errors {
- color: #b94a48;
+ color: @color-border-red;
  list-style-type: none;
 }
 ul.form-errors li {
@@ -919,7 +921,7 @@ ul.form-errors li {
 .input-addon-field {
  flex: 1;
  font-size: 1em;
- color: #3F3F3F;
+ color: @color-odd;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
@@ -932,7 +934,7 @@ ul.form-errors li {
  border-radius: 0 5px 5px 0;
 }
 .input-addon-item {
- background-color: #3F3F3F;
+ background-color: @color-odd;
  color: #666;
  font: inherit;
  font-weight: normal;
@@ -952,7 +954,7 @@ ul.form-errors li {
 .input-addon-item {
  color: @color-primary;
  padding: 4px 0.75em;
- background-color: #3F3F3F;
+ background-color: @color-odd;
 }
 .input-addon-field:not(:first-child),
 .input-addon-item:not(:first-child) {
@@ -962,7 +964,7 @@ ul.form-errors li {
  color: #468847;
 }
 .icon-error {
- color: #b94a48;
+ color: @color-border-red;
 }
 .icon-fade-out {
  opacity: 1;
@@ -981,7 +983,7 @@ ul.form-errors li {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #c09853;
- background-color: #3F3F3F;
+ background-color: @color-odd;
  border: 1px solid @color-background;
  border-radius: 4px;
 }
@@ -991,7 +993,7 @@ ul.form-errors li {
  border-color: #d6e9c6;
 }
 .alert-error {
- color: #b94a48;
+ color: @color-border-red;
  background-color: #f2dede;
  border-color: #eed3d7;
 }
@@ -1070,14 +1072,14 @@ a.btn {
  color: #fff;
 }
 .btn-blue {
- border-color: #3079ed;
- background: #4d90fe;
+ border-color: @color-primary;
+ background: @color-toolbar;
  color: #fff;
 }
 .btn-blue:hover,
 .btn-blue:focus {
- border-color: #3079ed;
- background: #357ae8;
+ border-color: @color-primary;
+ background: @color-toolbar;
  color: #fff;
 }
 .btn:disabled {
@@ -1098,10 +1100,10 @@ a.btn {
 }
 #tooltip-container {
  padding: 5px;
- background: #3F3F3F;
- border: 1px solid #ddd;
+ background: @color-odd;
+ border: 1px solid @color-primary;
  border-radius: 4px;
- box-shadow: 0 6px 12px #aaa;
+ box-shadow: 0 6px 12px @color-primary;
  position: absolute;
  min-width: 350px;
 }
@@ -1132,8 +1134,8 @@ ul.dropdown-submenu-open {
  list-style: none;
  margin: 3px 0 0 1px;
  padding: 6px 0;
- background-color: #3F3F3F;
- border: 1px solid #b2b2b2;
+ background-color: @color-odd;
+ border: 1px solid @color-primary;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 }
@@ -1183,10 +1185,10 @@ td a.dropdown-menu i {
  columns: #767676;
 }
 td a.dropdown-menu:hover strong {
- color: #555;
+ color: @color-odd;
 }
 td a.dropdown-menu:hover strong i {
- color: #555;
+ color: @color-odd;
 }
 td a.dropdown-menu:hover i {
  color:@color-third-text;
@@ -1236,7 +1238,7 @@ td a.dropdown-menu:hover i {
  z-index: 1000;
  min-width: 160px;
  padding: 5px 0;
- background: #3F3F3F;
+ background: @color-odd;
  list-style: none;
  border: 1px solid @color-toolbar;
  border-radius: 3px;
@@ -1286,7 +1288,7 @@ input[type=number] .select-dropdown-input{
  cursor: pointer;
 }
 .select-dropdown-input-container .select-loading-icon {
- color: #555;
+ color: @color-odd;
  position: absolute;
  top: 4px;
  right: 5px;
@@ -1337,7 +1339,7 @@ input[type=number] .select-dropdown-input{
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
- background: #3F3F3F;
+ background: @color-odd;
  overflow: auto;
  border-radius: 5px;
  margin: 30px;
@@ -1354,7 +1356,7 @@ input[type=number] .select-dropdown-input{
  color:@color-third-text;
 }
 #modal-close-button:hover {
- color: #b94a48;
+ color: @color-border-red;
 }
 .pagination {
  text-align: center;
@@ -1561,7 +1563,7 @@ a i.web-notification-icon:hover {
 .sidebar > ul li {
  list-style-type: none;
  line-height: 35px;
- border-bottom: 1px dotted #efefef;
+ border-bottom: 1px dotted @color-primary;
  padding-left: 13px;
 }
 .sidebar > ul li:hover {
@@ -1586,7 +1588,7 @@ a i.web-notification-icon:hover {
 }
 .sidebar > ul li.active a:focus,
 .sidebar > ul li.active a:hover {
- color: #555;
+ color: @color-odd;
 }
 .sidebar > ul li:last-child {
  margin-bottom: 15px;
@@ -1656,7 +1658,7 @@ a i.web-notification-icon:hover {
 }
 #file-list li .file-error {
  font-weight: bold;
- color: #b94a48;
+ color: @color-border-red;
 }
 .file-thumbnails {
  display: -webkit-flex;
@@ -1670,7 +1672,7 @@ a i.web-notification-icon:hover {
 }
 .file-thumbnail {
  width: 250px;
- border: 1px solid #efefef;
+ border: 1px solid @color-primary;
  border-radius: 5px;
  margin-bottom: 20px;
  box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, 0.55);
@@ -1691,7 +1693,7 @@ a i.web-notification-icon:hover {
 .file-thumbnail-title {
  font-weight: 700;
  font-size: 0.9em;
- color: #555;
+ color: @color-odd;
  overflow: hidden;
  text-overflow: ellipsis;
 }
@@ -1740,7 +1742,7 @@ a i.web-notification-icon:hover {
 }
 .js-project-creation-options {
  max-width: 500px;
- border-left: 3px dotted #efefef;
+ border-left: 3px dotted @color-primary;
  margin-top: 20px;
  padding-left: 15px;
  padding-bottom: 5px;
@@ -1781,7 +1783,7 @@ a i.web-notification-icon:hover {
  color: @color-light-text;
 }
 .project-overview-column strong {
- color: #555;
+ color: @color-odd;
  display: block;
 }
 @media (max-width: 480px) {
@@ -2024,7 +2026,7 @@ div.task-board-recent {
 }
 div.task-board-status-closed {
  user-select: none;
- border: 1px dotted #555;
+  border: 1px dotted @color-odd;
 }
 .task-board a {
  color: @color-secondary-text;
@@ -2166,7 +2168,7 @@ span.task-icon-age-column {
  margin-bottom: 8px;
 }
 .task-board-category {
- border: 1px solid #555;
+ border: 1px solid @color-odd;
  font-size: 0.9em;
  font-weight: 500;
  color: @color-secondary-text;
@@ -2186,7 +2188,7 @@ span.task-date-today {
 }
 span.task-date-overdue {
  opacity: 1;
- color: #b94a48;
+ color: @color-border-red;
 }
 .task-tags li {
  display: inline-block;
@@ -2207,7 +2209,7 @@ span.task-date-overdue {
  margin-bottom: 15px;
 }
 #task-summary h2 {
- color: #555;
+ color: @color-odd;
  font-size: 1.6em;
  margin-top: 0;
  padding-top: 0;
@@ -2231,7 +2233,7 @@ span.task-date-overdue {
  color:@color-third-text;
 }
 .task-summary-column span {
- color: #555;
+ color: @color-odd;
 }
 .task-summary-column li {
  line-height: 23px;
@@ -2300,7 +2302,7 @@ span.task-date-overdue {
  text-align: right;
 }
 .comment-sorting a {
- color: #555;
+ color: @color-odd;
  font-weight: normal;
  text-decoration: none;
 }
@@ -2461,7 +2463,7 @@ span.task-date-overdue {
  border: 1px solid #ddd;
  overflow: auto;
  overflow-wrap: initial;
- color: #555;
+ color: @color-odd;
 }
 .markdown blockquote {
  font-style: italic;
@@ -2482,7 +2484,7 @@ span.task-date-overdue {
  background: #fefefe;
  border: 1px solid #ccc;
  border-radius: 5px;
- color: #555;
+ color: @color-odd;
 }
 .documentation img {
  border: 1px solid@color-third-text;
@@ -2518,9 +2520,10 @@ span.task-date-overdue {
  margin-bottom: 15px;
  padding: 10px;
  background-color: @color-background;
+ border-radius: 5px;
 }
 .activity-event:nth-child(even) {
- background: #3F3F3F;
+ background: @color-odd;
 }
 .activity-event:hover {
  background: #fff8dc;
@@ -2536,10 +2539,10 @@ span.task-date-overdue {
 .activity-title {
  font-weight: bold;
  color: @color-secondary-text;
- border-bottom: 1px dotted #efefef;
+ border-bottom: 1px dotted @color-primary;
 }
 .activity-description {
- color: #555;
+ color: @color-odd;
  margin-top: 10px;
 }
 @media (max-width: 480px) {
@@ -2560,7 +2563,7 @@ span.task-date-overdue {
  text-decoration: none;
 }
 .user-mention-link:hover {
- color: #555;
+ color: @color-odd;
 }
 .image-slideshow-overlay {
  position: fixed;