Convert vanilla CSS to SASS

This commit is contained in:
Frederic Guillot 2016-08-06 22:19:36 -04:00
parent 411a66c8cb
commit 1dc947eac4
No known key found for this signature in database
GPG Key ID: 92D77191BA7FBC99
90 changed files with 1648 additions and 2364 deletions

View File

@ -1,3 +1,10 @@
Version 1.0.33 (unreleased)
--------------
Improvements:
* Convert vanilla CSS to SASS
Version 1.0.32
--------------

View File

@ -15,7 +15,6 @@
<?= $this->asset->colorCss() ?>
<?= $this->asset->css('assets/css/vendor.min.css') ?>
<?= $this->asset->css('assets/css/app.min.css') ?>
<?= $this->asset->css('assets/css/print.min.css', true, 'print') ?>
<?= $this->asset->customCss() ?>
<?php if (! isset($not_editable)): ?>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,40 +0,0 @@
.accordion-title {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ5RDgxQzc2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ5RDgxQzg2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlEODFDNTZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlEODFDNjZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXFWFAAAAAYSURBVHjaYvj//z8D0/Pnz/8zgFgAAQYAS5UJscReGMIAAAAASUVORK5CYII=) repeat-x scroll 0 10px;
}
.accordion-title h3 {
display: inline;
padding-right: 5px;
background: #fff;
}
.accordion-content {
margin-top: 15px;
margin-bottom: 25px;
}
.accordion-toggle {
color: #333;
text-decoration: none;
}
.accordion-toggle:focus,
.accordion-toggle:hover {
color: #999;
}
.accordion-toggle:before {
content: "\f0d7";
}
.accordion-collapsed .accordion-toggle:before {
content: "\f0da";
}
.accordion-collapsed {
margin-bottom: 25px;
}
.accordion-collapsed .accordion-content {
display: none;
}

View File

@ -1,41 +0,0 @@
/* activity */
.activity-event {
margin-bottom: 15px;
padding: 10px;
}
.activity-event: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;
}
.activity-description li {
list-style-type: circle;
}
.activity-description ul {
margin-top: 10px;
margin-left: 20px;
}

View File

@ -1,59 +0,0 @@
/* alerts */
.alert {
padding: 8px 35px 8px 14px;
margin-top: 5px;
margin-bottom: 5px;
color: #c09853;
background-color: #fcf8e3;
border: 1px solid #fbeed5;
border-radius: 4px;
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-normal {
color: #333;
background-color: #f0f0f0;
border-color: #ddd;
}
.alert ul {
margin-top: 10px;
margin-bottom: 10px;
}
.alert 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: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
z-index: 9999;
}

View File

@ -1,40 +0,0 @@
.avatar img {
vertical-align: bottom;
}
.avatar-left {
float: left;
margin-right: 10px;
}
.avatar-inline {
display: inline-block;
margin-right: 3px;
}
.avatar-48 img,
.avatar-48 div {
border-radius: 30px;
}
.avatar-48 .avatar-letter {
line-height: 48px;
width: 48px;
font-size: 25px;
}
.avatar-20 img,
.avatar-20 div {
border-radius: 10px;
}
.avatar-20 .avatar-letter {
line-height: 20px;
width: 20px;
font-size: 11px;
}
.avatar-letter {
color: #fff;
text-align: center;
}

View File

@ -1,71 +0,0 @@
/* reset */
li,
ul,
ol,
table,
tr,
td,
th,
p,
blockquote,
body {
margin: 0;
padding: 0;
font-size: 100%;
}
body {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 10px;
color: #333;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
}
.page {
clear: both;
}
ul.no-bullet li {
list-style-type: none;
margin-left: 0;
}
.pull-right {
text-align: right;
}
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);
}
.chosen-select {
min-height: 27px; /* Reserve some space to avoid re-layout due to chosen */
}
#ui-datepicker-div {
font-size: 0.8em;
}
#app-loading-icon {
position: fixed;
right: 3px;
bottom: 3px;
}
.web-notification-icon {
color: #3366CC;
}
.web-notification-icon:focus,
.web-notification-icon:hover {
color: #000;
}
.smaller {
font-size: 0.85em;
}

