Convert vanilla CSS to SASS

This commit is contained in:
Frederic Guillot
2016-08-06 22:19:36 -04:00
parent 411a66c8cb
commit 1dc947eac4
90 changed files with 1648 additions and 2364 deletions

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