summaryrefslogtreecommitdiff
path: root/assets/css/src
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/src')
-rw-r--r--assets/css/src/base.css5
-rw-r--r--assets/css/src/board.css20
-rw-r--r--assets/css/src/dropdown.css35
-rw-r--r--assets/css/src/files.css56
-rw-r--r--assets/css/src/filters.css83
-rw-r--r--assets/css/src/form.css26
-rw-r--r--assets/css/src/header.css51
-rw-r--r--assets/css/src/listing.css2
-rw-r--r--assets/css/src/markdown.css10
-rw-r--r--assets/css/src/project.css42
-rw-r--r--assets/css/src/responsive.css25
-rw-r--r--assets/css/src/screenshot.css19
-rw-r--r--assets/css/src/sidebar.css112
-rw-r--r--assets/css/src/table.css38
-rw-r--r--assets/css/src/task.css151
-rw-r--r--assets/css/src/tooltip.css19
-rw-r--r--assets/css/src/upload.css39
-rw-r--r--assets/css/src/views.css34
18 files changed, 460 insertions, 307 deletions
diff --git a/assets/css/src/base.css b/assets/css/src/base.css
index 8b15ac16..7f5642e7 100644
--- a/assets/css/src/base.css
+++ b/assets/css/src/base.css
@@ -17,7 +17,7 @@ body {
body {
margin-left: 10px;
margin-right: 10px;
- padding-bottom: 20px;
+ padding-bottom: 10px;
color: #333;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
@@ -71,3 +71,6 @@ hr {
color: #000;
}
+.smaller {
+ font-size: 0.85em;
+}
diff --git a/assets/css/src/board.css b/assets/css/src/board.css
index c59ccdf0..586093b8 100644
--- a/assets/css/src/board.css
+++ b/assets/css/src/board.css
@@ -16,6 +16,7 @@
#board {
table-layout: fixed;
+ margin-bottom: 0;
}
#board th.board-column-header {
@@ -79,8 +80,8 @@ td.board-column-task-collapsed {
}
/* column header */
-.board-column-title {
- cursor: pointer;
+.board-column-title .dropdown-menu {
+ text-decoration: none;
}
.board-add-icon {
@@ -137,6 +138,8 @@ a.board-swimlane-toggle:focus {
.draggable-item {
cursor: pointer;
user-select: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
}
.draggable-placeholder {
@@ -154,3 +157,16 @@ div.draggable-item-selected {
float: left;
padding-right: 5px;
}
+
+/* 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;
+}
diff --git a/assets/css/src/dropdown.css b/assets/css/src/dropdown.css
index 30e5c22a..7d967b06 100644
--- a/assets/css/src/dropdown.css
+++ b/assets/css/src/dropdown.css
@@ -21,6 +21,7 @@ ul.dropdown-submenu-open {
box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}
+.textarea-dropdown li,
.dropdown-submenu-open li {
display: block;
margin: 0;
@@ -31,21 +32,32 @@ ul.dropdown-submenu-open {
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;
}
-.dropdown-submenu-open li:hover {
+.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;
@@ -58,3 +70,24 @@ ul.dropdown-submenu-open {
.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);
+}
diff --git a/assets/css/src/files.css b/assets/css/src/files.css
new file mode 100644
index 00000000..a81b387b
--- /dev/null
+++ b/assets/css/src/files.css
@@ -0,0 +1,56 @@
+.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;
+}
diff --git a/assets/css/src/filters.css b/assets/css/src/filters.css
index 8f889556..0e0a35e7 100644
--- a/assets/css/src/filters.css
+++ b/assets/css/src/filters.css
@@ -1,68 +1,57 @@
-.toolbar {
- font-size: 0.9em;
- padding-top: 5px;
+.project-header {
+ margin-top: 8px;
+ margin-bottom: 20px;
}
-.views {
+.filter-box {
display: inline-block;
- margin-right: 10px;
- font-size: 0.9em;
+ position: relative;
+ font-size: 0;
+ margin-bottom: 20px;
}
-.views li {
- border: 1px solid #eee;
- padding-left: 8px;
- padding-right: 8px;
- padding-top: 5px;
- padding-bottom: 5px;
- display: inline;
+.project-header .filter-box {
+ margin: 0;
}
-.menu-inline li.active a,
-.views li.active a {
- font-weight: bold;
- color: #000;
- text-decoration: none;
+.filter-box form {
+ margin: 0;
}
-.views li:first-child {
- border-right: none;
+.filter-box input[type="text"] {
+ margin: 0;
+ font-size: 16px;
+ height: 26px;
+ border-color: #dedede;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
+ vertical-align: top;
}
-.views li:last-child {
- border-left: none;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
+.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);
}
-.filters {
+.filter-box div.dropdown {
display: inline-block;
- border: 1px solid #eee;
- border-radius: 5px;
- padding: 5px;
- padding-right: 10px;
- margin-left: 8px;
-}
-
-.filters ul {
- font-size: 0.8em;
-}
-
-.page-header .filters ul {
- font-size: 0.9em;
-}
-
-form.search {
- display: inline;
+ font-size: 16px;
+ border: 1px solid #dedede;
+ border-left: none;
+ margin: 0;
+ padding: 0;
+ padding-left: 5px;
+ padding-right: 8px;
+ height: 27px;
}
-div.search {
- margin-bottom: 20px;
+.filter-box div.dropdown:last-child {
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
}
-.filter-dropdowns {
- font-size: 0.9em;
- display: inline-block;
+.filter-box div.dropdown a {
+ line-height: 27px;
}
diff --git a/assets/css/src/form.css b/assets/css/src/form.css
index 79bdf7bd..e42b345b 100644
--- a/assets/css/src/form.css
+++ b/assets/css/src/form.css
@@ -146,11 +146,6 @@ input.form-input-large {
width: 400px;
}
-.form-row {
- margin-top: 10px;
- margin-bottom: 20px;
-}
-
.form-column {
float: left;
margin-right: 3%;
@@ -161,6 +156,12 @@ input.form-input-large {
margin-top: 15px;
}
+.form-clear {
+ clear: both;
+ padding-top: 20px;
+ padding-bottom: 10px;
+}
+
.form-login {
width: 350px;
margin: 0 auto;
@@ -173,6 +174,12 @@ input.form-input-large {
line-height: 25px;
}
+.form-login h2 {
+ margin-bottom: 30px;
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
/* preview tabs */
label + .form-tabs {
margin-top: 10px;
@@ -221,3 +228,12 @@ ul.form-tabs-nav {
display: none;
overflow: auto;
}
+
+.reset-password {
+ margin-top: 20px;
+}
+
+.reset-password a {
+ font-size: 0.8em;
+ color: #999;
+}
diff --git a/assets/css/src/header.css b/assets/css/src/header.css
index 74b0ecec..f4903128 100644
--- a/assets/css/src/header.css
+++ b/assets/css/src/header.css
@@ -35,19 +35,9 @@ nav .active a {
font-weight: bold;
}
-/* username */
-.username a {
- color: #000;
-}
-
-.username a:hover {
- color: #DF5353;
- text-decoration: underline;
-}
-
/* logo */
-.logo {
- opacity: 0.3;
+.logo a {
+ opacity: 0.5;
color: #d40000;
}
@@ -55,15 +45,27 @@ nav .active a {
color: #333;
}
-.logo:hover {
+.logo a:hover {
opacity: 0.8;
+ color: #333;
}
-.logo:focus span,
-.logo:hover span {
+.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;
@@ -78,12 +80,13 @@ nav .active a {
}
.page-header h2 a {
- color: #ddd;
+ color: #333;
+ text-decoration: none;
}
.page-header h2 a:focus,
.page-header h2 a:hover {
- color: #333;
+ color: #aaa;
}
.page-header ul {
@@ -95,16 +98,26 @@ nav .active a {
.menu-inline li,
.page-header li {
display: inline;
- padding-right: 10px;
+ 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;
}
@media only screen and (max-width: 640px) {
-
.page-header-mobile li {
display: block;
margin-bottom: 5px;
diff --git a/assets/css/src/listing.css b/assets/css/src/listing.css
index c40c4821..e96197e4 100644
--- a/assets/css/src/listing.css
+++ b/assets/css/src/listing.css
@@ -5,7 +5,7 @@
margin-bottom: 20px;
border: 1px solid #ddd;
color: #333;
- background-color: #fefefe;
+ background-color: #fcfcfc;
overflow: auto;
}
diff --git a/assets/css/src/markdown.css b/assets/css/src/markdown.css
index 4e37bbca..8e0d482a 100644
--- a/assets/css/src/markdown.css
+++ b/assets/css/src/markdown.css
@@ -93,3 +93,13 @@
.documentation li {
line-height: 30px;
}
+
+.user-mention-link {
+ font-weight: bold;
+ color: #000;
+ text-decoration: none;
+}
+
+.user-mention-link:hover {
+ color: #555;
+}
diff --git a/assets/css/src/project.css b/assets/css/src/project.css
new file mode 100644
index 00000000..7a77067f
--- /dev/null
+++ b/assets/css/src/project.css
@@ -0,0 +1,42 @@
+.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;
+}
+
+.project-overview-column strong {
+ font-size: 1.3em;
+ color: #444;
+}
+
+.project-overview-column span {
+ font-size: 0.8em;
+ color: #777;
+}
diff --git a/assets/css/src/responsive.css b/assets/css/src/responsive.css
index bfefabcf..c94be166 100644
--- a/assets/css/src/responsive.css
+++ b/assets/css/src/responsive.css
@@ -1,21 +1,5 @@
-@media only screen and (max-width: 1080px) {
- div.filter-dropdowns .filters {
- margin-left: 0;
- }
-
- div.filter-dropdowns {
- display: block;
- margin-top: 5px;
- }
-}
-
@media only screen and (max-width: 1024px) {
- li.hide-tablet,
- .hide-tablet {
- display: none;
- }
-
body {
font-size: 0.85em;
}
@@ -37,15 +21,6 @@
max-width: 150px;
}
- .task-time-form label {
- display: block;
- }
-
- .task-time-form input[type="submit"] {
- margin-top: 10px;
- display: block;
- }
-
.page-header .form-input-large {
width: 300px;
}
diff --git a/assets/css/src/screenshot.css b/assets/css/src/screenshot.css
deleted file mode 100644
index 4d917200..00000000
--- a/assets/css/src/screenshot.css
+++ /dev/null
@@ -1,19 +0,0 @@
-#screenshot-zone {
- position: relative;
- border: 2px dashed #ccc;
- width: 90%;
- height: 250px;
- overflow: auto;
-}
-
-#screenshot-inner {
- position: absolute;
- left: 0;
- bottom: 48%;
- width: 100%;
- text-align: center;
-}
-
-#screenshot-zone.screenshot-pasted {
- border: 2px solid #333;
-} \ No newline at end of file
diff --git a/assets/css/src/sidebar.css b/assets/css/src/sidebar.css
index a9d56865..c8e6b779 100644
--- a/assets/css/src/sidebar.css
+++ b/assets/css/src/sidebar.css
@@ -1,90 +1,68 @@
-/* sidebar */
.sidebar-container {
margin-top: 10px;
- position: relative;
- clear: both;
+ 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 {
- margin-left: 23%;
- width: 76%;
- position: absolute;
+ padding-left: 10px;
+ -ms-flex: 1;
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -ms-box-flex: 1;
+ box-flex: 1;
}
.sidebar {
- width: 20%;
- float: left;
- 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;
+ 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 li.active a {
- color: #000;
- font-weight: bold;
+.sidebar a {
text-decoration: none;
}
-.sidebar li.active a:focus,
-.sidebar li.active a:hover {
- text-decoration: underline;
-}
-
-.sidebar-collapsed .sidebar {
- width: 10px;
- padding-bottom: 0;
- float: none;
+.sidebar li {
+ list-style-type: none;
+ line-height: 35px;
+ border-bottom: 1px dotted #efefef;
}
-.sidebar-collapsed .sidebar-content {
- margin: 0;
- margin-top: 15px;
- width: 100%;
+.sidebar li:hover {
+ border-left: 5px solid #555;
+ padding-left: 8px;
}
-.sidebar-collapse {
- text-align: right;
+.sidebar li.active {
+ border-left: 5px solid #333;
+ padding-left: 8px;
}
-.sidebar-collapse a,
-.sidebar-expand a {
+.sidebar li.active a {
color: #333;
- text-decoration: none;
-}
-
-.sidebar-collapse a:hover,
-.sidebar-expand a:hover {
- color: #DF5353;
-}
-
-@media only screen and (max-width: 1024px) {
- .sidebar {
- width: 25%;
- }
-
- .sidebar-content {
- margin-left: 30%;
- width: 70%;
- }
+ font-weight: bold;
}
-@media only screen and (max-width: 767px) {
- .sidebar {
- width: 95%;
- float: none;
- }
-
- .sidebar-content {
- margin: 0;
- margin-top: 15px;
- width: 100%;
- }
+.sidebar li.active a:focus,
+.sidebar li.active a:hover {
+ color: #555;
}
diff --git a/assets/css/src/table.css b/assets/css/src/table.css
index 51d6ecde..49569381 100644
--- a/assets/css/src/table.css
+++ b/assets/css/src/table.css
@@ -62,7 +62,7 @@ th a:hover {
text-overflow: ellipsis;
}
-.table-stripped tr:nth-child(odd) td {
+.table-stripped tr:nth-child(odd) {
background: #fefefe;
}
@@ -124,4 +124,38 @@ th a:hover {
.column-70 {
width: 70%;
-} \ No newline at end of file
+}
+
+.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;
+}
+
diff --git a/assets/css/src/task.css b/assets/css/src/task.css
index 7bfb63e2..ed0486e8 100644
--- a/assets/css/src/task.css
+++ b/assets/css/src/task.css
@@ -9,7 +9,7 @@
}
div.task-board-recent {
- box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
+ border-width: 2px;
}
div.task-board-status-closed {
@@ -118,21 +118,11 @@ span.task-board-date-overdue {
}
/* task score */
-.task-score {
- font-weight: bold;
-}
-
.task-board .task-score {
+ font-weight: bold;
font-size: 1.1em;
}
-.task-show-details .task-score {
- position: absolute;
- bottom: 5px;
- right: 5px;
- font-size: 2em;
-}
-
/* task age */
.task-board-closed,
.task-board-days {
@@ -167,57 +157,41 @@ span.task-board-date-overdue {
display: none;
}
-/* 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 summary */
+#task-summary {
+ margin-bottom: 15px;
}
-.task-show-section {
- margin-top: 30px;
- margin-bottom: 20px;
+#task-summary h2 {
+ color: #666;
+ font-size: 2.5em;
+ margin-top: 0;
+ padding-top: 0;
}
-.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-summary-container {
+ border: 2px solid #000;
+ border-radius: 8px;
+ padding: 15px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
}
-.task-show-file-actions {
- font-size: 0.75em;
-}
-
-.task-show-file-actions:before {
- content: " [";
+.task-summary-column {
+ font-size: 0.9em;
+ color: #666;
}
-.task-show-file-actions:after {
- content: "]";
+.task-summary-column span {
+ color: #555;
}
-.task-show-file-actions a {
- color: #333;
+.task-summary-column li {
+ line-height: 23px;
}
.task-show-description {
@@ -231,75 +205,10 @@ span.task-board-date-overdue {
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;
-}
-
.task-link-closed {
text-decoration: line-through;
}
-.task-show-images {
- list-style-type: none;
-}
-
-.task-show-images li img {
- width: 100%;
-}
-
-.task-show-images li .img_container {
- width: 250px;
- height: 100px;
- overflow: hidden;
-}
-
-.task-show-images li {
- padding: 10px;
- overflow: auto;
- width: 250px;
- min-height: 120px;
- display: inline-block;
- vertical-align: top;
-}
-
-.task-show-images li p{
- padding: 5px;
- font-weight: bold;
-}
-
-.task-show-images li:hover {
- background: #eee;
-}
-
-.task-show-image-actions {
- margin-left: 5px;
-}
-
-.task-show-file-table {
- width: auto;
-}
-
-.task-show-start-link {
- color: #000;
-}
-
-.task-show-start-link:hover,
-.task-show-start-link:focus {
- color: red;
-}
-
.flag-milestone {
color: green;
}
@@ -329,3 +238,9 @@ div.color-square-selected {
height: 28px;
box-shadow: 3px 2px 10px 0 rgba(180,180,180,0.9);
}
+
+/* Assign to me */
+.assign-me {
+ font-size: 0.8em;
+ vertical-align: bottom;
+}
diff --git a/assets/css/src/tooltip.css b/assets/css/src/tooltip.css
index f74ac09a..84d709c9 100644
--- a/assets/css/src/tooltip.css
+++ b/assets/css/src/tooltip.css
@@ -76,3 +76,22 @@ div.ui-tooltip {
.ui-tooltip ul {
margin-left: 20px;
}
+
+.ui-tooltip dl {
+ margin: -5px 0 0 0;
+ padding: 0;
+}
+
+.ui-tooltip dt {
+ margin-top: 5px;
+}
+
+.ui-tooltip dd {
+ margin-left: 0;
+}
+
+.ui-tooltip .progress {
+ display: inline-block;
+ min-width: 3em;
+ text-align: right;
+} \ No newline at end of file
diff --git a/assets/css/src/upload.css b/assets/css/src/upload.css
new file mode 100644
index 00000000..aa46bc7a
--- /dev/null
+++ b/assets/css/src/upload.css
@@ -0,0 +1,39 @@
+#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;
+}
diff --git a/assets/css/src/views.css b/assets/css/src/views.css
new file mode 100644
index 00000000..191b30c6
--- /dev/null
+++ b/assets/css/src/views.css
@@ -0,0 +1,34 @@
+.views {
+ display: inline-block;
+ margin-left: 10px;
+ margin-right: 10px;
+ font-size: 0.9em;
+}
+
+.views li {
+ border: 1px solid #eee;
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ display: inline;
+}
+
+.menu-inline li.active a,
+.views li.active a {
+ font-weight: bold;
+ color: #000;
+ text-decoration: none;
+}
+
+.views li:first-child {
+ border-right: none;
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px;
+}
+
+.views li:last-child {
+ border-left: none;
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
+}