View File

@ -1,158 +0,0 @@
/* public board */
.public-board {
margin-top: 5px;
}
.public-task {
max-width: 800px;
margin: 0 auto;
margin-top: 5px;
}
/* board table */
#board-container {
overflow-x: auto;
}
#board {
table-layout: fixed;
margin-bottom: 0;
}
#board th.board-column-header {
width: 240px;
}
#board td {
vertical-align: top;
}
/* compact mode/horizontal scrolling */
.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; /* Do not force the width of the columns in compact view mode */
}
/* show/hide column */
.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%;
}
/* column header */
.board-column-title .dropdown-menu {
text-decoration: none;
}
.board-add-icon {
float: left;
padding: 0 5px;
}
.board-add-icon a {
text-decoration: none;
color: #3366CC;
font-size: 150%;
line-height: 70%;
}
.board-add-icon a:focus,
.board-add-icon a: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;
}
/* swimlanes */
a.board-swimlane-toggle {
font-size: 0.95em;
text-decoration: none;
}
a.board-swimlane-toggle:hover,
a.board-swimlane-toggle:focus {
color: #000;
text-decoration: none;
border: none;
}
/* board task list */
.board-task-list {
min-height: 60px;
}
.board-task-list-limit {
background-color: #DF5353;
}
/* drag and drop */
.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;
}

View File

@ -1,61 +0,0 @@
/* buttons */
.btn {
font-size: 1.1em;
font-weight: normal;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
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;
}
.btn-red:hover,
.btn-red:focus {
color: #fff;
background: #c53727;
}
.btn-blue {
border-color: #3079ed;
background: #4d90fe;
color: #fff;
}
.btn-blue:hover,
.btn-blue: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;
}

View File

@ -1,70 +0,0 @@
/* sorting */
.comment-sorting {
text-align: right;
font-size: 0.5em;
}
.comment-sorting a {
color: #555;
font-weight: normal;
text-decoration: none;
}
.comment-sorting a:hover {
color: #aaa;
}
/* comment container */
.comment {
padding: 5px;
margin-bottom: 15px;
}
.comment:hover {
background: #fafafa;
}
/* comment title */
.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 */
.comment-actions {
font-size: 0.8em;
margin-left: 55px;
margin-top: 8px;
}
.comment-actions li {
display: inline;
}
.comment-actions a {
color: #999;
text-decoration: none;
}
.comment-actions a:focus,
.comment-actions a:hover {
color: #333;
text-decoration: underline;
}
/* comment content */
.comment-content {
margin-left: 55px;
}

View File

@ -1,5 +0,0 @@
/* confirmation box */
#main .confirm {
max-width: 700px;
font-size: 1.1em;
}

View File

@ -1,21 +0,0 @@
/* dashboard */
.dashboard-project-stats span {
font-size: 0.75em;
margin-right: 10px;
color: #999;
}
.dashboard-project-stats strong {
font-size: 1.2em;
}
.dashboard-table-link {
font-weight: bold;
color: #444;
text-decoration: none;
}
.dashboard-table-link:focus,
.dashboard-table-link:hover {
color: #999;
}

View File

