kanboard.moon?css

// background {}
body { background-color: rgb(141, 185, 126) !important }


// simplify header {}
header { padding: 0px 9px 6px !important; height: 2em; }
header a img { display: none; }
header h2 { top: 5px !important; }
header h2 small { display: none; }

div.project-header { background-color: #458131; border-bottom: 0; }


// column style {}
.board-column-header { -size: 14px !important; }

// column colours {}
th.board-column-header, table#board tbody tr td { background-color: #dfe3e6; }
th[data-column-id="7"], div[data-column-id="7"], .board-column-7 { background-color: #ec2f2f !important; }
th[data-column-id="11"], div[data-column-id="11"], .board-column-11 { background-color: orange !important; }
th[data-column-id="8"], div[data-column-id="8"], .board-column-8 { opacity: 0.8; !important; }


div.task-board { 0 1px 0 rgba(9,45,66,.25) !important; }

// column shape {}
table#board  th.board-column-header { padding: 6px 7px 3px 9px; border-radius: 5px; }
table#board tbody td { border-radius: 5px 5px 5px 5px; }
.board-column-expanded span[title] { float: right; }


// column headers
table#board th.board-column-header-collapsed { width: 10px !important; min-width: 10px; !important; padding: 3px 2px 3px 2px !important; }
table#board th.board-column-header.board-column-header-collapsed { padding: 3px 2px 3px 2px !important; }


.board-column-header-task-count { display: none; }
.board-add-icon { padding: 0 !important; float: right !important; }
.board-add-icon .js-modal-large { padding: 0 }


// column spacing {}
div#board-container table { border-spacing: 6px 0 !important; }


// swimlane style
table tbody tr .board-swimlane-header.board-column-compact { background-color: #458131 !important; border-left: 2px #8db97e solid !important; border-right: 2px #8db97e solid !important }
.board-swimlane-header.board-column-compact { background:#4581317a; padding: 0.1rem 0.4rem; color: black; font-style: normal; font-size: 0.8rem; border-left: 2px #8db97e solid !important; border-right: 2px #8db97e solid !important }


.ui-sortable { padding: 0 2px 18px 2px; }

table th { border: 0 !important; }

#board-container td { border: 0 !important; }


.ui-sortable { padding: 0 }


// task formatting {}
div.task-board a { font-weight: 500; font-size: 0.9rem; font-family: Source Code Pro, mono; letter-spacing: -0.4px !important; }

.board-task-list > div { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 8px; !important; padding: 3px 0 3px 5px !important; }

.fa.fa-edit.fa-fw.js-modal-large { width: 10px; }

a.js-modal-large { width: 100%; text-align: right; padding-right: 0.6rem; }


// fix task edit page?? {}
a.js-modal-large { float:right }
a.dropdown-menu strong { display: none; font-weight: initial; font-size: smaller; float: right; padding-top: 2px; }

a.view-listing, .views li:first-child, .views li:last-child, .views a.view-overview, .input-addon-item:last-child { display: none }


// fix size of settings custom stylesheet textarea {}
textarea#form-application_stylesheet { width: 1000px; height: 690px; }



// fix form background colours {}
//.task-form-container input#form-title, .text-editor textarea, textarea#form-application_stylesheet { color: white !important; }

//input#form-title, .text-editor textarea, textarea#form-application_stylesheet { color: white !important }



// task pop-over dialog fixes {}
#modal-box { width: 85vw; }

#modal-box { width: 85vw !important; top: 2em !important; height: 85vh !important; border-radius: 3px 3px 3px 3px !important; }
#modal-header { float: right; }