Convert vanilla CSS to SASS
This commit is contained in:
Frederic Guillot
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
/* confirmation box */
|
||||
#main .confirm {
|
||||
max-width: 700px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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);
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -1,12 +0,0 @@
|
||||
/* pagination */
|
||||
.pagination {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pagination-next {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.pagination-previous {
|
||||
margin-right: 5px;
|
||||
}
|
||||
@@ -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%;
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
header,
|
||||
.sidebar,
|
||||
#comments form,
|
||||
.page-header {
|
||||
display: none;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
/* subtasks */
|
||||
.subtasks-table {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.subtasks-table td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user