@ -1,93 +0,0 @@
.dropdown {
display: inline;
position: relative;
}
.dropdown 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: 0px 1px 3px rgba(0,0,0,0.15);
}
.textarea-dropdown li,
.dropdown-submenu-open li {
display: block;
margin: 0;
padding: 0;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 0.85em;
border-bottom: 1px solid #f8f8f8;
cursor: pointer;
}
.dropdown-submenu-open li.no-hover {
cursor: default;
}
.textarea-dropdown li:last-child,
.dropdown-submenu-open li:last-child {
border: none;
}
.textarea-dropdown .active,
.textarea-dropdown li:hover,
.dropdown-submenu-open li:not(.no-hover):hover {
background: #4078C0;
color: #fff;
}
.textarea-dropdown .active a,
.textarea-dropdown li:hover a,
.dropdown-submenu-open li:hover a {
color: #fff;
}
.textarea-dropdown a,
.dropdown-submenu-open a {
text-decoration: none;
color: #333;
}
.dropdown-submenu-open a:focus {
text-decoration: underline;
}
.page-header .dropdown {
padding-right: 10px;
}
.dropdown-menu-link-text,
.dropdown-menu-link-icon {
color: #333;
text-decoration: none;
}
.dropdown-menu-link-text:hover {
text-decoration: underline;
}
/* textarea dropdown */
.textarea-dropdown {
list-style: none;
margin: 3px 0 0 1px;
padding: 6px 0;
background-color: #fff;
border: 1px solid #b2b2b2;
border-radius: 3px;
box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}

View File

@ -1,56 +0,0 @@
.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;
}
.file-thumbnail img {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.file-thumbnail img: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;
}
.file-viewer img {
max-width: 95%;
max-height: 85%;
margin-top: 10px;
}

View File

@ -1,70 +0,0 @@
/* project header */
.project-header {
margin-top: 8px;
margin-bottom: 20px;
}
.action-menu {
color: #333;
text-decoration: none;
}
.action-menu:hover,
.action-menu:focus {
text-decoration: underline;
}
/* search box */
.filter-box {
display: inline-block;
position: relative;
font-size: 0;
margin-bottom: 20px;
}
.project-header .filter-box {
margin: 0;
}
.filter-box form {
margin: 0;
}
.filter-box 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;
}
.filter-box input[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);
}
.filter-box 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;
}
.filter-box div.dropdown:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.filter-box div.dropdown a {
line-height: 27px;
}

View File

@ -1,200 +0,0 @@
/* forms */
form {
margin-bottom: 20px;
}
label {
cursor: pointer;
display: block;
margin-top: 10px;
}
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
input[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;
-webkit-appearance: none;
appearance: none;
}
input[type="number"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
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,
input[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%;
}
select:focus {
outline: 0;
}
.tag-autocomplete {
width: 400px;
}
span.select2-container {
margin-top: 2px;
}
::-webkit-input-placeholder {
color: #ddd;
padding-top: 2px;
}
::-ms-input-placeholder {
color: #ddd;
padding-top: 2px;
}
::-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;
}
.form-inline label {
display: inline;
}
.form-inline input,
.form-inline select {
margin: 0;
margin-right: 15px;
}
.form-inline .form-required {
display: none;
}
.form-inline-group {
display: inline;
}
input.form-datetime,
input.form-date {
width: 150px;
}
input.form-input-large {
width: 400px;
}
input.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: 0 auto;
margin-top: 8%;
}
.form-login li {
margin-left: 25px;
line-height: 25px;
}
.form-login h2 {
margin-bottom: 30px;
font-size: 1.5em;
font-weight: bold;
}
.popover-form {
margin-bottom: 0;
}
.reset-password {
margin-top: 20px;
}
.reset-password a {
font-size: 0.8em;
color: #999;
}

View File

