Move assets to seperate subfolders

23 files changed, 1375 insertions, 0 deletions

diff --git a/assets/css/src/activity.css b/assets/css/src/activity.css
new file mode 100644
index 00000000..2d44aa5d
--- /dev/null
+++ b/assets/css/src/activity.css
@@ -0,0 +1,42 @@
+/* activity */
+.activity-event {
+    margin-bottom: 20px;
+}
+
+.activity-datetime {
+    color: #999;
+    font-size: 0.85em;
+}
+
+.activity-content {
+    margin-top: 10px;
+    margin-left: 20px;
+    padding-left: 20px;
+    border-left: 2px solid #666;
+}
+
+.activity-title {
+    font-weight: bold;
+    color: #000;
+}
+
+.activity-description {
+    font-size: 0.9em;
+    color: #aaa;
+    padding-top: 5px;
+}
+
+.activity-description ul {
+    margin-top: 10px;
+}
+
+.activity-description li {
+    margin-left: 40px;
+    list-style-type: circle;
+    color: #555;
+}
+
+.activity-description .markdown {
+    margin-top: 10px;
+    color: #555;
+}
\ No newline at end of file
diff --git a/assets/css/src/alert.css b/assets/css/src/alert.css
new file mode 100644
index 00000000..99dc417c
--- /dev/null
+++ b/assets/css/src/alert.css
@@ -0,0 +1,80 @@
+/* alerts */
+.alert {
+    padding: 8px 35px 8px 14px;
+    margin-bottom: 20px;
+    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;
+}
+
+/* fade out animation */
+.alert-fade-out {
+    animation: fadeOut 1s forwards;
+    -webkit-animation: fadeOut 1s forwards;
+    animation-delay: 7s;
+    -webkit-animation-delay: 7s;
+    cursor: pointer;
+}
+
+@-webkit-keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+        margin: 0;
+        padding: 0;
+        height: 0;
+    }
+}
+
+@keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+        margin: 0;
+        padding: 0;
+        height: 0;
+    }
+}
+
+#main .alert,
+.page .alert {
+    margin-top: 10px;
+}
diff --git a/assets/css/src/base.css b/assets/css/src/base.css
new file mode 100644
index 00000000..a8c7d73e
--- /dev/null
+++ b/assets/css/src/base.css
@@ -0,0 +1,43 @@
+/* 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: 20px;
+    color: #333;
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+    -webkit-text-size-adjust: 100%;
+}
+
+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);
+}
diff --git a/assets/css/src/board.css b/assets/css/src/board.css
new file mode 100644
index 00000000..37dba974
--- /dev/null
+++ b/assets/css/src/board.css
@@ -0,0 +1,68 @@
+/* board filters */
+a.filter-on {
+    font-weight: bold;
+    color: #333;
+}
+
+/* public board */
+.public-board {
+    margin-top: 5px;
+}
+
+.public-task {
+    max-width: 700px;
+    margin: 0 auto;
+    margin-top: 5px;
+}
+
+/* board table */
+#board {
+    table-layout: fixed;
+}
+
+#board th a {
+    text-decoration: none;
+    color: #3366CC;
+    font-size: 150%;
+}
+
+#board td {
+    vertical-align: top;
+}
+
+#board td.task-limit-warning {
+    background-color: #DF5353;
+}
+
+.board-add-icon {
+    float: left;
+    padding: 0 5px;
+}
+
+.board-add-icon a {
+    line-height: 70%;
+}
+
+.task-count {
+    color: #999;
+    font-weight: normal;
+}
+
+/* drag and drop */
+.draggable-item {
+    cursor: pointer;
+    user-select: none;
+}
+
+.draggable-placeholder {
+    border: 2px dashed #000;
+    background: #fafafa;
+    height: 70px;
+    margin-bottom: 10px;
+}
+
+/* swimlanes */
+th.board-swimlane-title {
+    vertical-align: top;
+    text-align: right;
+}
\ No newline at end of file
diff --git a/assets/css/src/button.css b/assets/css/src/button.css
new file mode 100644
index 00000000..07d5191d
--- /dev/null
+++ b/assets/css/src/button.css
@@ -0,0 +1,54 @@
+/* buttons */
+.btn {
+    -webkit-appearance: none;
+    appearance: none;
+    display: inline-block;
+    color: #333;
+    border: 1px solid #ccc;
+    background: #efefef;
+    padding: 5px;
+    padding-left: 15px;
+    padding-right: 15px;
+    font-size: 0.9em;
+    cursor: pointer;
+    border-radius: 2px;
+}
+
+a.btn {
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.btn-small {
+    padding: 2px;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.btn-red {
+    border-color: #b0281a;;
+    background: #d14836;
+    color: #fff;
+}
+
+a.btn-red:hover,
+.btn-red:hover,
+.btn-red:focus {
+    color: #fff;
+    background: #c53727;
+}
+
+a.btn-blue,
+.btn-blue {
+    border-color: #3079ed;
+    background: #4d90fe;
+    color: #fff;
+}
+
+a.btn-blue:hover,
+.btn-blue:hover,
+a.btn-blue:focus,
+.btn-blue:focus {
+    border-color: #2f5bb7;
+    background: #357ae8;
+}
\ No newline at end of file
diff --git a/assets/css/src/comment.css b/assets/css/src/comment.css
new file mode 100644
index 00000000..5e5f0a03
--- /dev/null
+++ b/assets/css/src/comment.css
@@ -0,0 +1,75 @@
+/* comments */
+.comment {
+    margin-bottom: 20px;
+}
+
+.comment:hover {
+    background: #F7F8E0;
+}
+
+.comment-inner {
+    border-left: 4px solid #333;
+    padding-bottom: 10px;
+    padding-left: 20px;
+    margin-left: 20px;
+    margin-right: 10px;
+}
+
+.comment-preview {
+    border: 2px solid #000;
+    border-radius: 3px;
+    padding: 10px;
+}
+
+.comment-preview .comment-inner {
+    border: none;
+    padding: 0;
+    margin: 0;
+}
+
+.comment-title {
+    margin-bottom: 8px;
+    padding-bottom: 3px;
+    border-bottom: 1px dotted #aaa;
+}
+
+.ui-tooltip .comment-title {
+    font-size: 80%;
+}
+
+.ui-tooltip .comment-inner {
+    padding-bottom: 0;
+}
+
+.comment-actions {
+    font-size: 0.8em;
+    padding: 0;
+    text-align: right;
+}
+
+.comment-actions li {
+    display: inline;
+    padding-left: 5px;
+    padding-right: 5px;
+    border-right: 1px dotted #000;
+}
+
+.comment-actions li:last-child {
+    padding-right: 0;
+    border: 0;
+}
+
+.comment-username {
+    font-weight: bold;
+}
+
+.comment-textarea {
+    height: 200px;
+    width: 80%;
+    max-width: 800px;
+}
+
+#comments .comment-textarea {
+    height: 80px;
+    width: 500px;
+}
\ No newline at end of file
diff --git a/assets/css/src/confirm.css b/assets/css/src/confirm.css
new file mode 100644
index 00000000..78f3f1ec
--- /dev/null
+++ b/assets/css/src/confirm.css
@@ -0,0 +1,5 @@
+/* confirmation box */
+.confirm {
+    max-width: 700px;
+    font-size: 1.1em;
+}
\ No newline at end of file
diff --git a/assets/css/src/dashboard.css b/assets/css/src/dashboard.css
new file mode 100644
index 00000000..aed805d8
--- /dev/null
+++ b/assets/css/src/dashboard.css
@@ -0,0 +1,40 @@
+/* dashboard */
+
+@media only screen and (min-width: 1280px) {
+
+    #dashboard table {
+        font-size: 0.9em;
+    }
+
+    .dashboard-left-column {
+        width: 55%;
+        float: left;
+    }
+
+    .dashboard-right-column {
+        margin-left: 5%;
+        width: 40%;
+        float: left;
+    }
+}
+
+.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;
+}
diff --git a/assets/css/src/form.css b/assets/css/src/form.css
new file mode 100644
index 00000000..b6cb891e
--- /dev/null
+++ b/assets/css/src/form.css
@@ -0,0 +1,220 @@
+/* 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: 1.0em;
+    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: 1.0em;
+    font-family: sans-serif;
+}
+
+select {
+    max-width: 95%;
+}
+
+::-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 {
+    clear: both;
+    margin-top: 20px;
+}
+
+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-date {
+    width: 150px;
+}
+
+input.form-input-large {
+    width: 400px;
+}
+
+.form-row {
+    margin-top: 10px;
+    margin-bottom: 20px;
+}
+
+.form-column {
+    float: left;
+    padding-right: 50px;
+}
+
+.form-column:first-child {
+    padding-left: 0;
+}
+
+.form-column ul {
+    margin-top: 15px;
+}
+
+.form-login {
+    width: 350px;
+    margin: 0 auto;
+    margin-top: 8%;
+}
+
+.form-column li,
+.form-login li {
+    margin-left: 25px;
+    line-height: 25px;
+}
+
+.form-checkbox-group label {
+    display: inline;
+}
+
+/* preview tabs */
+.form-tabs {
+    width: 100%;
+    max-width: 800px;
+}
+
+.form-tabs-nav {
+    margin-bottom: 8px;
+}
+
+.form-tabs-nav li {
+    margin-left: 0;
+    display: inline;
+}
+
+.form-tab {
+    margin-right: 20px;
+}
+
+.form-tab a {
+    color: #ccc;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.form-tab a:focus,
+.form-tab a:hover {
+    color: #000;
+}
+
+.form-tab-selected a {
+    color: #333;
+}
+
+.preview-area {
+    border: 1px dashed #000;
+    padding-top: 5px;
+    padding-left: 5px;
+    padding-right: 5px;
+    margin-bottom: 5px;
+    display: none;
+    overflow: auto;
+}
diff --git a/assets/css/src/header.css b/assets/css/src/header.css
new file mode 100644
index 00000000..218d4949
--- /dev/null
+++ b/assets/css/src/header.css
@@ -0,0 +1,86 @@
+/* header */
+header {
+    margin-top: 10px;
+    padding-bottom: 15px;
+    clear: both;
+    border-bottom: 1px solid #dedede;
+}
+
+header h1 {
+    margin: 0;
+    padding: 0;
+    float: left;
+}
+
+header ul {
+    text-align: right;
+    font-size: 0.9em;
+}
+
+header li {
+    display: inline;
+    padding-left: 30px;
+}
+
+header a {
+    color: #777;
+    text-decoration: none;
+}
+
+nav .active a {
+    color: #333;
+    font-weight: bold;
+}
+
+/* username */
+.username a {
+    color: #000;
+}
+
+.username a:hover {
+    color: #DF5353;
+    text-decoration: underline;
+}
+
+/* home icon */
+.home-link {
+    color: #eee;
+}
+
+.home-link:focus,
+.home-link:hover {
+    color: #ccc;
+}
+
+/* page header */
+.page-header {
+    margin-bottom: 25px;
+}
+
+.page-header h2 {
+    margin: 0;
+    padding: 0;
+    font-size: 1.4em;
+    font-weight: bold;
+    border-bottom: 1px dotted #ccc;
+}
+
+.page-header h2 a {
+    color: #ddd;
+}
+
+.page-header h2 a:focus,
+.page-header h2 a:hover {
+    color: #333;
+}
+
+.page-header ul {
+    text-align: left;
+    margin-top: 5px;
+}
+
+.page-header li {
+    display: inline;
+    padding-right: 10px;
+    font-size: 0.9em;
+}
diff --git a/assets/css/src/links.css b/assets/css/src/links.css
new file mode 100644
index 00000000..f9d0c056
--- /dev/null
+++ b/assets/css/src/links.css
@@ -0,0 +1,17 @@
+/* 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;
+}
\ No newline at end of file
diff --git a/assets/css/src/listing.css b/assets/css/src/listing.css
new file mode 100644
index 00000000..c40c4821
--- /dev/null
+++ b/assets/css/src/listing.css
@@ -0,0 +1,21 @@
+/* listing block */
+.listing {
+    border-radius: 4px;
+    padding: 8px 35px 8px 14px;
+    margin-bottom: 20px;
+    border: 1px solid #ddd;
+    color: #333;
+    background-color: #fefefe;
+    overflow: auto;
+}
+
+.listing li {
+    list-style-type: square;
+    margin-left: 20px;
+    margin-bottom: 3px;
+}
+
+.listing ul {
+    margin-top: 15px;
+    margin-bottom: 15px;
+}
\ No newline at end of file
diff --git a/assets/css/src/markdown.css b/assets/css/src/markdown.css
new file mode 100644
index 00000000..d56812dd
--- /dev/null
+++ b/assets/css/src/markdown.css
@@ -0,0 +1,57 @@
+/* markdown content */
+.markdown {
+    line-height: 1.4em;
+    font-size: 1.0em;
+}
+
+.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: #fdfdfd;
+    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;
+}
diff --git a/assets/css/src/pagination.css b/assets/css/src/pagination.css
new file mode 100644
index 00000000..6809bc22
--- /dev/null
+++ b/assets/css/src/pagination.css
@@ -0,0 +1,17 @@
+/* datepicker */
+#ui-datepicker-div {
+    font-size: 0.8em;
+}
+
+/* pagination */
+.pagination {
+    text-align: center;
+}
+
+.pagination-next {
+    margin-left: 5px;
+}
+
+.pagination-previous {
+    margin-right: 5px;
+}
\ No newline at end of file
diff --git a/assets/css/src/popover.css b/assets/css/src/popover.css
new file mode 100644
index 00000000..30ef0943
--- /dev/null
+++ b/assets/css/src/popover.css
@@ -0,0 +1,22 @@
+/* popover */
+#popover-container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    overflow: auto;
+}
+
+#popover-content {
+    position: absolute;
+    width: 70%;
+    margin: 0 0 0 -35%;
+    left: 50%;
+    top: 5%;
+    padding: 15px;
+    background: #fff;
+    overflow: scroll;
+    max-height: 83%;
+}
diff --git a/assets/css/src/project.css b/assets/css/src/project.css
new file mode 100644
index 00000000..60d7611a
--- /dev/null
+++ b/assets/css/src/project.css
@@ -0,0 +1,29 @@
+/* project view */
+.project-listing {
+    max-width: 500px;
+    margin-left: 30px;
+}
+
+.project-listing li {
+    font-weight: bold;
+    padding: 10px;
+    margin-top: 8px;
+    display: block;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+
+.project-listing li:hover {
+    border-color: #ccc;
+    background: #fcfcfc;
+    box-shadow: 0 0 8px rgba(200, 200, 200, 0.6);
+}
+
+.project-listing a {
+    text-decoration: none;
+}
+
+.project-listing a:hover,
+.project-listing a:focus {
+    color: #000;
+}
\ No newline at end of file
diff --git a/assets/css/src/responsive.css b/assets/css/src/responsive.css
new file mode 100644
index 00000000..f319c341
--- /dev/null
+++ b/assets/css/src/responsive.css
@@ -0,0 +1,73 @@
+/* responsive design */
+@media only screen and (max-width: 1024px) {
+
+    li.hide-tablet,
+    .hide-tablet {
+        display: none;
+    }
+
+    body {
+        font-size: 0.85em;
+    }
+
+    .sidebar-content {
+        margin-left: 255px;
+    }
+
+    .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;
+    }
+
+    .task-time-form label {
+        display: block;
+    }
+
+    .task-time-form input[type="submit"] {
+        margin-top: 10px;
+        display: block;
+    }
+}
+
+@media only screen and (max-width: 1024px) and (orientation: landscape) {
+
+    body {
+        font-size: 0.7em;
+    }
+
+    header {
+        padding-bottom: 4px;
+    }
+
+    .sidebar {
+        max-width: 220px;
+    }
+
+    .sidebar-content {
+        margin-left: 225px;
+    }
+
+    div.chosen-container {
+        font-size: 0.9em;
+    }
+
+    input[type="number"],
+    input[type="date"],
+    input[type="email"],
+    input[type="password"],
+    input[type="text"] {
+        height: 18px;
+    }
+}
diff --git a/assets/css/src/sidebar.css b/assets/css/src/sidebar.css
new file mode 100644
index 00000000..73a99008
--- /dev/null
+++ b/assets/css/src/sidebar.css
@@ -0,0 +1,28 @@
+/* sidebar */
+.sidebar-container {
+    margin-top: 30px;
+    position: relative;
+}
+
+.sidebar-content {
+    margin-left: 280px;
+}
+
+.sidebar {
+    position: absolute;
+    left: 0px;
+    top: 0;
+    max-width: 250px;
+    min-width: 200px;
+    padding: 10px;
+    padding-top: 0;
+    border: 1px solid #ddd;
+    background: #fdfdfd;
+    border-radius: 5px;
+}
+
+.sidebar li {
+    list-style-type: square;
+    margin-left: 30px;
+    line-height: 1.8em;
+}
\ No newline at end of file
diff --git a/assets/css/src/subtask.css b/assets/css/src/subtask.css
new file mode 100644
index 00000000..44194d86
--- /dev/null
+++ b/assets/css/src/subtask.css
@@ -0,0 +1,8 @@
+/* subtasks */
+.subtasks-table {
+    font-size: 0.85em;
+}
+
+.subtasks-table td {
+    vertical-align: middle;
+}
\ No newline at end of file
diff --git a/assets/css/src/table.css b/assets/css/src/table.css
new file mode 100644
index 00000000..9bc0c712
--- /dev/null
+++ b/assets/css/src/table.css
@@ -0,0 +1,103 @@
+/* tables */
+table {
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    margin-bottom: 20px;
+    font-size: 0.95em;
+}
+
+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;
+}
+
+.column-5 {
+    width: 5%;
+}
+
+.column-8 {
+    width: 7.5%;
+}
+
+.column-10 {
+    width: 10%;
+}
+
+.column-15 {
+    width: 15%;
+}
+
+.column-20 {
+    width: 20%;
+}
+
+.column-30 {
+    width: 30%;
+}
+
+.column-35 {
+    width: 35%;
+}
+
+.column-40 {
+    width: 40%;
+}
+
+.column-50 {
+    width: 50%;
+}
+
+.column-60 {
+    width: 60%;
+}
+
+.column-70 {
+    width: 70%;
+}
\ No newline at end of file
diff --git a/assets/css/src/task.css b/assets/css/src/task.css
new file mode 100644
index 00000000..dda77e92
--- /dev/null
+++ b/assets/css/src/task.css
@@ -0,0 +1,207 @@
+/* task inside the board */
+.task-board {
+    position: relative;
+    margin-right: 5px;
+    margin-bottom: 10px;
+    border: 1px solid #000;
+    padding: 5px;
+    font-size: 95%;
+    word-wrap: break-word;
+}
+
+div.task-board-recent {
+    border: 1px solid #666;
+}
+
+.task-table a,
+.task-board a {
+    color: #000;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.task-table a:focus,
+.task-table a:hover,
+.task-board a:focus,
+.task-board a:hover {
+    text-decoration: underline;
+}
+
+.task-board-title {
+    margin-top: 10px;
+    font-size: 110%;
+}
+
+.task-board-title a {
+    font-weight: normal;
+}
+
+.task-board-user {
+    font-size: 80%;
+}
+
+.task-board-current-user a {
+    text-decoration: underline;
+}
+
+.task-board-current-user a:focus,
+.task-board-current-user a:hover {
+    text-decoration: none;
+}
+
+a.task-board-nobody {
+    font-weight: normal;
+    font-style: italic;
+    color: #444;
+}
+
+.task-board-category-container {
+    text-align: right;
+    padding-bottom: 2px;
+    margin-top: 10px;
+}
+
+.task-board-category {
+    font-weight: bold;
+    font-size: 0.8em;
+    color: #000;
+    border: 1px solid #555;
+    border-radius: 4px;
+    padding: 2px;
+    padding-right: 5px;
+    padding-left: 5px;
+}
+
+.task-board-footer {
+    height: 18px;
+}
+
+.task-board-date {
+    position: absolute;
+    bottom: 0;
+    left: 5px;
+    font-weight: bold;
+    color: #000;
+}
+
+.task-board-date-overdue {
+    color: #D90000;
+}
+
+.task-board-icons {
+    position: absolute;
+    bottom: 0;
+    right: 5px;
+}
+
+.task-board-icons a {
+    opacity: 0.5;
+}
+
+.task-board-icons span {
+    opacity: 0.5;
+    margin-left: 5px;
+}
+
+.task-board-icons a:hover,
+.task-board-icons span:hover {
+    opacity: 1.0;
+}
+
+/* task score */
+.task-score {
+    font-weight: bold;
+    position: absolute;
+}
+
+.task-board .task-score {
+    font-size: 1.5em;
+    right: 5px;
+    top: 0;
+}
+
+/* task view */
+.task-show-details {
+    position: relative;
+    border-radius: 5px;
+    padding-bottom: 10px;
+}
+
+.task-show-details h2 {
+    font-size: 1.8em;
+    margin: 0;
+    margin-bottom: 25px;
+    padding: 0;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+.task-show-details li {
+    margin-left: 25px;
+    list-style-type: circle;
+}
+
+.task-show-details .task-score {
+    font-size: 1.9em;
+    right: 10px;
+    bottom: 5px;
+}
+
+.task-show-section {
+    margin-top: 30px;
+    margin-bottom: 20px;
+}
+
+.task-show-files a {
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.task-show-files li {
+    margin-left: 25px;
+    list-style-type: square;
+    line-height: 25px;
+}
+
+.task-show-file-actions {
+    font-size: 0.75em;
+}
+
+.task-show-file-actions:before {
+    content: " [";
+}
+
+.task-show-file-actions:after {
+    content: "]";
+}
+
+.task-show-file-actions a {
+    color: #333;
+}
+
+.task-show-description {
+    border-left: 4px solid #333;
+    padding-left: 20px;
+}
+
+.description-textarea {
+    width: 99%;
+    max-width: 99%;
+    height: 300px;
+}
+
+.task-file-viewer {
+    position: relative;
+}
+
+.task-file-viewer img {
+    max-width: 95%;
+    max-height: 85%;
+    margin-top: 10px;
+}
+
+.task-time-form {
+    margin-top: 10px;
+    margin-bottom: 25px;
+    padding: 3px;
+}
diff --git a/assets/css/src/title.css b/assets/css/src/title.css
new file mode 100644
index 00000000..980d78ee
--- /dev/null
+++ b/assets/css/src/title.css
@@ -0,0 +1,15 @@
+/* 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;
+}
\ No newline at end of file
diff --git a/assets/css/src/tooltip.css b/assets/css/src/tooltip.css
new file mode 100644
index 00000000..625b7532
--- /dev/null
+++ b/assets/css/src/tooltip.css
@@ -0,0 +1,65 @@
+/* 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.95em;
+}
+
+.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: 550px;
+}
\ No newline at end of file