diff options
Diffstat (limited to 'assets/sass')
49 files changed, 1631 insertions, 0 deletions
diff --git a/assets/sass/_accordion.sass b/assets/sass/_accordion.sass new file mode 100644 index 00000000..aff7f295 --- /dev/null +++ b/assets/sass/_accordion.sass @@ -0,0 +1,25 @@ +.accordion-title + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ5RDgxQzc2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ5RDgxQzg2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlEODFDNTZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlEODFDNjZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXFWFAAAAAYSURBVHjaYvj//z8D0/Pnz/8zgFgAAQYAS5UJscReGMIAAAAASUVORK5CYII=) repeat-x scroll 0 10px + h3 + display: inline + padding-right: 5px + background: #fff + +.accordion-content + margin-top: 15px + margin-bottom: 25px + +.accordion-toggle + color: #333 + text-decoration: none + &:focus, &:hover + color: #999 + &:before + content: "\f0d7" + +.accordion-collapsed + margin-bottom: 25px + .accordion-toggle:before + content: "\f0da" + .accordion-content + display: none diff --git a/assets/sass/_activity_stream.sass b/assets/sass/_activity_stream.sass new file mode 100644 index 00000000..35d31b64 --- /dev/null +++ b/assets/sass/_activity_stream.sass @@ -0,0 +1,29 @@ +.activity-event + margin-bottom: 15px + padding: 10px + &:hover + background: #fafafa + +.activity-date + margin-left: 10px + font-weight: normal + color: #999 + font-size: 0.8em + +.activity-content + margin-left: 55px + +.activity-title + font-weight: bold + color: #000 + border-bottom: 1px dotted #efefef + +.activity-description + font-size: 0.95em + color: #555 + margin-top: 10px + li + list-style-type: circle + ul + margin-top: 10px + margin-left: 20px diff --git a/assets/sass/_alert.sass b/assets/sass/_alert.sass new file mode 100644 index 00000000..b8598c35 --- /dev/null +++ b/assets/sass/_alert.sass @@ -0,0 +1,48 @@ +.alert + padding: 8px 35px 8px 14px + margin-top: 5px + margin-bottom: 5px + color: $alert-default-text-color + background-color: $alert-default-background-color + border: 1px solid $alert-default-border-color + border-radius: 4px + +.alert-success + color: $alert-success-text-color + background-color: $alert-success-background-color + border-color: $alert-success-border-color + +.alert-error + color: $alert-error-text-color + background-color: $alert-error-background-color + border-color: $alert-error-border-color + +.alert-info + color: $alert-info-text-color + background-color: $alert-info-background-color + border-color: $alert-info-border-color + +.alert-normal + color: $alert-normal-text-color + background-color: $alert-normal-background-color + border-color: $alert-normal-border-color + +.alert + ul + margin-top: 10px + margin-bottom: 10px + li + margin-left: 25px + +.alert-fade-out + text-align: center + position: fixed + bottom: 0 + left: 20% + width: 60% + padding-top: 5px + padding-bottom: 5px + margin-bottom: 0 + border-width: 1px 0 0 + border-radius: 4px 4px 0 0 + z-index: 9999 diff --git a/assets/sass/_avatar.sass b/assets/sass/_avatar.sass new file mode 100644 index 00000000..f18e5926 --- /dev/null +++ b/assets/sass/_avatar.sass @@ -0,0 +1,30 @@ +.avatar img + vertical-align: bottom + +.avatar-left + float: left + margin-right: 10px + +.avatar-inline + display: inline-block + margin-right: 3px + +.avatar-48 + img, div + border-radius: 30px + .avatar-letter + line-height: 48px + width: 48px + font-size: 25px + +.avatar-20 + img, div + border-radius: 10px + .avatar-letter + line-height: 20px + width: 20px + font-size: 11px + +.avatar-letter + color: #fff + text-align: center diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass new file mode 100644 index 00000000..fd6e8f9d --- /dev/null +++ b/assets/sass/_base.sass @@ -0,0 +1,43 @@ +body + margin-left: 10px + margin-right: 10px + padding-bottom: 10px + color: $text-color + font-family: $text-font + text-rendering: optimizeLegibility + +hr + border: 0 + height: 0 + border-top: 1px solid rgba(0, 0, 0, 0.1) + border-bottom: 1px solid rgba(255, 255, 255, 0.3) + +.smaller + font-size: 0.85em + +.pull-right + text-align: right + +ul.no-bullet li + list-style-type: none + margin-left: 0 + +.chosen-select + min-height: 27px + +#ui-datepicker-div + font-size: 0.8em + +#app-loading-icon + position: fixed + right: 3px + bottom: 3px + +.web-notification-icon + color: #3366CC + &:focus, &:hover + color: #000 + +.assign-me + font-size: 0.8em + vertical-align: bottom diff --git a/assets/sass/_board.sass b/assets/sass/_board.sass new file mode 100644 index 00000000..daa67db5 --- /dev/null +++ b/assets/sass/_board.sass @@ -0,0 +1,113 @@ +.public-board + margin-top: 5px + +.public-task + max-width: 800px + margin: 5px auto 0 + +#board-container + overflow-x: auto + +#board + table-layout: fixed + margin-bottom: 0 + th.board-column-header + width: 240px + td + vertical-align: top + +.board-container-compact + overflow-x: initial + +@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) + .board-container-compact #board + table-layout: auto + +#board th.board-column-header.board-column-compact + width: initial + +.board-column-collapsed + display: none + +td.board-column-task-collapsed + font-weight: bold + background-color: #fbfbfb + +#board th.board-column-header-collapsed + width: 28px + min-width: 28px + text-align: center + overflow: hidden + +.board-rotation-wrapper + position: relative + padding: 8px 4px + min-height: 150px + overflow: hidden + +.board-rotation + white-space: nowrap + -webkit-backface-visibility: hidden + -webkit-transform: rotate(90deg) + -moz-transform: rotate(90deg) + -ms-transform: rotate(90deg) + transform: rotate(90deg) + -webkit-transform-origin: 0 100% + -moz-transform-origin: 0 100% + -ms-transform-origin: 0 100% + transform-origin: 0 100% + +.board-column-title .dropdown-menu + text-decoration: none + +.board-add-icon + float: left + padding: 0 5px + a + text-decoration: none + color: #3366CC + font-size: 150% + line-height: 70% + &:focus, &:hover + text-decoration: none + color: red + +.board-column-header-task-count + color: #999 + font-weight: normal + +th.board-column-header-collapsed .board-column-header-task-count + font-size: 0.85em + +a.board-swimlane-toggle + font-size: 0.95em + text-decoration: none + &:hover, &:focus + color: #000 + text-decoration: none + border: none + +.board-task-list + min-height: 60px + +.board-task-list-limit + background-color: #DF5353 + +.draggable-item + cursor: pointer + user-select: none + -webkit-user-select: none + -moz-user-select: none + +.draggable-placeholder + border: 2px dashed #000 + background: #fafafa + height: 70px + margin-bottom: 10px + +div.draggable-item-selected + border: 1px solid #000 + +.task-board-sort-handle + float: left + padding-right: 5px diff --git a/assets/sass/_button.sass b/assets/sass/_button.sass new file mode 100644 index 00000000..7beea98a --- /dev/null +++ b/assets/sass/_button.sass @@ -0,0 +1,46 @@ +.btn + +appearance + font-size: 1.1em + font-weight: normal + cursor: pointer + display: inline-block + color: #333 + background: #f5f5f5 + border: 1px solid #ddd + border-radius: 2px + padding: 3px 10px + margin: 0 + +a.btn + text-decoration: none + +.btn:hover + border: 1px solid #bbb + color: #000 + background: #fafafa + +.btn-red + border-color: #b0281a + background: #d14836 + color: #fff + &:hover, &:focus + color: #fff + background: #c53727 + +.btn-blue + border-color: #3079ed + background: #4d90fe + color: #fff + &:hover, &:focus + border-color: #2f5bb7 + background: #357ae8 + color: #fff + +.btn:disabled + color: #ccc + border: 1px solid #ccc + background: #f7f7f7 + +.buttons-header + font-size: 0.9em + margin-bottom: 15px diff --git a/assets/sass/_color_picker.sass b/assets/sass/_color_picker.sass new file mode 100644 index 00000000..d3134d2d --- /dev/null +++ b/assets/sass/_color_picker.sass @@ -0,0 +1,17 @@ +.color-picker + width: 180px + +.color-picker-option + height: 25px + +.color-picker-square + display: inline-block + width: 18px + height: 18px + margin-right: 5px + border: 1px solid #000 + +.color-picker-label + display: inline-block + vertical-align: bottom + padding-bottom: 3px diff --git a/assets/sass/_comment.sass b/assets/sass/_comment.sass new file mode 100644 index 00000000..5df16595 --- /dev/null +++ b/assets/sass/_comment.sass @@ -0,0 +1,45 @@ +.comment-sorting + text-align: right + font-size: 0.5em + a + color: #555 + font-weight: normal + text-decoration: none + &:hover + color: #aaa + +.comment + padding: 5px + margin-bottom: 15px + &:hover + background: #fafafa + +.comment-title + border-bottom: 1px dotted #eee + margin-left: 55px + margin-bottom: 10px + +.comment-username + font-weight: bold + font-size: 1.1em + +.comment-date + color: #999 + font-size: 0.7em + font-weight: 200 + +.comment-actions + font-size: 0.8em + margin-left: 55px + margin-top: 8px + li + display: inline + a + color: #999 + text-decoration: none + &:focus, &:hover + color: #333 + text-decoration: underline + +.comment-content + margin-left: 55px diff --git a/assets/sass/_dashboard.sass b/assets/sass/_dashboard.sass new file mode 100644 index 00000000..d9afee01 --- /dev/null +++ b/assets/sass/_dashboard.sass @@ -0,0 +1,14 @@ +.dashboard-project-stats + span + font-size: 0.75em + margin-right: 10px + color: #999 + strong + font-size: 1.2em + +.dashboard-table-link + font-weight: bold + color: #444 + text-decoration: none + &:focus, &:hover + color: #999 diff --git a/assets/sass/_dialog_box.sass b/assets/sass/_dialog_box.sass new file mode 100644 index 00000000..c161e9d0 --- /dev/null +++ b/assets/sass/_dialog_box.sass @@ -0,0 +1,3 @@ +#main .confirm + max-width: 700px + font-size: 1.1em diff --git a/assets/sass/_documentation.sass b/assets/sass/_documentation.sass new file mode 100644 index 00000000..ddec6b23 --- /dev/null +++ b/assets/sass/_documentation.sass @@ -0,0 +1,22 @@ +.documentation + margin: 0 auto + padding: 20px + max-width: 850px + background: #fefefe + border: 1px solid #ccc + border-radius: 5px + font-size: 1.1em + color: #555 + img + border: 1px solid #333 + h1 + text-decoration: none + font-size: 1.8em + margin-bottom: 30px + h2 + font-size: 1.3em + text-decoration: none + border-bottom: 1px solid #ccc + margin-bottom: 25px + li + line-height: 30px diff --git a/assets/sass/_dropdown.sass b/assets/sass/_dropdown.sass new file mode 100644 index 00000000..addecf6e --- /dev/null +++ b/assets/sass/_dropdown.sass @@ -0,0 +1,51 @@ +.dropdown + display: inline + position: relative + ul + display: none + +ul.dropdown-submenu-open + display: block + position: absolute + z-index: 1000 + min-width: 285px + list-style: none + margin: 3px 0 0 1px + padding: 6px 0 + background-color: #fff + border: 1px solid #b2b2b2 + border-radius: 3px + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) + +.dropdown-submenu-open li + display: block + margin: 0 + padding: 8px 10px + font-size: 0.85em + border-bottom: 1px solid #f8f8f8 + cursor: pointer + &.no-hover + cursor: default + +.dropdown-submenu-open li:last-child + border: none + +.dropdown-submenu-open li:not(.no-hover):hover + background: #4078C0 + color: #fff + +.dropdown-submenu-open li:hover a + color: #fff + +.dropdown-submenu-open a + text-decoration: none + color: #333 + &:focus + text-decoration: underline + +.dropdown-menu-link-text, .dropdown-menu-link-icon + color: #333 + text-decoration: none + +.dropdown-menu-link-text:hover + text-decoration: underline diff --git a/assets/sass/_file_upload.sass b/assets/sass/_file_upload.sass new file mode 100644 index 00000000..3c251a18 --- /dev/null +++ b/assets/sass/_file_upload.sass @@ -0,0 +1,29 @@ +#file-dropzone, #screenshot-zone + position: relative + border: 2px dashed #ccc + width: 99% + height: 250px + overflow: auto + +#file-dropzone-inner, #screenshot-inner + position: absolute + left: 0 + bottom: 48% + width: 100% + text-align: center + color: #aaa + +#screenshot-zone.screenshot-pasted + border: 2px solid #333 + +#file-list + margin: 20px + li + list-style-type: none + padding-top: 8px + padding-bottom: 8px + border-bottom: 1px dotted #ddd + width: 95% + &.file-error + font-weight: bold + color: #b94a48 diff --git a/assets/sass/_files.sass b/assets/sass/_files.sass new file mode 100644 index 00000000..d3d3c006 --- /dev/null +++ b/assets/sass/_files.sass @@ -0,0 +1,44 @@ +.file-thumbnails + display: -webkit-flex + display: flex + -webkit-flex-direction: row + flex-direction: row + -webkit-flex-wrap: wrap + flex-wrap: wrap + -webkit-justify-content: flex-start + justify-content: flex-start + +.file-thumbnail + width: 250px + border: 1px solid #efefef + border-radius: 5px + margin-bottom: 20px + box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, 0.55) + margin-right: 15px + img + border-top-left-radius: 5px + border-top-right-radius: 5px + &:hover + opacity: 0.5 + +.file-thumbnail-content + padding-left: 8px + padding-right: 8px + +.file-thumbnail-title + font-weight: 700 + font-size: 0.9em + color: #555 + +.file-thumbnail-description + font-size: 0.8em + color: #aaa + margin-top: 8px + margin-bottom: 5px + +.file-viewer + position: relative + img + max-width: 95% + max-height: 85% + margin-top: 10px diff --git a/assets/sass/_filter_box.sass b/assets/sass/_filter_box.sass new file mode 100644 index 00000000..a957d5ef --- /dev/null +++ b/assets/sass/_filter_box.sass @@ -0,0 +1,41 @@ +.filter-box + display: inline-block + position: relative + font-size: 0 + margin-bottom: 20px + +.project-header .filter-box + margin: 0 + +.filter-box + form + margin: 0 + input[type="text"] + margin: 0 + font-size: 16px + height: 26px + border-color: #ddd + border-top-left-radius: 5px + border-bottom-left-radius: 5px + vertical-align: top + &:focus + color: #000 + border-color: rgba(82, 168, 236, 0.8) + outline: 0 + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) + div.dropdown + background: #fafafa + display: inline-block + font-size: 16px + border: 1px solid #ddd + border-left: none + margin: 0 + padding: 0 + padding-left: 5px + padding-right: 8px + height: 27px + &:last-child + border-top-right-radius: 5px + border-bottom-right-radius: 5px + a + line-height: 27px diff --git a/assets/sass/_form.sass b/assets/sass/_form.sass new file mode 100644 index 00000000..05a332a1 --- /dev/null +++ b/assets/sass/_form.sass @@ -0,0 +1,134 @@ +form + margin-bottom: 20px + +label + cursor: pointer + display: block + margin-top: 10px + +input + &[type="number"], &[type="date"], &[type="email"], &[type="password"], &[type="text"] + color: #888 + border: 1px solid #ccc + width: 300px + max-width: 95% + font-size: 100% + height: 25px + padding-bottom: 0 + font-family: sans-serif + margin-top: 10px + +appearance + &[type="number"]:focus, &[type="date"]:focus, &[type="email"]:focus, &[type="password"]:focus, &[type="text"]:focus + color: #000 + border-color: rgba(82, 168, 236, 0.8) + outline: 0 + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) + +textarea:focus + color: #000 + border-color: rgba(82, 168, 236, 0.8) + outline: 0 + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) + +input + &.form-numeric, &[type="number"] + width: 70px + +textarea + border: 1px solid #ccc + width: 400px + max-width: 99% + height: 200px + font-size: 100% + font-family: sans-serif + +select + max-width: 95% + &:focus + outline: 0 + +.tag-autocomplete + width: 400px + +span.select2-container + margin-top: 2px + +\::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder + color: #ddd + padding-top: 2px + +.form-actions + padding-top: 20px + clear: both + +input.form-error, textarea.form-error + border: 2px solid #b94a48 + +input.form-error:focus, textarea.form-error:focus + box-shadow: none + border: 2px solid #b94a48 + +.form-required + color: red + padding-left: 5px + font-weight: bold + +.form-errors + color: #b94a48 + list-style-type: none + +ul.form-errors li + margin-left: 0 + +.form-help + font-size: 0.8em + color: brown + margin-bottom: 15px + +.form-inline + padding: 0 + margin: 0 + border: none + label + display: inline + input, select + margin: 0 15px 0 0 + .form-required + display: none + +.form-inline-group + display: inline + +input + &.form-datetime, &.form-date + width: 150px + &.form-input-large + width: 400px + &.form-input-small + width: 150px + +.form-columns + display: -webkit-flex + display: flex + -webkit-flex-direction: row + flex-direction: row + +.form-column + margin-right: 25px + +.form-login + width: 350px + margin: 8% auto 0 + li + margin-left: 25px + line-height: 25px + h2 + margin-bottom: 30px + font-size: 1.5em + font-weight: bold + +.reset-password + margin-top: 20px + a + font-size: 0.8em + color: #999 diff --git a/assets/sass/_gantt_chart.sass b/assets/sass/_gantt_chart.sass new file mode 100644 index 00000000..f67aa8aa --- /dev/null +++ b/assets/sass/_gantt_chart.sass @@ -0,0 +1,86 @@ +div + &.ganttview-hzheader-month, &.ganttview-hzheader-day, &.ganttview-vtheader, &.ganttview-vtheader-item-name, &.ganttview-vtheader-series, &.ganttview-grid, &.ganttview-grid-row-cell + float: left + &.ganttview-hzheader-month, &.ganttview-hzheader-day + text-align: center + &.ganttview-grid-row-cell.last, &.ganttview-hzheader-day.last, &.ganttview-hzheader-month.last + border-right: none + &.ganttview + border: 1px solid #999 + &.ganttview-hzheader-month + width: 60px + height: 20px + border-right: 1px solid #d0d0d0 + line-height: 20px + overflow: hidden + &.ganttview-hzheader-day + width: 20px + height: 20px + border-right: 1px solid #f0f0f0 + border-top: 1px solid #d0d0d0 + line-height: 20px + color: #777 + &.ganttview-vtheader + margin-top: 41px + width: 400px + overflow: hidden + background-color: #fff + &.ganttview-vtheader-item + color: #666 + &.ganttview-vtheader-series-name + width: 400px + height: 31px + line-height: 31px + padding-left: 3px + border-top: 1px solid #d0d0d0 + font-size: 0.9em + text-overflow: ellipsis + overflow: hidden + white-space: nowrap + a + color: #666 + text-decoration: none + &:hover + color: #333 + text-decoration: underline + i + color: #000 + &:hover i + color: #666 + &.ganttview-slide-container + overflow: auto + border-left: 1px solid #999 + &.ganttview-grid-row-cell + width: 20px + height: 31px + border-right: 1px solid #f0f0f0 + border-top: 1px solid #f0f0f0 + &.ganttview-weekend + background-color: #fafafa + &.ganttview-blocks + margin-top: 40px + &.ganttview-block-container + height: 28px + padding-top: 4px + &.ganttview-block + position: relative + height: 25px + background-color: #E5ECF9 + border: 1px solid #c0c0c0 + border-radius: 3px + +.ganttview-block-movable + cursor: move + +div + &.ganttview-block-not-defined + border-color: #000 + background-color: #000 + &.ganttview-block-text + position: absolute + height: 12px + font-size: 0.7em + color: #999 + padding: 2px 3px + &.ganttview-block div.ui-resizable-handle.ui-resizable-s + bottom: -0 diff --git a/assets/sass/_header.sass b/assets/sass/_header.sass new file mode 100644 index 00000000..c7d9c8eb --- /dev/null +++ b/assets/sass/_header.sass @@ -0,0 +1,39 @@ +header + margin-top: 10px + padding-bottom: 10px + border-bottom: 1px solid #dedede + h1 + margin: 0 + padding: 0 + overflow: hidden + text-overflow: ellipsis + white-space: nowrap + max-width: 70% + float: left + .tooltip + opacity: 0.3 + font-size: 0.6em + ul + text-align: right + font-size: 0.9em + li + display: inline + padding-left: 30px + a + color: #333 + text-decoration: none + &:hover + color: #666 + .user-links .dropdown + margin-left: 15px + +nav .active a + color: #333 + font-weight: bold + +.menu-inline + margin-bottom: 5px + li + display: inline + padding-right: 15px + font-size: 0.95em diff --git a/assets/sass/_links.sass b/assets/sass/_links.sass new file mode 100644 index 00000000..6a06ffc7 --- /dev/null +++ b/assets/sass/_links.sass @@ -0,0 +1,11 @@ +a + color: $link-color + border: none + &:focus + outline: 0 + color: $link-color-focus + text-decoration: none + border: 1px dotted #aaa + &:hover + color: $link-color-hover + text-decoration: none diff --git a/assets/sass/_listing.sass b/assets/sass/_listing.sass new file mode 100644 index 00000000..20ebc7fa --- /dev/null +++ b/assets/sass/_listing.sass @@ -0,0 +1,15 @@ +.listing + border-radius: 4px + padding: 8px 35px 8px 14px + margin-bottom: 20px + border: 1px solid #ddd + color: #333 + background-color: #fcfcfc + overflow: auto + li + list-style-type: square + margin-left: 20px + margin-bottom: 3px + ul + margin-top: 15px + margin-bottom: 15px diff --git a/assets/sass/_logo.sass b/assets/sass/_logo.sass new file mode 100644 index 00000000..aa654d6c --- /dev/null +++ b/assets/sass/_logo.sass @@ -0,0 +1,12 @@ +.logo + a + opacity: 0.5 + color: #d40000 + span + color: #333 + a + &:hover + opacity: 0.8 + color: #333 + &:focus span, &:hover span + color: #d40000 diff --git a/assets/sass/_markdown_editor.sass b/assets/sass/_markdown_editor.sass new file mode 100644 index 00000000..5bf77a99 --- /dev/null +++ b/assets/sass/_markdown_editor.sass @@ -0,0 +1,15 @@ +.markdown-editor-container + max-width: 400px + +div + &.CodeMirror, &.CodeMirror-scroll + max-height: 250px + min-height: 200px + +.markdown-editor-small div + &.CodeMirror, &.CodeMirror-scroll + min-height: 100px + max-height: 180px + +.form-column div.CodeMirror + margin-bottom: 10px diff --git a/assets/sass/_markdown_rendering.sass b/assets/sass/_markdown_rendering.sass new file mode 100644 index 00000000..5eba3f8d --- /dev/null +++ b/assets/sass/_markdown_rendering.sass @@ -0,0 +1,38 @@ +.markdown + line-height: 1.4em + h1 + margin-top: 5px + margin-bottom: 10px + font-size: 1.5em + font-weight: bold + text-decoration: underline + h2 + font-size: 1.2em + font-weight: bold + text-decoration: underline + h3, h4 + font-size: 1.1em + text-decoration: underline + p + margin-bottom: 10px + ol, ul + margin-left: 25px + margin-top: 10px + margin-bottom: 10px + pre + background: #fbfbfb + padding: 10px + border-radius: 5px + border: 1px solid #ddd + overflow: auto + color: #444 + blockquote + font-style: italic + border-left: 3px solid #ddd + padding-left: 10px + margin-bottom: 10px + margin-left: 20px + img + display: block + max-width: 80% + margin-top: 10px diff --git a/assets/sass/_page_header.sass b/assets/sass/_page_header.sass new file mode 100644 index 00000000..49520d6d --- /dev/null +++ b/assets/sass/_page_header.sass @@ -0,0 +1,29 @@ +.page-header + margin-bottom: 20px + .dropdown + padding-right: 10px + h2 + margin: 0 + padding: 0 + font-size: 1.4em + font-weight: bold + border-bottom: 1px dotted #ccc + a + color: #333 + text-decoration: none + &:focus, &:hover + color: #aaa + ul + text-align: left + margin-top: 5px + display: inline-block + li + display: inline + padding-right: 15px + font-size: 0.95em + &.active a + color: #333 + text-decoration: none + font-weight: bold + &:hover, &:focus + text-decoration: underline diff --git a/assets/sass/_pagination.sass b/assets/sass/_pagination.sass new file mode 100644 index 00000000..877a3a91 --- /dev/null +++ b/assets/sass/_pagination.sass @@ -0,0 +1,8 @@ +.pagination + text-align: center + +.pagination-next + margin-left: 5px + +.pagination-previous + margin-right: 5px diff --git a/assets/sass/_popover.sass b/assets/sass/_popover.sass new file mode 100644 index 00000000..841019ae --- /dev/null +++ b/assets/sass/_popover.sass @@ -0,0 +1,22 @@ +#popover-container + position: fixed + top: 0 + left: 0 + width: 100% + height: 100% + background: rgba(0, 0, 0, 0.8) + overflow: auto + z-index: 100 + +#popover-content + position: absolute + width: 70% + left: 15% + top: 1% + padding: 15px + background: #fff + overflow: auto + max-height: 90% + +.popover-form + margin-bottom: 0 diff --git a/assets/sass/_project.sass b/assets/sass/_project.sass new file mode 100644 index 00000000..308175dd --- /dev/null +++ b/assets/sass/_project.sass @@ -0,0 +1,17 @@ +.project-header + margin-top: 8px + margin-bottom: 20px + +.action-menu + color: #333 + text-decoration: none + &:hover, &:focus + text-decoration: underline + +.project-creation-options + max-width: 500px + border-left: 3px dotted #efefef + margin-top: 20px + padding-left: 15px + padding-bottom: 5px + padding-top: 5px diff --git a/assets/sass/_project_overview.sass b/assets/sass/_project_overview.sass new file mode 100644 index 00000000..4945c4a4 --- /dev/null +++ b/assets/sass/_project_overview.sass @@ -0,0 +1,21 @@ + +.project-overview-columns + +display-flex + +flex-direction(row) + +flex-wrap + +align-content(center) + margin-bottom: 20px + font-size: 1.4em + +.project-overview-column + text-align: center + margin-right: 3% + padding: 3px 15px 3px 15px + border: 1px dashed #ddd + border-radius: 8px + strong + font-size: 1.3em + color: #444 + span + font-size: 0.8em + color: #777 diff --git a/assets/sass/_project_views_switcher.sass b/assets/sass/_project_views_switcher.sass new file mode 100644 index 00000000..903c8f6a --- /dev/null +++ b/assets/sass/_project_views_switcher.sass @@ -0,0 +1,36 @@ +.views + display: inline-block + margin-left: 10px + margin-right: 10px + font-size: 0.9em + li + background: #fafafa + border-left: 1px solid #ddd + border-top: 1px solid #ddd + border-bottom: 1px solid #ddd + padding: 5px 8px + display: inline + a + color: #555 + text-decoration: none + &:hover + color: #333 + text-decoration: underline + +.menu-inline li.active a + font-weight: bold + color: #000 + text-decoration: none + +.views li + &.active a + font-weight: bold + color: #000 + text-decoration: none + &:first-child + border-top-left-radius: 5px + border-bottom-left-radius: 5px + &:last-child + border-right: 1px solid #ddd + border-top-right-radius: 5px + border-bottom-right-radius: 5px diff --git a/assets/sass/_reset.sass b/assets/sass/_reset.sass new file mode 100644 index 00000000..a1ccd402 --- /dev/null +++ b/assets/sass/_reset.sass @@ -0,0 +1,13 @@ +li, +ul, +ol, +table, +tr, +td, +th, +p, +blockquote, +body + margin: 0 + padding: 0 + font-size: 100% diff --git a/assets/sass/_sidebar.sass b/assets/sass/_sidebar.sass new file mode 100644 index 00000000..7b215254 --- /dev/null +++ b/assets/sass/_sidebar.sass @@ -0,0 +1,71 @@ +.sidebar-container + margin-top: 10px + height: 100% + width: 100% + display: -ms-flexbox + display: -webkit-box + display: -moz-box + display: -ms-box + display: box + -ms-flex-direction: row + -webkit-box-orient: horizontal + -moz-box-orient: horizontal + -ms-box-orient: horizontal + box-orient: horizontal + +.sidebar-content + padding-left: 10px + -ms-flex: 1 + -webkit-box-flex: 1 + -moz-box-flex: 1 + -ms-box-flex: 1 + box-flex: 1 + +.sidebar + padding-right: 10px + border-right: 1px dotted #eee + font-size: 0.95em + max-width: 240px + min-width: 190px + width: 18% + -ms-flex: 0 100px + -webkit-box-flex: 0 + -moz-box-flex: 0 + -ms-box-flex: 0 + box-flex: 0 + h2 + margin-top: 0 + > ul + a + text-decoration: none + color: #999 + font-weight: 300 + &:hover + color: #333 + li + list-style-type: none + line-height: 35px + border-bottom: 1px dotted #efefef + padding-left: 13px + &:hover + border-left: 5px solid #555 + padding-left: 8px + &.active + border-left: 5px solid #333 + padding-left: 8px + a + color: #333 + font-weight: bold + +.sidebar-icons > ul li + padding-left: 0 + &:hover, &.active + padding-left: 0 + border-left: none + +.sidebar > ul li + &.active a + &:focus, &:hover + color: #555 + &:last-child + margin-bottom: 15px diff --git a/assets/sass/_subtasks.sass b/assets/sass/_subtasks.sass new file mode 100644 index 00000000..4930b832 --- /dev/null +++ b/assets/sass/_subtasks.sass @@ -0,0 +1,4 @@ +.subtasks-table + font-size: 0.85em + td + vertical-align: middle diff --git a/assets/sass/_table.sass b/assets/sass/_table.sass new file mode 100644 index 00000000..bb73fc39 --- /dev/null +++ b/assets/sass/_table.sass @@ -0,0 +1,110 @@ +table + width: 100% + border-collapse: collapse + border-spacing: 0 + margin-bottom: 20px + font-size: 0.95em + +th + border: 1px solid #eee + padding: 0.5em 3px + +td + border: 1px solid #eee + padding: 0.5em 3px + vertical-align: top + +th + background: #fbfbfb + text-align: left + +td li + margin-left: 20px + +.table-small + font-size: 0.8em + +th a + text-decoration: none + color: #333 + &:focus, &:hover + text-decoration: underline + +.table-fixed + table-layout: fixed + white-space: nowrap + th + overflow: hidden + td + white-space: nowrap + overflow: hidden + text-overflow: ellipsis + +.table-stripped tr:nth-child(odd) + background: #fefefe + +.column-3 + width: 3% + +.column-5 + width: 5% + +.column-8 + width: 7.5% + +.column-10 + width: 10% + +.column-12 + width: 12% + +.column-15 + width: 15% + +.column-18 + width: 18% + +.column-20 + width: 20% + +.column-25 + width: 25% + +.column-30 + width: 30% + +.column-35 + width: 35% + +.column-40 + width: 40% + +.column-50 + width: 50% + +.column-60 + width: 60% + +.column-70, .column-80 + width: 70% + +.draggable-row-handle + cursor: move + color: #dedede + &:hover + color: #333 + +tr.draggable-item-selected + background: #fff + border: 2px solid #666 + box-shadow: 4px 2px 10px -4px rgba(0, 0, 0, 0.55) + td + border-top: none + border-bottom: none + &:first-child + border-left: none + &:last-child + border-right: none + +.table-stripped tr.draggable-item-hover, tr.draggable-item-hover + background: #FEFFF2 diff --git a/assets/sass/_task_board.sass b/assets/sass/_task_board.sass new file mode 100644 index 00000000..de796398 --- /dev/null +++ b/assets/sass/_task_board.sass @@ -0,0 +1,35 @@ +.task-board + position: relative + margin-bottom: 4px + border: 1px solid #000 + padding: 2px + font-size: 0.85em + word-wrap: break-word + +div + &.task-board-recent + border-width: 2px + &.task-board-status-closed + user-select: none + border: 1px dotted #555 + +.task-board + a + color: #000 + text-decoration: none + .dropdown-menu + font-weight: bold + .task-score + font-weight: bold + +.task-board-collapsed + overflow: hidden + white-space: nowrap + text-overflow: ellipsis + +.task-board-title + font-size: 1.15em + margin-top: 5px + margin-bottom: 8px + a:hover + text-decoration: underline diff --git a/assets/sass/_task_board_age.sass b/assets/sass/_task_board_age.sass new file mode 100644 index 00000000..34f453dd --- /dev/null +++ b/assets/sass/_task_board_age.sass @@ -0,0 +1,17 @@ +.task-board-age + display: inline-block + font-size: 0.9em + +span + &.task-board-age-total + border: #666 1px solid + padding: 1px 3px 1px 3px + border-top-left-radius: 3px + border-bottom-left-radius: 3px + &.task-board-age-column + border: #666 1px solid + border-left: none + margin-left: -5px + padding: 1px 3px 1px 3px + border-top-right-radius: 3px + border-bottom-right-radius: 3px diff --git a/assets/sass/_task_board_avatar.sass b/assets/sass/_task_board_avatar.sass new file mode 100644 index 00000000..a4624c30 --- /dev/null +++ b/assets/sass/_task_board_avatar.sass @@ -0,0 +1,8 @@ +.task-board-avatars + text-align: right + float: right + +.task-board-change-assignee + &:hover + opacity: 0.6 + cursor: pointer diff --git a/assets/sass/_task_board_category.sass b/assets/sass/_task_board_category.sass new file mode 100644 index 00000000..72bf4387 --- /dev/null +++ b/assets/sass/_task_board_category.sass @@ -0,0 +1,13 @@ +.task-board-category-container + text-align: right + margin-top: 8px + margin-bottom: 8px + +.task-board-category + font-weight: 500 + color: #000 + border: 1px solid #555 + padding: 1px 2px 1px 2px + border-radius: 4px + &:hover + opacity: 0.6 diff --git a/assets/sass/_task_board_date.sass b/assets/sass/_task_board_date.sass new file mode 100644 index 00000000..65849e39 --- /dev/null +++ b/assets/sass/_task_board_date.sass @@ -0,0 +1,11 @@ +.task-board-date + font-weight: bold + color: #000 + +span + &.task-board-date-today + color: #0000D9 + opacity: 1.0 + &.task-board-date-overdue + color: #D90000 + opacity: 1.0 diff --git a/assets/sass/_task_board_icons.sass b/assets/sass/_task_board_icons.sass new file mode 100644 index 00000000..46471b41 --- /dev/null +++ b/assets/sass/_task_board_icons.sass @@ -0,0 +1,14 @@ +.task-board-icons + text-align: right + margin-top: 4px + margin-bottom: 2px + a + opacity: 0.5 + span + opacity: 0.5 + margin-left: 2px + a:hover, span:hover + opacity: 1.0 + +.flag-milestone + color: green diff --git a/assets/sass/_task_board_saving_state.sass b/assets/sass/_task_board_saving_state.sass new file mode 100644 index 00000000..d5c1a6da --- /dev/null +++ b/assets/sass/_task_board_saving_state.sass @@ -0,0 +1,9 @@ +.task-board-saving-state + opacity: 0.3 + +.task-board-saving-icon + position: absolute + margin: auto + width: 100% + text-align: center + color: #000 diff --git a/assets/sass/_task_links.sass b/assets/sass/_task_links.sass new file mode 100644 index 00000000..8df38a76 --- /dev/null +++ b/assets/sass/_task_links.sass @@ -0,0 +1,10 @@ +.task-links-table + font-size: 0.85em + td + vertical-align: middle + +.task-links-task-count + color: #999 + +.task-link-closed + text-decoration: line-through diff --git a/assets/sass/_task_listing.sass b/assets/sass/_task_listing.sass new file mode 100644 index 00000000..ea312685 --- /dev/null +++ b/assets/sass/_task_listing.sass @@ -0,0 +1,12 @@ +.task-table .dropdown-menu + color: #000 + text-decoration: none + font-weight: bold + &:focus, &:hover + text-decoration: underline + +td.task-table a + color: #000 + text-decoration: none + &:hover + text-decoration: underline diff --git a/assets/sass/_task_summary.sass b/assets/sass/_task_summary.sass new file mode 100644 index 00000000..3d46dc21 --- /dev/null +++ b/assets/sass/_task_summary.sass @@ -0,0 +1,42 @@ +#task-summary + margin-bottom: 15px + h2 + color: #666 + font-size: 2.5em + margin-top: 0 + padding-top: 0 + +.task-summary-buttons + margin-top: 10px + font-size: 0.85em + +.task-summary-container + border: 2px solid #000 + border-radius: 8px + padding: 15px + +.task-summary-columns + display: -webkit-flex + display: flex + -webkit-flex-direction: row + flex-direction: row + -webkit-justify-content: space-between + justify-content: space-between + +.task-summary-column + font-size: 0.9em + color: #666 + span + color: #555 + li + line-height: 23px + +.task-show-title + border: 2px solid #000 + border-radius: 8px + margin-bottom: 20px + h2 + color: #555 + font-size: 1.8em + margin: 0 + padding: 8px diff --git a/assets/sass/_task_tags.sass b/assets/sass/_task_tags.sass new file mode 100644 index 00000000..26cf38fa --- /dev/null +++ b/assets/sass/_task_tags.sass @@ -0,0 +1,11 @@ +.task-tags li + display: inline + margin: 0 + margin-right: 4px + padding: 2px + color: #666 + border: 1px solid #666 + border-radius: 2px + +.task-summary-container .task-tags + margin-top: 10px diff --git a/assets/sass/_title.sass b/assets/sass/_title.sass new file mode 100644 index 00000000..7a4ab69f --- /dev/null +++ b/assets/sass/_title.sass @@ -0,0 +1,11 @@ +h1, h2, h3 + font-weight: normal + color: $title-color + +h2 + font-size: 1.3em + margin-bottom: 10px + +h3 + margin-top: 10px + font-size: 1.2em diff --git a/assets/sass/_tooltip.sass b/assets/sass/_tooltip.sass new file mode 100644 index 00000000..e3bfa07f --- /dev/null +++ b/assets/sass/_tooltip.sass @@ -0,0 +1,52 @@ +.tooltip-arrow:after + background: #fff + border: 1px solid #aaaaaa + box-shadow: 0 0 5px #aaa + +div.ui-tooltip + min-width: 200px + max-width: 600px + font-size: 0.85em + +.tooltip-arrow + width: 20px + height: 10px + overflow: hidden + position: absolute + &.top + top: -10px + &.bottom + bottom: -10px + &.align-left + left: 10px + &.align-right + right: 10px + &:after + content: "" + position: absolute + width: 14px + height: 14px + -webkit-transform: rotate(45deg) + -ms-transform: rotate(45deg) + transform: rotate(45deg) + &.bottom:after + top: -10px + &.top:after + bottom: -10px + &.align-left:after + left: 0 + &.align-right:after + right: 0 + +.tooltip-large + width: 600px + +.ui-tooltip-content .markdown p + margin-bottom: 0 + +.ui-tooltip li + list-style-type: none + +.tooltip .fa-info-circle + color: #999 + font-size: 0.95em diff --git a/assets/sass/_user_mentions.sass b/assets/sass/_user_mentions.sass new file mode 100644 index 00000000..342ff953 --- /dev/null +++ b/assets/sass/_user_mentions.sass @@ -0,0 +1,6 @@ +.user-mention-link + font-weight: bold + color: #000 + text-decoration: none + &:hover + color: #555 diff --git a/assets/sass/app.sass b/assets/sass/app.sass new file mode 100644 index 00000000..899ffeb9 --- /dev/null +++ b/assets/sass/app.sass @@ -0,0 +1,99 @@ +$text-font: 'Helvetica Neue', Helvetica, Arial, sans-serif +$text-color: #333 + +$title-color: #333 + +$link-color: #3366CC +$link-color-focus: #DF5353 +$link-color-hover: #333 + +$alert-default-text-color: #c09853 +$alert-default-background-color: #fcf8e3 +$alert-default-border-color: #fbeed5 + +$alert-success-text-color: #468847 +$alert-success-background-color: #dff0d8 +$alert-success-border-color: #d6e9c6 + +$alert-error-text-color: #b94a48 +$alert-error-background-color: #f2dede +$alert-error-border-color: #eed3d7 + +$alert-info-text-color: #3a87ad +$alert-info-background-color: #d9edf7 +$alert-info-border-color: #bce8f1 + +$alert-normal-text-color: #333 +$alert-normal-background-color: #f0f0f0 +$alert-normal-border-color: #ddd + +=appearance + -webkit-appearance: none + -moz-appearance: none + +=display-flex + display: -webkit-flex + display: flex + +=flex-direction($direction) + -webkit-flex-direction: $direction + flex-direction: $direction + +=flex-wrap + -webkit-flex-wrap: wrap + flex-wrap: wrap + +=align-content($position) + -webkit-align-items: $position + align-items: $position + -webkit-justify-content: $position + justify-content: $position + +@import reset +@import base +@import links +@import title +@import table +@import form +@import alert +@import button +@import tooltip +@import dropdown +@import accordion +@import dialog_box +@import popover +@import pagination +@import header +@import logo +@import page_header +@import sidebar +@import avatar +@import file_upload +@import color_picker +@import files +@import filter_box +@import project +@import project_overview +@import project_views_switcher +@import dashboard +@import board +@import task_board +@import task_board_saving_state +@import task_board_category +@import task_board_avatar +@import task_board_icons +@import task_board_age +@import task_board_date +@import task_tags +@import task_summary +@import task_listing +@import comment +@import subtasks +@import task_links +@import markdown_editor +@import markdown_rendering +@import documentation +@import listing +@import activity_stream +@import gantt_chart +@import user_mentions |