@ -1,143 +0,0 @@
/* Based on jQuery.ganttView v.0.8.0 Copyright (c) 2010 JC Grubbs - jc.grubbs@devmynd.com - MIT License */
div.ganttview-hzheader-month,
div.ganttview-hzheader-day,
div.ganttview-vtheader,
div.ganttview-vtheader-item-name,
div.ganttview-vtheader-series,
div.ganttview-grid,
div.ganttview-grid-row-cell {
float: left;
}
div.ganttview-hzheader-month,
div.ganttview-hzheader-day {
text-align: center;
}
div.ganttview-grid-row-cell.last,
div.ganttview-hzheader-day.last,
div.ganttview-hzheader-month.last {
border-right: none;
}
div.ganttview {
border: 1px solid #999;
}
/* Horizontal Header */
div.ganttview-hzheader-month {
width: 60px;
height: 20px;
border-right: 1px solid #d0d0d0;
line-height: 20px;
overflow: hidden;
}
div.ganttview-hzheader-day {
width: 20px;
height: 20px;
border-right: 1px solid #f0f0f0;
border-top: 1px solid #d0d0d0;
line-height: 20px;
color: #777;
}
/* Vertical Header */
div.ganttview-vtheader {
margin-top: 41px;
width: 400px;
overflow: hidden;
background-color: #fff;
}
div.ganttview-vtheader-item {
color: #666;
}
div.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;
}
div.ganttview-vtheader-series-name a {
color: #666;
text-decoration: none;
}
div.ganttview-vtheader-series-name a:hover {
color: #333;
text-decoration: underline;
}
div.ganttview-vtheader-series-name a i {
color: #000;
}
div.ganttview-vtheader-series-name a:hover i {
color: #666;
}
/* Slider */
div.ganttview-slide-container {
overflow: auto;
border-left: 1px solid #999;
}
/* Grid */
div.ganttview-grid-row-cell {
width: 20px;
height: 31px;
border-right: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
}
div.ganttview-grid-row-cell.ganttview-weekend {
background-color: #fafafa;
}
/* Blocks */
div.ganttview-blocks {
margin-top: 40px;
}
div.ganttview-block-container {
height: 28px;
padding-top: 4px;
}
div.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;
}
div.ganttview-block-text {
position: absolute;
height: 12px;
font-size: 0.7em;
color: #999;
padding: 2px 3px;
}
/* Adjustments for jQuery UI Styling */
div.ganttview-block div.ui-resizable-handle.ui-resizable-s {
bottom: -0;
}

View File

@ -1,122 +0,0 @@
/* header */
header {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #dedede;
}
header h1 {
margin: 0;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 70%;
float: left;
}
header ul {
text-align: right;
font-size: 0.9em;
}
header li {
display: inline;
padding-left: 30px;
}
header a {
color: #333;
text-decoration: none;
}
header a:hover {
color: #666;
}
nav .active a {
color: #333;
font-weight: bold;
}
/* logo */
.logo a {
opacity: 0.5;
color: #d40000;
}
.logo span {
color: #333;
}
.logo a:hover {
opacity: 0.8;
color: #333;
}
.logo a:focus span,
.logo a:hover span {
color: #d40000;
}
/* user links on the left */
header .user-links .dropdown {
margin-left: 15px;
}
/* title tooltip */
header h1 .tooltip {
opacity: 0.3;
font-size: 0.6em;
}
/* page header */
.page-header {
margin-bottom: 20px;
}
.page-header h2 {
margin: 0;
padding: 0;
font-size: 1.4em;
font-weight: bold;
border-bottom: 1px dotted #ccc;
}
.page-header h2 a {
color: #333;
text-decoration: none;
}
.page-header h2 a:focus,
.page-header h2 a:hover {
color: #aaa;
}
.page-header ul {
text-align: left;
margin-top: 5px;
display: inline-block;
}
.menu-inline li,
.page-header li {
display: inline;
padding-right: 15px;
font-size: 0.95em;
}
.page-header li.active a {
color: #333;
text-decoration: none;
font-weight: bold;
}
.page-header li.active a:hover,
.page-header li.active a:focus {
text-decoration: underline;
}
.menu-inline {
margin-bottom: 5px;
}

View File

@ -1,17 +0,0 @@
/* links */
a {
color: #3366CC;
border: none;
}
a:focus {
outline: 0;
color: #DF5353;
text-decoration: none;
border: 1px dotted #aaa;
}
a:hover {
color: #333;
text-decoration: none;
}

View File

@ -1,21 +0,0 @@
/* listing block */
.listing {
border-radius: 4px;
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
border: 1px solid #ddd;
color: #333;
background-color: #fcfcfc;
overflow: auto;
}
.listing li {
list-style-type: square;
margin-left: 20px;
margin-bottom: 3px;
}
.listing ul {
margin-top: 15px;
margin-bottom: 15px;
}

View File

