1 files changed, 174 insertions, 0 deletions
diff --git a/assets/css/src/table_list.css b/assets/css/src/table_list.css
new file mode 100644
index 00000000..ce6b0e64
--- /dev/null
+++ b/assets/css/src/table_list.css
@@ -0,0 +1,174 @@
+.table-list {
+    font-size: 0.85em;
+    margin-bottom: 20px
+}
+
+.table-list-header {
+    background: #fbfbfb;
+    border: 1px solid #e5e5e5;
+    border-radius: 5px 5px 0 0;
+    line-height: 28px;
+    padding-left: 3px;
+    padding-right: 3px
+}
+
+.table-list-header a {
+    color: #333;
+    font-weight: 500;
+    text-decoration: none;
+    margin-right: 10px
+}
+
+.table-list-header a:hover,
+.table-list-header a:focus {
+    color: #767676
+}
+
+.table-list-header .table-list-header-count {
+    color: #767676;
+    display: inline-block;
+    float: left;
+}
+
+.table-list-header .table-list-header-menu {
+    text-align: right
+}
+
+.table-list-row {
+    padding-left: 3px;
+    padding-right: 3px;
+    border-bottom: 1px solid #e5e5e5;
+    border-right: 1px solid #e5e5e5
+}
+
+.table-list-row.table-border-left {
+    border-left: 1px solid #e5e5e5
+}
+
+.table-list-row:nth-child(odd) {
+    background: #fefefe
+}
+
+.table-list-row:last-child {
+    border-radius: 0 0 5px 5px
+}
+
+.table-list-row:hover {
+    background: #fff8dc;
+    border-bottom: 1px solid #ffeb8e;
+    border-right: 1px solid #ffeb8e
+}
+
+.table-list-row .table-list-title {
+    font-weight: 500;
+    line-height: 23px
+}
+
+.table-list-row .table-list-title.status-closed {
+    text-decoration: line-through;
+    margin-right: 10px
+}
+
+.table-list-row .table-list-title.status-closed a {
+    font-style: italic
+}
+
+.table-list-row .table-list-title a {
+    color: #333;
+    text-decoration: none
+}
+
+.table-list-row .table-list-title a:hover,
+.table-list-row .table-list-title a:focus {
+    text-decoration: underline
+}
+
+.table-list-row .table-list-details {
+    color: #999;
+    font-weight: 300;
+    line-height: 20px
+}
+
+.table-list-row .table-list-details span {
+    margin-left: 5px
+}
+
+.table-list-row .table-list-details span:first-child {
+    margin-left: 0
+}
+
+.table-list-row .table-list-details li {
+    display: inline;
+    list-style-type: none
+}
+
+.table-list-row .table-list-details li:after {
+    content: ', '
+}
+
+.table-list-row .table-list-details li:last-child:after {
+    content: ''
+}
+
+.table-list-row .table-list-details strong {
+    font-weight: 400;
+    color: #555
+}
+
+.table-list-row .table-list-details-with-icons {
+    float: left
+}
+
+@media (max-width: 768px) {
+    .table-list-row .table-list-details-with-icons {
+        float: none
+    }
+}
+
+.table-list-row .table-list-icons {
+    font-size: 0.8em;
+    text-align: right;
+    line-height: 30px
+}
+
+@media (max-width: 768px) {
+    .table-list-row .table-list-icons {
+        text-align: left;
+        line-height: 20px
+    }
+}
+
+.table-list-row .table-list-icons span {
+    margin-left: 5px
+}
+
+.table-list-row .table-list-icons a {
+    text-decoration: none
+}
+
+.table-list-row .table-list-icons a:hover {
+    color: #333
+}
+
+.table-list-row .table-list-icons a:hover i {
+    color: #333
+}
+
+.table-list-category {
+    font-size: 0.9em;
+    font-weight: 500;
+    color: #000;
+    padding: 1px 2px 1px 2px;
+    border-radius: 3px;
+    background: #fcfcfc;
+    border: 1px solid #ccc
+}
+
+.table-list-category a {
+    text-decoration: none;
+    color: #000
+}
+
+.table-list-category a:hover {
+    color: #36c
+}