mirror of
https://gh.wpcy.net/https://github.com/mojiro/OneExperienceKB.git
synced 2026-05-05 09:57:03 +08:00
1694 lines
34 KiB
CSS
1694 lines
34 KiB
CSS
/*!
|
|
* OneExperienceKB - Theme for Kanboard
|
|
* Licensed under the MIT license - OneExperienceKB/LICENSE
|
|
* https://github.com/mojiro/OneExperienceKB
|
|
* Copyright (c) 2021 Michail Topaloudis - https://github.com/mojiro
|
|
*/
|
|
|
|
|
|
/* Global */
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
/* Global - General */
|
|
|
|
body {
|
|
background: white;
|
|
color: #394956;
|
|
font-size: 13.4px;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
body,
|
|
input[type="number"],
|
|
input[type="date"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="text"]:not(.input-addon-field),
|
|
select,
|
|
textarea {
|
|
font-family: "Liberation Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
a,
|
|
a:focus,
|
|
a:hover,
|
|
a:visited {
|
|
color: #3197d6;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
a .fa,
|
|
a:focus .fa,
|
|
a:hover .fa,
|
|
a:visited .fa,
|
|
td a.dropdown-menu i,
|
|
td a.dropdown-menu:focus i,
|
|
td a.dropdown-menu:hover i,
|
|
td a.dropdown-menu:visited i,
|
|
.draggable-row-handle {
|
|
color: #4f5d6b;
|
|
}
|
|
|
|
small {
|
|
font-size: 12px;
|
|
}
|
|
|
|
li,
|
|
.panel li,
|
|
.activity-description li {
|
|
list-style-type: square;
|
|
}
|
|
|
|
|
|
/* Global - Input */
|
|
|
|
form {
|
|
color: #394956;
|
|
font-size: 13.4px;
|
|
}
|
|
label,
|
|
.control-label {
|
|
margin: 12px 0 4px 0;
|
|
}
|
|
|
|
input,
|
|
input[type="number"],
|
|
input[type="date"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="text"]:not(.input-addon-field),
|
|
select,
|
|
textarea,
|
|
.select2-container--default .select2-selection--single,
|
|
.select2-container--default .select2-selection--multiple,
|
|
.select2-dropdown {
|
|
border: 1px solid #c1cbd4;
|
|
border-radius: 3px;
|
|
color: #555;
|
|
font-size: 13px;
|
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
}
|
|
input,
|
|
input[type="number"],
|
|
input[type="date"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="text"]:not(.input-addon-field),
|
|
select,
|
|
textarea {
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
line-height: 18px;
|
|
padding: 4px 6px 4px 8px;
|
|
}
|
|
input[type="number"],
|
|
input[type="date"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="text"]:not(.input-addon-field),
|
|
select {
|
|
height: 28px;
|
|
max-width: unset;
|
|
}
|
|
textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
input:focus,
|
|
input[type="number"]:focus,
|
|
input[type="date"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="text"]:focus,
|
|
select:focus,
|
|
textarea:focus,
|
|
.select-dropdown-input-container input.select-dropdown-input:focus,
|
|
.select2-container--open .select2-selection--single,
|
|
.select2-container--open .select2-selection--multiple,
|
|
.select2-container--default.select2-container--focus .select2-selection--multiple {
|
|
border-color: #66afe9;
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
}
|
|
|
|
#select-dropdown-menu {
|
|
overflow: auto;
|
|
}
|
|
|
|
.select-dropdown-input-container {
|
|
overflow: hidden;
|
|
}
|
|
.select-dropdown-input-container input.select-dropdown-input {
|
|
border: none;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
.select-dropdown-input-container .select-dropdown-chevron {
|
|
top: 7px;
|
|
}
|
|
|
|
.js-select-dropdown-autocomplete-rendered {
|
|
display: block;
|
|
min-height: 30px;
|
|
}
|
|
|
|
|
|
/* Global - Tables */
|
|
|
|
table {
|
|
border-bottom: 1px solid #111;
|
|
}
|
|
table th,
|
|
table td {
|
|
border: none;
|
|
padding: 10px 18px;
|
|
}
|
|
table th {
|
|
background: unset;
|
|
border-bottom: solid 1px black;
|
|
}
|
|
table th a {
|
|
display: inline-block;
|
|
height: 20px;
|
|
padding: 6px;
|
|
}
|
|
table th a,
|
|
table th a:hover,
|
|
table th a:focus,
|
|
table th a:visited {
|
|
color: #394956;
|
|
}
|
|
table td {
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
table tr:not(.board-swimlane):hover td:not([class*="color-"]) {
|
|
background-color: #f9f9f9;
|
|
}
|
|
table.table-small {
|
|
font-size: 1em;
|
|
}
|
|
|
|
table tr.draggable-item-selected {
|
|
border: solid 1px #ddd;
|
|
opacity: 0.8;
|
|
}
|
|
table tr.draggable-item-selected td {
|
|
background: #f1f3f5 !important;
|
|
}
|
|
|
|
|
|
/* Global - Panels, Fieldsets */
|
|
|
|
.panel {
|
|
background: #f9fafa;
|
|
border-color: #c1cbd4;
|
|
border-radius: 0;
|
|
}
|
|
.page-header + .panel {
|
|
background: none;
|
|
border: none;
|
|
margin-bottom: 15px;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
.page-header ~ form > fieldset {
|
|
border: none;
|
|
border-bottom: solid 1px #e3e8eb;
|
|
margin: 0;
|
|
padding: 15px;
|
|
}
|
|
|
|
fieldset > legend {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
|
|
/* Components */
|
|
|
|
/* Components - Input Addons */
|
|
|
|
.input-addon {
|
|
font-size: 14px;
|
|
}
|
|
.input-addon-field,
|
|
.input-addon-item a {
|
|
border-color: #c4c8cc;
|
|
}
|
|
.input-addon-field {
|
|
font-size: 13px;
|
|
padding: 4px 6px 4px 8px;
|
|
}
|
|
.input-addon-field:first-child {
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
.input-addon-item {
|
|
background: unset;
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
}
|
|
.input-addon-item a {
|
|
background: white;
|
|
border-color: #c4c8cc;
|
|
border-style: solid;
|
|
border-width: 1px 1px 1px 0;
|
|
display: inline-block;
|
|
padding: 5px 7px 6px 7px;
|
|
}
|
|
.input-addon-item a,
|
|
.input-addon-item a:visited,
|
|
.input-addon-item a .fa {
|
|
color: #333;
|
|
}
|
|
.input-addon-item:last-child a {
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
.input-addon-item a:focus,
|
|
.input-addon-item a:hover {
|
|
background: #f1f3f5;
|
|
border-color: #a5a9ac;
|
|
}
|
|
.input-addon-item a:focus {
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
}
|
|
|
|
|
|
/* Components - Input Addons - Drop down menu */
|
|
|
|
ul.dropdown-submenu-open {
|
|
border: 1px solid #dedede;
|
|
border-radius: 0;
|
|
box-shadow: 0 0 10px rgba(0,0,0,.2);
|
|
margin-left: -12px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
|
|
/* Components - Views */
|
|
|
|
.project-header .views-switcher-component {
|
|
margin-top: 5px;
|
|
}
|
|
.views {
|
|
font-size: 1em;
|
|
}
|
|
.views li {
|
|
background: white;
|
|
border-color: #c4c8cc;
|
|
color: #333;
|
|
padding: 6px 0 7px 0;
|
|
}
|
|
.views li a {
|
|
padding: 6px 14px 7px 14px;
|
|
}
|
|
.views li a,
|
|
.views li a:focus,
|
|
.views li a:hover,
|
|
.views li a:visited {
|
|
color: #86929e;
|
|
}
|
|
.views li:first-child {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
.views li:last-child {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
border-right-color: #c4c8cc;
|
|
}
|
|
.views li:hover,
|
|
.views li.active {
|
|
background: #f1f3f5;
|
|
border-color: #a5a9ac;
|
|
padding: 6px 0 7px 0;
|
|
}
|
|
.views li.active {
|
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
}
|
|
.views li.active i,
|
|
.views li.active a {
|
|
color: #333;
|
|
}
|
|
|
|
|
|
/* Components - Table List */
|
|
|
|
.table-list {
|
|
clear: both;
|
|
column-count: 4;
|
|
column-gap: 15px;
|
|
color: #2a3b47;
|
|
font-size: 1em;
|
|
margin: 0 15px 15px 0;
|
|
padding-left: 15px;
|
|
padding-top: 45px;
|
|
}
|
|
|
|
@media (max-width: 1080px) {
|
|
.table-list {
|
|
column-count: 3;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.table-list {
|
|
column-count: 2;
|
|
}
|
|
}
|
|
@media (max-width: 560px) {
|
|
.table-list {
|
|
column-count: 1;
|
|
}
|
|
}
|
|
|
|
|
|
/* Components - Table List - Header */
|
|
|
|
.table-list > .table-list-header {
|
|
background: none;
|
|
border: none;
|
|
border-radius: 0;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin-top: -42px;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: calc(100% - 30px);
|
|
}
|
|
.table-list > .table-list-header,
|
|
.table-list > .table-list-header > .table-list-header-count {
|
|
color: #253540;
|
|
font-size: 18px;
|
|
}
|
|
.table-list > .table-list-header a {
|
|
font-size: 12px;
|
|
margin-right: 0;
|
|
}
|
|
.table-list > .table-list-header a,
|
|
.table-list > .table-list-header a:visited,
|
|
.table-list > .table-list-header a .fa {
|
|
color: #a5b2bd;
|
|
}
|
|
.table-list > .table-list-header a:focus,
|
|
.table-list > .table-list-header a:focus .fa,
|
|
.table-list > .table-list-header a:hover,
|
|
.table-list > .table-list-header a:hover .fa {
|
|
color: #2a3b47;
|
|
}
|
|
.table-list > .table-list-header a strong {
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
/* Components - Table List - Row */
|
|
|
|
.table-list > .table-list-row {
|
|
background: white;
|
|
break-inside: avoid;
|
|
border-bottom: none;
|
|
border-right: none;
|
|
border-top: none;
|
|
border-radius: 0;
|
|
box-shadow: 0 0 1px 0 rgba(9, 30, 66, 0.31), 0 2px 4px -1px rgba(9, 30, 66, 0.25);
|
|
display: inline-grid;
|
|
font-size: 14px;
|
|
grid-template-rows: 1fr auto;
|
|
margin-bottom: 15px;
|
|
overflow: hidden;
|
|
padding: 14px 14px 14px 9px;
|
|
width: 100%;
|
|
}
|
|
.table-list > .table-list-row:hover {
|
|
background: #f1f3f5;
|
|
border-bottom: none;
|
|
border-right: none;
|
|
border-top: none;
|
|
}
|
|
.table-list > .table-list-row:not([class*="color-"]) {
|
|
border-left: 5px solid white;
|
|
}
|
|
.table-list > .table-list-row:not([class*="color-"]):hover {
|
|
border-left: 5px solid #f1f3f5;
|
|
}
|
|
|
|
.table-list > .table-list-row > div:first-child {
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
}
|
|
.table-list > .table-list-row > div:first-child > .dropdown a {
|
|
font-size: 12px;
|
|
}
|
|
.table-list > .table-list-row > div:first-child > .dropdown a,
|
|
.table-list > .table-list-row > div:first-child > .dropdown a:focus,
|
|
.table-list > .table-list-row > div:first-child > .dropdown a:hover,
|
|
.table-list > .table-list-row > div:first-child > .dropdown a:visited,
|
|
.table-list > .table-list-row > div:first-child > .dropdown a .fa,
|
|
.table-list > .table-list-row > div:first-child > .dropdown a:hover .fa {
|
|
color: #5e6c84;
|
|
}
|
|
.table-list > .table-list-row > div:first-child > .dropdown a strong {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.table-list > .table-list-row > div:first-child > .dropdown > .dropdown-menu-link-icon .fa-caret-down {
|
|
float: left;
|
|
font-size: 15px;
|
|
margin: 4px 4px 0 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.table-list > .table-list-row > div:first-child > .table-list-title {
|
|
display: block;
|
|
padding-bottom: 4px;
|
|
width: 100%;
|
|
}
|
|
.table-list > .table-list-row > div:first-child > .table-list-title > a {
|
|
display: block;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
}
|
|
|
|
.table-list > .table-list-row > div:first-child > .star-project {
|
|
float: right;
|
|
}
|
|
|
|
.table-list > .table-list-row > .table-list-details {
|
|
margin-bottom: 4px;
|
|
}
|
|
.table-list > .table-list-row > .table-list-details strong {
|
|
color: black;
|
|
}
|
|
.table-list > .table-list-row > .table-list-details small {
|
|
margin-right: 8px;
|
|
}
|
|
.table-list > .table-list-row > .table-list-details,
|
|
.table-list > .table-list-row > .table-list-details small,
|
|
.table-list > .table-list-row > .table-list-details strong {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.table-list > .table-list-row > .table-list-details span {
|
|
display: block;
|
|
margin-left: 0;
|
|
}
|
|
.table-list > .table-list-row > .table-list-details span.table-list-category {
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
padding: 4px;
|
|
width: max-content;
|
|
}
|
|
|
|
.table-list > .table-list-row > .task-list-avatars .task-avatar-assignee {
|
|
display: none;
|
|
}
|
|
.table-list > .table-list-row > .task-list-icons {
|
|
border-top: 1px solid #dedede;
|
|
font-size: 12px;
|
|
margin: 10px -14px -14px -9px;
|
|
padding: 6px;
|
|
}
|
|
.table-list > .table-list-row > .task-list-subtasks {
|
|
font-size: 12px;
|
|
margin: 14px -14px -14px -9px;
|
|
}
|
|
.table-list > .table-list-row > .task-list-subtasks .subtask-cell {
|
|
border-top: 1px solid #dedede;
|
|
border-left: 1px solid #dedede;
|
|
padding: 5px 9px;
|
|
}
|
|
.table-list > .table-list-row > .task-list-subtasks .subtask-cell:first-child {
|
|
border-left: none;
|
|
}
|
|
.table-list > .table-list-row > .table-list-details,
|
|
.table-list > .table-list-row > .table-list-details small,
|
|
.table-list > .table-list-row > .task-list-icons a,
|
|
.table-list > .table-list-row > .task-list-icons span,
|
|
.table-list > .table-list-row > .task-list-icons i {
|
|
color: #93a1af;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.subtask-submenu {
|
|
padding: 0 4px;
|
|
margin: 0 8px;
|
|
}
|
|
.subtask-table-td .dropdown-menu {
|
|
padding: 0;
|
|
}
|
|
.subtask-title a .fa {
|
|
margin-right: 4px;
|
|
}
|
|
.task-board-change-assignee:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
/* Components - Menu */
|
|
|
|
.dropdown-submenu-open li {
|
|
border: none;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
padding: 7px 20px;
|
|
}
|
|
.dropdown-submenu-open li:not(.no-hover):hover {
|
|
color: #4f5d6b;
|
|
background: #f5f5f5;
|
|
}
|
|
.dropdown-submenu-open li a,
|
|
.dropdown-submenu-open li .fa,
|
|
.dropdown-submenu-open li:hover i,
|
|
.dropdown-submenu-open li:hover a,
|
|
.dropdown-submenu-open li:hover a .fa {
|
|
color: #4f5d6b;
|
|
}
|
|
.dropdown-submenu-open li .fa,
|
|
.dropdown-submenu-open li a .fa {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
|
|
/* Components - Modal */
|
|
|
|
#modal-overlay {
|
|
background: rgba(51, 122, 183, 0.5);
|
|
}
|
|
|
|
#modal-box {
|
|
background: white;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 6px;
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
max-height: 80%;
|
|
margin-top: 30px;
|
|
padding: 0;
|
|
}
|
|
#modal-header {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 15px;
|
|
z-index: 2;
|
|
}
|
|
#modal-close-button,
|
|
#modal-close-button i {
|
|
color: black;
|
|
}
|
|
#modal-content {
|
|
padding: 0;
|
|
}
|
|
#modal-content .page-header {
|
|
background: white;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
padding: 15px 15px 0 15px;
|
|
}
|
|
#modal-content .page-header h2 {
|
|
border: none;
|
|
color: #2a3b47;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
margin-bottom: 15px;
|
|
}
|
|
#modal-content > form,
|
|
#modal-content .page-header + form,
|
|
#modal-content .form-actions {
|
|
padding: 15px;
|
|
}
|
|
#modal-content .page-header + form .form-actions {
|
|
padding: 15px 0 0 0;
|
|
}
|
|
#modal-content #file-dropzone,
|
|
#modal-content > #screenshot-zone {
|
|
margin: 15px 15px 0 15px;
|
|
padding: 4px;
|
|
width: calc(100% - 30px);
|
|
}
|
|
#modal-content > #screenshot-zone.screenshot-pasted {
|
|
border: dashed 2px red;
|
|
}
|
|
#modal-content .sidebar-content > .panel {
|
|
margin: 15px;
|
|
}
|
|
#modal-content .sidebar-content .form-inline {
|
|
padding-left: 15px;
|
|
}
|
|
#modal-content .sidebar-content > table:last-child {
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
/* Components - Activities */
|
|
|
|
.activity-event {
|
|
border-bottom: solid 1px #c1cbd4;
|
|
margin-bottom: 0 !important;
|
|
margin-top: 0 !important;
|
|
padding: 14px;
|
|
}
|
|
.activity-event:first-child,
|
|
.page-header + .activity-event {
|
|
border-top: solid 1px #c1cbd4;
|
|
}
|
|
.activity-event:nth-child(2n) {
|
|
background: white;
|
|
}
|
|
.activity-event:hover {
|
|
background: #f1f3f5;
|
|
}
|
|
|
|
|
|
/* Components - Comment */
|
|
|
|
.comments > div:only-of-type {
|
|
display: none;
|
|
}
|
|
.comments .comment-sorting {
|
|
padding-bottom: 4px;
|
|
}
|
|
.comments .comment-sorting a,
|
|
.comments .comment-sorting a:visited,
|
|
.comments .comment-sorting a .fa {
|
|
color: #a5b2bd;
|
|
}
|
|
.comments .comment-sorting a:focus,
|
|
.comments .comment-sorting a:focus .fa,
|
|
.comments .comment-sorting a:hover,
|
|
.comments .comment-sorting a:hover .fa {
|
|
color: #2a3b47;
|
|
}
|
|
.comments .comment-sorting a:not(:last-child) {
|
|
margin-right: 8px;
|
|
}
|
|
.comments .comment-sorting,
|
|
.comments .comment {
|
|
border-bottom: solid 1px #c1cbd4;
|
|
}
|
|
.comments .comment {
|
|
margin-bottom: 0;
|
|
padding: 15px;
|
|
}
|
|
.comments .comment:hover,
|
|
.comments .comment:nth-child(2n):not(.comment-highlighted):hover {
|
|
background: #f1f3f5;
|
|
}
|
|
.comments .comment:nth-child(2n):not(.comment-highlighted) {
|
|
background: white;
|
|
}
|
|
.comments .comment + .page-header {
|
|
display: none;
|
|
}
|
|
.comments .comment ~ form .text-editor {
|
|
margin-top: 15px;
|
|
}
|
|
#modal-content .comments .comment ~ form .text-editor {
|
|
margin-top: 0;
|
|
}
|
|
|
|
|
|
/* Components - Accordion */
|
|
|
|
.accordion-section .accordion-title {
|
|
background: #f1f3f5;
|
|
color: #394956;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
padding: 10px;
|
|
width: 100%;
|
|
}
|
|
.accordion-section .accordion-title:hover {
|
|
background: #f9fafa;
|
|
}
|
|
.accordion-section .accordion-title::marker {
|
|
display: none;
|
|
font-size: 0;
|
|
}
|
|
|
|
|
|
/* Components - Tooltip */
|
|
|
|
#tooltip-container {
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
#tooltip-container > table:only-child,
|
|
.tooltip-large > table:only-child {
|
|
border-bottom: none;
|
|
font-size: 12px;
|
|
margin: -5px;
|
|
width: calc(100% + 10px);
|
|
}
|
|
#tooltip-container table th,
|
|
#tooltip-container table td {
|
|
padding: 5px 9px;
|
|
}
|
|
|
|
|
|
/* Components - Text Editor */
|
|
|
|
.text-editor .text-editor-toolbar {
|
|
background: #f9fafa;
|
|
border: 1px solid #c1cbd4;
|
|
border-bottom: 0;
|
|
margin-bottom: 0 !important;
|
|
border-radius: 3px 3px 0 0;
|
|
padding: 4px 5px;
|
|
width: 98%;
|
|
max-width: 700px;
|
|
}
|
|
.text-editor .text-editor-toolbar a {
|
|
border: solid 1px transparent;
|
|
color: #86929e;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 5px 10px 6px 10px;
|
|
}
|
|
.text-editor .text-editor-toolbar a,
|
|
.text-editor .text-editor-toolbar a .fa {
|
|
font-size: 14px;
|
|
}
|
|
.text-editor .text-editor-toolbar a,
|
|
.text-editor .text-editor-toolbar a:focused,
|
|
.text-editor .text-editor-toolbar a:visited,
|
|
.text-editor .text-editor-toolbar a .fa {
|
|
color: #86929e;
|
|
}
|
|
.text-editor .text-editor-toolbar a:hover {
|
|
background: #e6e6e6;
|
|
border-color: #e6e6e6;
|
|
}
|
|
.text-editor .text-editor-toolbar a:hover,
|
|
.text-editor .text-editor-toolbar a:hover .fa {
|
|
color: #72808e;
|
|
}
|
|
.text-editor .text-editor-toolbar a .fa {
|
|
padding: 0;
|
|
}
|
|
.text-editor textarea {
|
|
border-radius: 0 0 3px 3px;
|
|
margin-top: 0;
|
|
width: 98%;
|
|
max-width: 700px;
|
|
}
|
|
.text-editor textarea:focus {
|
|
border: 1px solid #c1cbd4;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
}
|
|
|
|
#modal-content .text-editor .text-editor-toolbar {
|
|
max-width: 98%;
|
|
}
|
|
#modal-content .text-editor textarea {
|
|
max-width: 98%;
|
|
}
|
|
|
|
|
|
|
|
/* Components - Buttons */
|
|
|
|
.btn {
|
|
border: 1px solid transparent;
|
|
border-radius: 0;
|
|
display: inline-block;
|
|
font-size: 13.4px;
|
|
height: 38px;
|
|
line-height: 28px;
|
|
min-width: 94px;
|
|
padding: 0 14px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.btn,
|
|
.btn .fa,
|
|
.btn:focus,
|
|
.btn:focus .fa,
|
|
.btn:hover,
|
|
.btn:hover .fa,
|
|
.btn:visited,
|
|
.btn:visited .fa {
|
|
color: white;
|
|
}
|
|
a.btn,
|
|
span.btn {
|
|
line-height: 38px;
|
|
}
|
|
.btn,
|
|
.btn-blue {
|
|
background: #0078d7;
|
|
border-color: #0078d7;
|
|
}
|
|
.btn:focus:not(:disabled),
|
|
.btn:hover:not(:disabled),
|
|
.btn-blue:focus:not(:disabled),
|
|
.btn-blue:hover:not(:disabled) {
|
|
background: #0068bd;
|
|
border-color: #0068bd;
|
|
color: white;
|
|
}
|
|
.btn-red {
|
|
background: #d9534f;
|
|
border-color: #d43f3a;
|
|
}
|
|
.btn-red:focus:not(:disabled),
|
|
.btn-red:hover:not(:disabled) {
|
|
background: #c9302c;
|
|
border-color: #ac2925;
|
|
color: white;
|
|
}
|
|
.btn:disabled,
|
|
.btn:disabled .fa {
|
|
color: var(--button-disabled-color);
|
|
}
|
|
|
|
/* Components - Back to top */
|
|
|
|
#to-top {
|
|
margin: 0 0px 30px 0px;
|
|
}
|
|
#backToTop {
|
|
position: fixed;
|
|
left: 50%;
|
|
bottom: -25px;
|
|
display: block;
|
|
width: 50px;
|
|
height: 50px;
|
|
z-index: 10000;
|
|
transition: all 0.4s;
|
|
-webkit-transition: all 0.4s;
|
|
-moz-transition: all 0.4s;
|
|
-o-transition: all 0.4s;
|
|
-ms-transition: all 0.4s;
|
|
}
|
|
#backToTop.topshow {
|
|
bottom: 0;
|
|
}
|
|
#backToTop span {
|
|
position: absolute;
|
|
left: -25px;
|
|
bottom: -25px;
|
|
display: block;
|
|
width: 50px;
|
|
height: 50px;
|
|
background: rgba(50, 50, 50, 0.15);
|
|
text-decoration: none;
|
|
-webkit-border-radius: 35px;
|
|
-moz-border-radius: 35px;
|
|
border-radius: 35px;
|
|
transition: all 0.4s;
|
|
-webkit-transition: all 0.4s;
|
|
-moz-transition: all 0.4s;
|
|
-o-transition: all 0.4s;
|
|
-ms-transition: all 0.4s;
|
|
}
|
|
#backToTop span:hover {
|
|
bottom: 5px;
|
|
background: rgba(70, 70, 70, 0.9);
|
|
}
|
|
#backToTop i:before {
|
|
position: relative;
|
|
left: 12px;
|
|
top: 0;
|
|
display: block;
|
|
margin: 0;
|
|
width: 50px;
|
|
color: #fff;
|
|
font-size: 27px;
|
|
-webkit-transition: all 0.6s ease;
|
|
-moz-transition: all 0.6s ease;
|
|
-ms-transition: all 0.6s ease;
|
|
-o-transition: all 0.6s ease;
|
|
transition: all 0.6s ease;
|
|
}
|
|
#backToTop:hover i:before {
|
|
top: 9px;
|
|
}
|
|
|
|
|
|
/* Components - Assign Me */
|
|
|
|
a.assign-me {
|
|
background: #0078d7;
|
|
border: solid 1px #0078d7;
|
|
color: white;
|
|
display: inline-block;
|
|
font-size: 13.4px;
|
|
padding: 5px;
|
|
}
|
|
a.assign-me:hover {
|
|
background: #0068bd;
|
|
border-color: #0068bd;
|
|
}
|
|
a.assign-me:focused,
|
|
a.assign-me:hover,
|
|
a.assign-me:visited {
|
|
color: white;
|
|
}
|
|
|
|
|
|
/* Components - Other */
|
|
|
|
.alert {
|
|
margin: 15px !important;
|
|
}
|
|
.avatar-inline {
|
|
float: left;
|
|
margin-right: 4px;
|
|
}
|
|
.form-help {
|
|
color: #93a1af;
|
|
font-size: 13.4px;
|
|
margin: 4px 0 0;
|
|
}
|
|
|
|
|
|
/* Page */
|
|
|
|
/* Page - Header */
|
|
|
|
header {
|
|
background-color: #0078d7 !important;
|
|
color: white;
|
|
margin-bottom: 0;
|
|
padding: 9px 10px 8px 10px;
|
|
}
|
|
header h1 {
|
|
color: white;
|
|
margin-top: 3px;
|
|
}
|
|
header h1 .tooltip {
|
|
opacity: 0.7;
|
|
}
|
|
header a .fa,
|
|
header a:hover .fa,
|
|
header .tooltip .fa-info-circle {
|
|
color: white !important;
|
|
}
|
|
|
|
header .board-selector-container > .js-select-dropdown-autocomplete-rendered {
|
|
width: 100%;
|
|
}
|
|
header .select-dropdown-input-container {
|
|
border: none;
|
|
}
|
|
header input.select-dropdown-input {
|
|
background: #deecf9;
|
|
box-shadow: none;
|
|
}
|
|
header input.select-dropdown-input:focus {
|
|
background: white;
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
header {
|
|
display: block;
|
|
overflow: auto;
|
|
padding: 4px;
|
|
}
|
|
header > * {
|
|
display: block;
|
|
float: left;
|
|
width: 50%;
|
|
min-width: unset !important;
|
|
}
|
|
header > .board-selector-container .select-dropdown-input-container {
|
|
max-width: 100%;
|
|
}
|
|
header > .menus-container {
|
|
margin-top: 5px;
|
|
text-align: right;
|
|
}
|
|
header > .menus-container .avatar {
|
|
float: unset;
|
|
}
|
|
}
|
|
|
|
|
|
/* Page - Content */
|
|
|
|
.page {
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
/* Page - Toolbar / .page-header / .project-header */
|
|
|
|
.page-header,
|
|
.project-header {
|
|
background: #f9fafa;
|
|
border-bottom: solid 1px #c1cbd4;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
overflow: auto;
|
|
padding: 4px 5px;
|
|
position: relative;
|
|
}
|
|
.page-header > h2 + ul {
|
|
margin: 0 -10px 4px -10px;
|
|
width: calc(100% + 20px);
|
|
}
|
|
.page-header > ul {
|
|
margin-top: 0;
|
|
}
|
|
.page-header li {
|
|
display: inline-block;
|
|
padding-right: 0;
|
|
}
|
|
.project-header > .dropdown-component {
|
|
margin-top: 0;
|
|
}
|
|
.page-header li a,
|
|
.project-header > .dropdown-component .dropdown a {
|
|
border: 1px solid transparent;
|
|
display: inline-block;
|
|
padding: 5px 10px 6px 10px;
|
|
}
|
|
.page-header li a,
|
|
.page-header li a .fa,
|
|
.project-header > .dropdown-component .dropdown a,
|
|
.project-header > .dropdown-component .dropdown a .fa {
|
|
font-size: 14px;
|
|
}
|
|
.page-header li a,
|
|
.page-header li a:visited,
|
|
.page-header li a .fa,
|
|
.project-header > .dropdown-component .dropdown a,
|
|
.project-header > .dropdown-component .dropdown a:visited,
|
|
.project-header > .dropdown-component .dropdown a .fa {
|
|
color: #86929e;
|
|
}
|
|
.page-header li a:hover,
|
|
.page-header li a:focus,
|
|
.project-header > .dropdown-component .dropdown a:hover,
|
|
.project-header > .dropdown-component .dropdown a:focus {
|
|
background: #e6e6e6;
|
|
border-color: #e6e6e6;
|
|
}
|
|
.page-header li a:hover,
|
|
.page-header li a:focus,
|
|
.page-header li a:hover .fa,
|
|
.page-header li a:focus .fa,
|
|
.project-header > .dropdown-component .dropdown a:hover,
|
|
.project-header > .dropdown-component .dropdown a:focus,
|
|
.project-header > .dropdown-component .dropdown a:hover .fa,
|
|
.project-header > .dropdown-component .dropdown a:focus .fa {
|
|
color: #72808e;
|
|
}
|
|
|
|
.sidebar-content > .filter-box,
|
|
*:not(.sidebar-content) > .page-header ~ div .search {
|
|
margin-top: -35px;
|
|
position: absolute;
|
|
right: 5px;
|
|
width: 300px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.page-header li a,
|
|
.project-header > .dropdown-component .dropdown a {
|
|
font-size: 0;
|
|
}
|
|
|
|
.sidebar-content > .filter-box,
|
|
*:not(.sidebar-content) > .page-header ~ div .search {
|
|
margin-top: 0;
|
|
right: 15px;
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
|
|
/* Page - Sidebar */
|
|
|
|
.sidebar-container {
|
|
clear: both;
|
|
flex-flow: unset;
|
|
overflow: hidden;
|
|
}
|
|
.sidebar {
|
|
background: unset;
|
|
border: none;
|
|
border-radius: 0;
|
|
flex: unset;
|
|
order: unset;
|
|
padding: 0 12px 0 0;
|
|
width: 260px;
|
|
min-width: 260px;
|
|
max-width: 260px;
|
|
}
|
|
.sidebar > .js-select-dropdown-autocomplete-rendered,
|
|
.sidebar > ul:first-child {
|
|
margin-top: 16px;
|
|
}
|
|
.sidebar > ul li {
|
|
border-bottom: none;
|
|
font-size: 14px;
|
|
height: 36px;
|
|
padding-left: 0;
|
|
}
|
|
.sidebar > ul li a {
|
|
border-radius: 0 17px 17px 0;
|
|
color: #4f5d6b;
|
|
display: inline-block;
|
|
height: 36px;
|
|
overflow: hidden;
|
|
padding: 0 20px;
|
|
width: 100%;
|
|
}
|
|
.sidebar > ul li:hover,
|
|
.sidebar > ul li.active {
|
|
border: none;
|
|
padding-left: 0;
|
|
}
|
|
.sidebar > ul li:hover a {
|
|
background: #f1f3f5;
|
|
color: #394956;
|
|
}
|
|
.sidebar > ul li.active a,
|
|
.sidebar > ul li.active a:focus,
|
|
.sidebar > ul li.active a:hover,
|
|
.sidebar > ul li.active a:visited,
|
|
.sidebar > ul li.active a > .fa {
|
|
background: #deecf9;
|
|
color: #005a9e;
|
|
}
|
|
.sidebar > .js-select-dropdown-autocomplete-rendered {
|
|
margin-left: 15px;
|
|
}
|
|
.sidebar-title {
|
|
padding-left: 20px;
|
|
}
|
|
.sidebar h2 {
|
|
color: #2a3b47;
|
|
font-size: 20px;
|
|
margin: 16px 0 6px 0;
|
|
}
|
|
.sidebar li > a > .fa {
|
|
margin-right: 10px;
|
|
}
|
|
.sidebar-content {
|
|
box-shadow: 0 0 10px rgba(0,0,0,.2);
|
|
flex: unset;
|
|
min-height: calc(100vh - 90px);
|
|
order: unset;
|
|
padding: 0;
|
|
width: calc(100% - 260px);
|
|
max-width: unset;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.sidebar-container {
|
|
display: block;
|
|
}
|
|
.sidebar {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.sidebar > .js-select-dropdown-autocomplete-rendered,
|
|
.sidebar > ul:first-child {
|
|
margin: 5px;
|
|
}
|
|
.sidebar > ul li {
|
|
display: inline-block;
|
|
}
|
|
.sidebar > ul li a {
|
|
border-radius: 17px;
|
|
}
|
|
.sidebar-content {
|
|
box-shadow: unset;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
/* Page - Sidebar - Header */
|
|
|
|
.sidebar-content .page-header,
|
|
.sidebar-content #task-summary h2 {
|
|
background: #deecf9;
|
|
border-bottom: none;
|
|
clear: both;
|
|
color: #253540;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
padding: 12px 18px;
|
|
}
|
|
.sidebar-content .page-header h2 {
|
|
border-bottom: none;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
line-height: 30px;
|
|
}
|
|
.sidebar-content .page-header ul {
|
|
font-size: 14px;
|
|
margin: 0 0 0 -10px;
|
|
}
|
|
.sidebar-content .page-header a,
|
|
.sidebar-content .page-header a .fa,
|
|
.sidebar-content .page-header a:visited {
|
|
color: #005a9e;
|
|
}
|
|
.sidebar-content .page-header a:focus,
|
|
.sidebar-content .page-header a:hover {
|
|
background: unset;
|
|
border-color: transparent;
|
|
}
|
|
.sidebar-content .page-header a:focus,
|
|
.sidebar-content .page-header a:focus .fa,
|
|
.sidebar-content .page-header a:hover,
|
|
.sidebar-content .page-header a:hover .fa {
|
|
color: #0078d7;
|
|
}
|
|
|
|
.sidebar-content .page-header ~ *:not(.page-header) {
|
|
margin: 15px;
|
|
}
|
|
.sidebar-content .page-header ~ *:not(.page-header):not(.btn) {
|
|
width: calc(100% - 30px);
|
|
}
|
|
.sidebar-content * + .page-header {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
|
|
/* Page - Var */
|
|
|
|
#to-top {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
/* Pages */
|
|
|
|
/* Pages - Dashboard */
|
|
|
|
#dashboard > .sidebar-content > .filter-box {
|
|
width: 200px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
#dashboard > .sidebar-content > .filter-box {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
|
|
/* Pages - Dashboard - .table-list */
|
|
|
|
#dashboard .table-list {
|
|
column-count: 3;
|
|
margin: 15px 15px 0 15px;
|
|
padding-left: 0;
|
|
width: calc(100% - 30px);
|
|
}
|
|
#dashboard .table-list > .table-list-header {
|
|
width: calc(100% - 290px);
|
|
}
|
|
|
|
@media (max-width: 1901px) {
|
|
#dashboard .table-list > .table-list-header {
|
|
width: calc(100% - 290px);
|
|
}
|
|
}
|
|
@media (max-width: 1080px) {
|
|
#dashboard .table-list {
|
|
column-count: 2;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
#dashboard .table-list {
|
|
column-count: 1;
|
|
}
|
|
#dashboard .table-list > .table-list-header {
|
|
width: calc(100% - 30px);
|
|
}
|
|
}
|
|
|
|
|
|
/* Pages - Project */
|
|
|
|
/* Pages - Project - Toolbar */
|
|
|
|
.filter-box {
|
|
max-width: 100%;
|
|
z-index: 2;
|
|
}
|
|
.filter-box .input-addon {
|
|
float: right;
|
|
width: 300px;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.filter-box {
|
|
width: 50%;
|
|
}
|
|
.filter-box .input-addon {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
/* Pages - Project - Header */
|
|
|
|
.board-add-icon {
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* Pages - Project - Overview */
|
|
|
|
.project-overview-column {
|
|
border: 1px solid #dedede;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
|
|
font-size: 34px;
|
|
margin-top: 30px;
|
|
padding: 14px;
|
|
min-width: 150px;
|
|
}
|
|
.project-overview-column:hover {
|
|
box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.project-header ~ details {
|
|
margin: 0 15px;
|
|
}
|
|
|
|
|
|
/* Pages - Project - Board */
|
|
|
|
#board-container {
|
|
clear: both;
|
|
}
|
|
#board {
|
|
border-bottom: none;
|
|
border-collapse: separate;
|
|
border-spacing: 15px;
|
|
}
|
|
|
|
|
|
/* Pages - Project - Board - Table */
|
|
|
|
#board tr > th,
|
|
#board tr > td {
|
|
border: none;
|
|
}
|
|
|
|
|
|
/* Pages - Project - Board - Table - Header */
|
|
|
|
#board tr > th {
|
|
padding: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
#board tr > th a,
|
|
#board tr > th a:focus,
|
|
#board tr > th a:hover,
|
|
#board tr > th a:visited {
|
|
color: #4f5d6b;
|
|
}
|
|
#board tr > th a .fa {
|
|
float: left;
|
|
margin: 2px 4px 0 0;
|
|
}
|
|
#board tr > th .board-add-icon {
|
|
float: right;
|
|
}
|
|
#board tr > th .board-add-icon .fa {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* Pages - Project - Board - Table - List */
|
|
|
|
#board tr > td {
|
|
background: #f4f5f7;
|
|
padding: 5px;
|
|
}
|
|
#board tr > td a,
|
|
#board tr > td a:focus,
|
|
#board tr > td a:hover,
|
|
#board tr > td a:visited,
|
|
#board tr > td a .fa,
|
|
#board tr > td a strong,
|
|
#board tr > td a strong .fa,
|
|
#board tr > td span:hover .fa,
|
|
#board tr > td .task-board-header,
|
|
#board tr > td .task-board-icons,
|
|
#board tr > td .task-board-icons span {
|
|
color: #5e6c84;
|
|
}
|
|
#board tr > td a strong .fa {
|
|
float: left;
|
|
}
|
|
|
|
#board tr > td .task-board {
|
|
border-radius: 0;
|
|
border-width: 0 0 4px 0;
|
|
box-shadow: 0 0 1px 0 rgba(9, 30, 66, 0.31), 0 2px 4px -1px rgba(9, 30, 66, 0.25);
|
|
cursor: move;
|
|
margin-bottom: 10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
#board tr > td .task-board.draggable-item-selected {
|
|
opacity: 0.8;
|
|
}
|
|
#board tr > td .task-board-header {
|
|
font-size: 12px;
|
|
}
|
|
#board tr > td .task-board-title {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
}
|
|
#board tr > td .task-board-title a,
|
|
#board tr > td .task-board-title a:focus,
|
|
#board tr > td .task-board-title a:hover,
|
|
#board tr > td .task-board-title a:visited {
|
|
color: #333;
|
|
}
|
|
#board tr > td .task-tags {
|
|
float: left;
|
|
}
|
|
#board tr > td .task-board-icons {
|
|
font-size: 12px;
|
|
}
|
|
#board tr > td .task-board-icons a,
|
|
#board tr > td .task-board-icons span {
|
|
opacity: 1;
|
|
}
|
|
#board tr > td .task-board-icons a:hover,
|
|
#board tr > td .task-board-icons span:hover {
|
|
font-weight: normal;
|
|
}
|
|
#board tr > td .task-board span.task-icon-age-total,
|
|
#board tr > td .task-board span.task-icon-age-column {
|
|
border-color: #5e6c84;
|
|
}
|
|
|
|
#board tr > td .task-board .task-progress-bar {
|
|
background: white;
|
|
}
|
|
|
|
|
|
/* Pages - Project - List */
|
|
|
|
.project-header + .table-list {
|
|
column-count: unset;
|
|
padding-top: 60px;
|
|
}
|
|
.project-header + .table-list > .table-list-row {
|
|
display: block;
|
|
margin-bottom: 4px;
|
|
padding: 5px 5px 5px 8px;
|
|
}
|
|
.project-header + .table-list > .table-list-row > div:first-child {
|
|
float: left;
|
|
margin-right: 8px;
|
|
width: max-content;
|
|
}
|
|
.project-header + .table-list > .table-list-row > div:first-child > input[type="checkbox"] {
|
|
float: left;
|
|
margin: 5px 8px 0 0;
|
|
}
|
|
.project-header + .table-list > .table-list-row > div:first-child > .dropdown a,
|
|
.project-header + .table-list > .table-list-row > div:first-child > .table-list-title > a {
|
|
font-size: 14px;
|
|
}
|
|
.project-header + .table-list > .table-list-row > div:first-child > .table-list-title,
|
|
.project-header + .table-list > .table-list-row > div:first-child > .table-list-title > a {
|
|
width: auto;
|
|
}
|
|
.project-header + .table-list > .table-list-row > div:first-child > .table-list-title > a,
|
|
.project-header + .table-list > .table-list-row > div:first-child > .dropdown a strong {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.project-header + .table-list > .table-list-row > div:first-child > .table-list-title {
|
|
display: inline-block;
|
|
padding-bottom: 0;
|
|
}
|
|
.project-header + .table-list > .table-list-row > .table-list-details {
|
|
float: left;
|
|
line-height: 23px;
|
|
margin: 0 8px 0 0;
|
|
width: max-content;
|
|
}
|
|
.project-header + .table-list > .table-list-row > .table-list-details span {
|
|
display: inline;
|
|
}
|
|
.project-header + .table-list > .table-list-row > .table-list-details span.table-list-category {
|
|
margin-left: 4px;
|
|
}
|
|
.project-header + .table-list > .table-list-row > .task-list-avatars {
|
|
float: right;
|
|
margin: 2px 0 0 8px;
|
|
width: max-content;
|
|
}
|
|
.project-header + .table-list > .table-list-row > .task-list-icons {
|
|
border-top: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.project-header + .table-list > .table-list-row > .task-list-subtasks {
|
|
margin: 5px 0 -5px -5px;
|
|
width: calc(100% + 10px);
|
|
}
|
|
.project-header + .table-list > .table-list-row > .task-list-subtasks .subtask-cell:first-child {
|
|
padding-left: 38px;
|
|
}
|
|
|
|
|
|
/* Pages - Project - Gantt */
|
|
|
|
.menu-inline {
|
|
margin: 15px;
|
|
}
|
|
|
|
#gantt-chart {
|
|
margin: 15px;
|
|
}
|
|
#gantt-chart .ganttview-slide-container * {
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
#gantt-chart div.ganttview {
|
|
border-radius: 3px;
|
|
}
|
|
#gantt-chart div.ganttview,
|
|
#gantt-chart div.ganttview-slide-container {
|
|
border-color: #c1cbd4
|
|
}
|
|
#gantt-chart div.ganttview,
|
|
#gantt-chart div.ganttview-vtheader,
|
|
#gantt-chart div.ganttview-hzheader-day {
|
|
background: #f9fafa;
|
|
color: #86929e;
|
|
}
|
|
#gantt-chart div.ganttview-grid {
|
|
background: white;
|
|
}
|
|
#gantt-chart div.ganttview-hzheader-month {
|
|
background: #f9fafa;
|
|
color: #86929e;
|
|
font-weight: bold;
|
|
}
|
|
#gantt-chart div.ganttview-vtheader-series-name {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
padding-left: 15px;
|
|
}
|
|
#gantt-chart div.ganttview-vtheader-series-name a:last-child {
|
|
width: calc(100% - 55px);
|
|
}
|
|
#gantt-chart div.ganttview-vtheader-series-name a,
|
|
#gantt-chart div.ganttview-vtheader-series-name a:focus,
|
|
#gantt-chart div.ganttview-vtheader-series-name a:hover,
|
|
#gantt-chart div.ganttview-vtheader-series-name a:visited,
|
|
#gantt-chart div.ganttview-vtheader-series-name a i,
|
|
#gantt-chart div.ganttview-vtheader-series-name a:focus i,
|
|
#gantt-chart div.ganttview-vtheader-series-name a:hover i,
|
|
#gantt-chart div.ganttview-vtheader-series-name a:visited i,
|
|
#gantt-chart div.ganttview-vtheader-item,
|
|
#gantt-chart .tooltip .fa-info-circle {
|
|
color: #4f5d6b;
|
|
}
|
|
|
|
|
|
/* Pages - Task */
|
|
|
|
.sidebar-content #task-summary h2 {
|
|
margin-bottom: 0;
|
|
}
|
|
.sidebar-content #task-summary .task-summary-container {
|
|
border-radius: 0;
|
|
border-width: 0 0 4px 0;
|
|
}
|
|
.sidebar-content #task-summary ~ * {
|
|
margin: 15px;
|
|
width: calc(100% - 30px);
|
|
}
|
|
|
|
|
|
/* Pages - Task - Modal Form */
|
|
|
|
#modal-content .task-form-main-column {
|
|
width: calc(100% - 480px);
|
|
}
|
|
#modal-content .task-form-main-column #form-title {
|
|
width: 98%;
|
|
max-width: 98%;
|
|
}
|
|
#modal-content .task-form-secondary-column {
|
|
width: 240px;
|
|
}
|
|
|
|
|
|
/* Pages - User Section */
|
|
|
|
#user-section fieldset + .js-submit-buttons-rendered {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
|
|
/* Pages - Bigboard */
|
|
|
|
/*
|
|
section.page > .filter-box {
|
|
background: #f9fafa;
|
|
overflow: auto;
|
|
padding: 11px 15px;
|
|
}
|
|
section.page + #to-top + section:not(.page) {
|
|
margin-bottom: 32px;
|
|
margin-top: -60px;
|
|
}
|
|
#bigboard table {
|
|
border-bottom: none;
|
|
}
|
|
*/
|
|
|
|
section:not(.page) > .table-list {
|
|
column-count: unset;
|
|
float: left;
|
|
margin-top: -30px;
|
|
padding-top: 0;
|
|
}
|
|
|
|
section:not(.page) > .table-list .input-addon-item {
|
|
border: solid 1px #c4c8cc;
|
|
}
|
|
section:not(.page) > .table-list .input-addon-item:hover {
|
|
background: #f1f3f5;
|
|
border-color: #a5a9ac;
|
|
}
|
|
section:not(.page) > .table-list .input-addon-item a {
|
|
border-color: transparent;
|
|
}
|
|
section:not(.page) > .table-list .input-addon-item a:focus,
|
|
section:not(.page) > .table-list .input-addon-item a:hover {
|
|
background: transparent;
|
|
border-color: transparent;
|
|
}
|