@ -1,125 +0,0 @@
/* markdown editor */
.markdown-editor-container {
max-width: 400px;
}
div.CodeMirror,
div.CodeMirror-scroll {
max-height: 250px;
min-height: 200px;
}
.markdown-editor-small div.CodeMirror,
.markdown-editor-small div.CodeMirror-scroll {
min-height: 100px;
max-height: 180px;
}
.form-column div.CodeMirror {
margin-bottom: 10px;
}
/* markdown content */
.markdown {
line-height: 1.4em;
}
.markdown h1 {
margin-top: 5px;
margin-bottom: 10px;
font-size: 1.5em;
font-weight: bold;
text-decoration: underline;
}
.markdown h2 {
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
}
.markdown h3 {
font-size: 1.1em;
text-decoration: underline;
}
.markdown h4 {
font-size: 1.1em;
text-decoration: underline;
}
.markdown p {
margin-bottom: 10px;
}
.markdown ol,
.markdown ul {
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
}
.markdown pre {
background: #fbfbfb;
padding: 10px;
border-radius: 5px;
border: 1px solid #ddd;
overflow: auto;
color: #444;
}
.markdown blockquote {
font-style: italic;
border-left: 3px solid #ddd;
padding-left: 10px;
margin-bottom: 10px;
margin-left: 20px;
}
.markdown img {
display: block;
max-width: 80%;
margin-top: 10px;
}
.documentation {
margin: 0 auto;
padding: 20px;
max-width: 850px;
background: #fefefe;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1.1em;
color: #555;
}
.documentation img {
border: 1px solid #333;
}
.documentation h1 {
text-decoration: none;
font-size: 1.8em;
margin-bottom: 30px;
}
.documentation h2 {
font-size: 1.3em;
text-decoration: none;
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
}
.documentation li {
line-height: 30px;
}
.user-mention-link {
font-weight: bold;
color: #000;
text-decoration: none;
}
.user-mention-link:hover {
color: #555;
}

View File

@ -1,12 +0,0 @@
/* pagination */
.pagination {
text-align: center;
}
.pagination-next {
margin-left: 5px;
}
.pagination-previous {
margin-right: 5px;
}

View File

@ -1,22 +0,0 @@
/* popover */
#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%;
}

View File

@ -1,6 +0,0 @@
header,
.sidebar,
#comments form,
.page-header {
display: none;
}

View File

@ -1,45 +0,0 @@
.project-creation-options {
max-width: 500px;
border-left: 3px dotted #efefef;
margin-top: 20px;
padding-left: 15px;
padding-bottom: 5px;
padding-top: 5px;
}
.project-overview-columns {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 20px;
font-size: 1.4em;
}
.project-overview-column {
text-align: center;
margin-right: 80px;
padding: 3px 15px 3px 15px;
border: 1px dashed #ddd;
border-radius: 8px;
}
.project-overview-column strong {
font-size: 1.3em;
color: #444;
}
.project-overview-column span {
font-size: 0.8em;
color: #777;
}

View File

@ -1,58 +0,0 @@
@media only screen and (max-width: 1024px) {
body {
font-size: 0.85em;
}
.form-tab {
max-width: 404px;
}
.form-inline-group input[type="submit"],
.form-inline-group label {
display: block;
}
.form-inline-group input[type="submit"] {
margin-top: 20px;
}
td > input[type="text"] {
max-width: 150px;
}
.page-header .form-input-large {
width: 300px;
}
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
header {
padding-bottom: 4px;
}
div.chosen-container {
font-size: 0.9em;
}
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="text"] {
height: 18px;
}
.page-header .form-input-large {
width: 300px;
}
}
@media only screen and (max-width: 640px) {
.hide-mobile {
display: none;
}
}

View File

@ -1,93 +0,0 @@
.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;
}
.sidebar h2 {
margin-top: 0;
}
.sidebar > ul a {
text-decoration: none;
color: #999;
font-weight: 300;
}
.sidebar > ul a:hover {
color: #333;
}
.sidebar > ul li {
list-style-type: none;
line-height: 35px;
border-bottom: 1px dotted #efefef;
padding-left: 13px;
}
.sidebar > ul li:hover {
border-left: 5px solid #555;
padding-left: 8px;
}
.sidebar > ul li.active {
border-left: 5px solid #333;
padding-left: 8px;
}
.sidebar > ul li.active a {
color: #333;
font-weight: bold;
}
.sidebar-icons > ul li {
padding-left: 0;
}
.sidebar-icons > ul li:hover,
.sidebar-icons > ul li.active {
padding-left: 0;
border-left: none;
}
.sidebar > ul li.active a:focus,
.sidebar > ul li.active a:hover {
color: #555;
}
.sidebar > ul li:last-child {
margin-bottom: 15px;
}

View File

@ -1,8 +0,0 @@
/* subtasks */
.subtasks-table {
font-size: 0.85em;
}
.subtasks-table td {
vertical-align: middle;
}

View File

@ -1,165 +0,0 @@
/* tables */
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
font-size: 0.95em;
}
#calendar table {
margin-bottom: 0;
}
th,
td {
border: 1px solid #eee;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 3px;
padding-right: 3px;
}
td {
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;
}
th a:focus,
th a:hover {
text-decoration: underline;
}
.table-fixed {
table-layout: fixed;
white-space: nowrap;
}
.table-fixed th {
overflow: hidden;
}
.table-fixed 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 {
width: 70%;
}
.column-80 {
width: 70%;
}
.draggable-row-handle {
cursor: move;
color: #dedede;
}
.draggable-row-handle: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);
}
tr.draggable-item-selected td {
border-top: none;
border-bottom: none;
}
tr.draggable-item-selected td:first-child {
border-left: none;
}
tr.draggable-item-selected td:last-child {
border-right: none;
}
.table-stripped tr.draggable-item-hover,
tr.draggable-item-hover {
background: #FEFFF2;
}

View File

@ -1,288 +0,0 @@
/* task listing table */
.task-table .dropdown-menu {
color: #000;
text-decoration: none;
font-weight: bold;
}
.task-table .dropdown-menu:focus,
.task-table .dropdown-menu:hover {
text-decoration: underline;
}
td.task-table a {
color: #000;
text-decoration: none;
}
td.task-table a:hover {
text-decoration: underline;
}
/* task inside the board */
.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;
}
div.task-board-status-closed {
user-select: none;
border: 1px dotted #555;
}
.task-board a {
color: #000;
text-decoration: none;
}
.task-board .dropdown-menu {
font-weight: bold;
}
.task-board-collapsed {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* board saving state */
.task-board-saving-state {
opacity: 0.3;
}
.task-board-saving-icon {
position: absolute;
margin: auto;
width: 100%;
text-align: center;
color: #000;
}
/* title one the card */
.task-board-title {
font-size: 1.15em;
margin-top: 5px;
margin-bottom: 8px;
}
.task-board-title a:hover {
text-decoration: underline;
}
/* category label */
.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;
}
.task-board-category:hover {
opacity: 0.6;
}
/* tags list */
.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;
}
/* avatars on the card */
.task-board-avatars {
text-align: right;
float: right;
}
.task-board-change-assignee:hover {
opacity: 0.6;
}
.task-board-change-assignee {
cursor: pointer;
}
/* task icons footer */
.task-board-icons {
text-align: right;
margin-top: 4px;
margin-bottom: 2px;
}
.task-board-icons a {
opacity: 0.5;
}
.task-board-icons span {
opacity: 0.5;
margin-left: 2px;
}
.task-board-icons a:hover,
.task-board-icons span:hover {
opacity: 1.0;
}
.task-board-date {
font-weight: bold;
color: #000;
}
span.task-board-date-today {
color: #0000D9;
opacity: 1.0;
}
span.task-board-date-overdue {
color: #D90000;
opacity: 1.0;
}
/* task score */
.task-board .task-score {
font-weight: bold;
}
/* task age */
.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;
}
span.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;
}
/* task summary */
#task-summary {
margin-bottom: 15px;
}
#task-summary 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;
}
.task-summary-column span {
color: #555;
}
.task-summary-column li {
line-height: 23px;
}
.task-show-title {
border: 2px solid #000;
border-radius: 8px;
margin-bottom: 20px;
}
.task-show-title h2 {
color: #555;
font-size: 1.8em;
margin: 0;
padding: 8px;
}
.task-link-closed {
text-decoration: line-through;
}
.flag-milestone {
color: green;
}
/* color picker */
.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;
}
#select2-form-color_id-results li.select2-results__option {
padding: 3px;
}
/* Assign to me */
.assign-me {
font-size: 0.8em;
vertical-align: bottom;
}

View File

@ -1,12 +0,0 @@
/* tasklinks */
.task-links-table {
font-size: 0.85em;
}
.task-links-table td {
vertical-align: middle;
}
.task-links-task-count {
color: #999;
}

View File

@ -1,15 +0,0 @@
/* titles */
h1, h2, h3 {
font-weight: normal;
color: #333;
}
h2 {
font-size: 1.3em;
margin-bottom: 10px;
}
h3 {
margin-top: 10px;
font-size: 1.2em;
}

View File

@ -1,78 +0,0 @@
/* tooltip */
.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;
}
.tooltip-arrow.top {
top: -10px;
}
.tooltip-arrow.bottom {
bottom: -10px;
}
.tooltip-arrow.align-left {
left: 10px;
}
.tooltip-arrow.align-right {
right: 10px;
}
.tooltip-arrow:after {
content: "";
position: absolute;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tooltip-arrow.bottom:after {
top: -10px;
}
.tooltip-arrow.top:after {
bottom: -10px;
}
.tooltip-arrow.align-left:after {
left: 0px;
}
.tooltip-arrow.align-right:after {
right: 0px;
}
.tooltip-large {
width: 600px;
}
.ui-tooltip-content .markdown p {
margin-bottom: 0px;
}
.ui-tooltip li {
list-style-type: none;
}
.tooltip .fa-info-circle {
color: #999;
font-size: 0.95em;
}

View File

@ -1,39 +0,0 @@
#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;
}
#file-list li {
list-style-type: none;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px dotted #ddd;
width: 95%;
}
#file-list li.file-error {
font-weight: bold;
color: #b94a48;
}

View File

@ -1,46 +0,0 @@
.views {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
font-size: 0.9em;
}
.views li {
background: #fafafa;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
display: inline;
}
.views a {
color: #555;
text-decoration: none;
}
.views a:hover {
color: #333;
text-decoration: underline;
}
.menu-inline li.active a,
.views li.active a {
font-weight: bold;
color: #000;
text-decoration: none;
}
.views li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.views li:last-child {
border-right: 1px solid #ddd;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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

View File

@ -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

48
assets/sass/_alert.sass Normal file
View File

@ -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

30
assets/sass/_avatar.sass Normal file
View File

@ -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

43
assets/sass/_base.sass Normal file
View File

@ -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

113
assets/sass/_board.sass Normal file
View File

@ -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

46
assets/sass/_button.sass Normal file
View File

@ -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

View File

@ -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

45
assets/sass/_comment.sass Normal file
View File

@ -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

View File

@ -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

View File

@ -0,0 +1,3 @@
#main .confirm
max-width: 700px
font-size: 1.1em

View File

@ -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

View File

@ -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

View File

@ -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

44
assets/sass/_files.sass Normal file
View File

@ -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

View File

@ -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

134
assets/sass/_form.sass Normal file
View File

@ -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

View File

@ -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

39
assets/sass/_header.sass Normal file
View File

@ -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

11
assets/sass/_links.sass Normal file
View File

@ -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

15
assets/sass/_listing.sass Normal file
View File

@ -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

12
assets/sass/_logo.sass Normal file
View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -0,0 +1,8 @@
.pagination
text-align: center
.pagination-next
margin-left: 5px
.pagination-previous
margin-right: 5px

22
assets/sass/_popover.sass Normal file
View File

@ -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

17
assets/sass/_project.sass Normal file
View File

@ -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

View File

@ -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

View File

@ -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

13
assets/sass/_reset.sass Normal file
View File

@ -0,0 +1,13 @@
li,
ul,
ol,
table,
tr,
td,
th,
p,
blockquote,
body
margin: 0
padding: 0
font-size: 100%

71
assets/sass/_sidebar.sass Normal file
View File

@ -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

View File

@ -0,0 +1,4 @@
.subtasks-table
font-size: 0.85em
td
vertical-align: middle

110
assets/sass/_table.sass Normal file
View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -0,0 +1,8 @@
.task-board-avatars
text-align: right
float: right
.task-board-change-assignee
&:hover
opacity: 0.6
cursor: pointer

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

11
assets/sass/_title.sass Normal file
View File

@ -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

52
assets/sass/_tooltip.sass Normal file
View File

@ -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

View File

@ -0,0 +1,6 @@
.user-mention-link
font-weight: bold
color: #000
text-decoration: none
&:hover
color: #555

99
assets/sass/app.sass Normal file
View File

@ -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

View File

@ -2,54 +2,9 @@ var gulp = require('gulp');
var concat = require('gulp-concat');
var bower = require('gulp-bower');
var uglify = require('gulp-uglify');
var cleanCSS = require('gulp-clean-css');
var sass = require('gulp-sass');
var src = {
css: [
'assets/css/src/base.css',
'assets/css/src/links.css',
'assets/css/src/title.css',
'assets/css/src/table.css',
'assets/css/src/form.css',
'assets/css/src/button.css',
'assets/css/src/alert.css',
'assets/css/src/tooltip.css',
'assets/css/src/header.css',
'assets/css/src/board.css',
'assets/css/src/task.css',
'assets/css/src/comment.css',
'assets/css/src/subtask.css',
'assets/css/src/tasklink.css',
'assets/css/src/markdown.css',
'assets/css/src/listing.css',
'assets/css/src/activity.css',
'assets/css/src/dashboard.css',
'assets/css/src/pagination.css',
'assets/css/src/popover.css',
'assets/css/src/confirm.css',
'assets/css/src/sidebar.css',
'assets/css/src/responsive.css',
'assets/css/src/dropdown.css',
'assets/css/src/upload.css',
'assets/css/src/filters.css',
'assets/css/src/gantt.css',
'assets/css/src/project.css',
'assets/css/src/files.css',
'assets/css/src/views.css',
'assets/css/src/accordion.css',
'assets/css/src/avatar.css'
],
print: [
'assets/css/src/print.css',
'assets/css/src/links.css',
'assets/css/src/table.css',
'assets/css/src/board.css',
'assets/css/src/task.css',
'assets/css/src/comment.css',
'assets/css/src/subtask.css',
'assets/css/src/tasklink.css',
'assets/css/src/markdown.css'
],
js: [
'assets/js/src/Namespace.js',
'assets/js/src/!(Namespace|Bootstrap|BoardDragAndDrop)*.js',
@ -139,17 +94,10 @@ gulp.task('js', function() {
});
gulp.task('css', function() {
gulp.src(src.css)
gulp.src('assets/sass/*.sass')
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(concat('app.min.css'))
.pipe(cleanCSS())
.pipe(gulp.dest(dist.css))
;
gulp.src(src.print)
.pipe(concat('print.min.css'))
.pipe(cleanCSS())
.pipe(gulp.dest(dist.css))
;
.pipe(gulp.dest(dist.css));
});
gulp.task('default', ['bower', 'vendor', 'js', 'css']);

View File

@ -4,9 +4,9 @@
"bower": "^1.7.9",
"gulp": "^3.9.1",
"gulp-bower": "0.0.13",
"gulp-clean-css": "^2.0.7",
"gulp-cli": "^1.2.1",
"gulp-concat": "^2.6.0",
"gulp-uglify": "^1.5.3"
"gulp-uglify": "^1.5.3",
"gulp-sass": "^2.3.2"
}
}