bootstrap_sb_admin_base_v2 0.1.0

data/vendor/assets/stylesheets/bootstrap/dataTables.bootstrap.scss

@@ -0,0 +1,324 @@
+div {
+  &.dataTables_length {
+    label {
+      font-weight: normal;
+      text-align: left;
+      white-space: nowrap;
+    }
+    select {
+      width: 75px;
+      display: inline-block;
+    }
+  }
+  &.dataTables_filter {
+    text-align: right;
+    label {
+      font-weight: normal;
+      white-space: nowrap;
+      text-align: left;
+    }
+    input {
+      margin-left: 0.5em;
+      display: inline-block;
+    }
+  }
+  &.dataTables_info {
+    padding-top: 8px;
+    white-space: nowrap;
+  }
+  &.dataTables_paginate {
+    margin: 0;
+    white-space: nowrap;
+    text-align: right;
+    ul.pagination {
+      margin: 2px 0;
+      white-space: nowrap;
+    }
+  }
+}
+@media screen and (max-width: 767px) {
+  div {
+    &.dataTables_length,
+    &.dataTables_filter,
+    &.dataTables_info,
+    &.dataTables_paginate {
+      text-align: center;
+    }
+  }
+}
+table.dataTable {
+  td,
+  th {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+  clear: both;
+  margin-top: 6px !important;
+  margin-bottom: 6px !important;
+  max-width: none !important;
+  thead {
+    .sorting,
+    .sorting_asc,
+    .sorting_desc,
+    .sorting_asc_disabled,
+    .sorting_desc_disabled {
+      cursor: pointer;
+    }
+    .sorting {
+      background: url("../images/sort_both.png") no-repeat center right;
+    }
+    .sorting_asc {
+      background: url("../images/sort_asc.png") no-repeat center right;
+    }
+    .sorting_desc {
+      background: url("../images/sort_desc.png") no-repeat center right;
+    }
+    .sorting_asc_disabled {
+      background: url("../images/sort_asc_disabled.png") no-repeat center right;
+    }
+    .sorting_desc_disabled {
+      background: url("../images/sort_desc_disabled.png") no-repeat center right;
+    }
+    > tr > th {
+      padding-left: 18px;
+      padding-right: 18px;
+    }
+  }
+  th:active {
+    outline: none;
+  }
+}
+
+/* Scrolling */
+div {
+  &.dataTables_scrollHead table {
+    margin-bottom: 0 !important;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    thead tr:last-child {
+      th:first-child,
+      td:first-child {
+        border-bottom-left-radius: 0 !important;
+        border-bottom-right-radius: 0 !important;
+      }
+    }
+  }
+  &.dataTables_scrollBody {
+    table {
+      border-top: none;
+      margin-top: 0 !important;
+      margin-bottom: 0 !important;
+    }
+    tbody tr:first-child {
+      th,
+      td {
+        border-top: none;
+      }
+    }
+  }
+  &.dataTables_scrollFoot table {
+    margin-top: 0 !important;
+    border-top: none;
+  }
+}
+
+/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
+   width calculations when using scrolling impossible to align columns. We have
+   to use separate
+ */
+table.table-bordered {
+  &.dataTable {
+    border-collapse: separate !important;
+  }
+  thead {
+    th,
+    td {
+      border-left-width: 0;
+      border-top-width: 0;
+    }
+  }
+  tbody {
+    th,
+    td {
+      border-left-width: 0;
+      border-bottom-width: 0;
+    }
+  }
+  th:last-child,
+  td:last-child {
+    border-right-width: 0;
+  }
+}
+div.dataTables_scrollHead table.table-bordered {
+  border-bottom-width: 0;
+}
+
+/*
+ * TableTools styles
+ */
+.table.dataTable tbody tr.active {
+  td,
+  th {
+    background-color: #08c;
+    color: white;
+  }
+  &:hover {
+    td,
+    th {
+      background-color: #0075b0 !important;
+    }
+  }
+  th > a,
+  td > a {
+    color: white;
+  }
+}
+.table-striped.dataTable tbody tr.active:nth-child(odd) {
+  td,
+  th {
+    background-color: #017ebc;
+  }
+}
+table.DTTT_selectable tbody tr {
+  cursor: pointer;
+}
+div.DTTT .btn:hover {
+  text-decoration: none !important;
+}
+ul.DTTT_dropdown.dropdown-menu {
+  z-index: 2003;
+  a {
+    color: #333 !important;
+    /* needed only when demo_page.css is included */
+  }
+  li {
+    position: relative;
+    &:hover a {
+      background-color: #08c;
+      color: white !important;
+    }
+  }
+}
+div {
+  &.DTTT_collection_background {
+    z-index: 2002;
+  }
+  &.DTTT_print_info {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 400px;
+    height: 150px;
+    margin-left: -200px;
+    margin-top: -75px;
+    text-align: center;
+    color: #333;
+    padding: 10px 30px;
+    opacity: 0.95;
+    background-color: white;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    border-radius: 6px;
+    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
+    h6 {
+      font-weight: normal;
+      font-size: 28px;
+      line-height: 28px;
+      margin: 1em;
+    }
+    p {
+      font-size: 14px;
+      line-height: 20px;
+    }
+  }
+  &.dataTables_processing {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 60px;
+    margin-left: -50%;
+    margin-top: -25px;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    text-align: center;
+    font-size: 1.2em;
+    background-color: white;
+    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
+    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
+  }
+  &.DTFC_LeftHeadWrapper table,
+  &.DTFC_LeftFootWrapper table,
+  &.DTFC_RightHeadWrapper table,
+  &.DTFC_RightFootWrapper table {
+    background-color: white;
+    margin-bottom: 0;
+  }
+}
+
+/* TableTools information display */
+/*
+ * FixedColumns styles
+ */
+table.DTFC_Cloned tr.even {
+  background-color: white;
+  margin-bottom: 0;
+}
+div {
+  &.DTFC_RightHeadWrapper table,
+  &.DTFC_LeftHeadWrapper table {
+    border-bottom: none !important;
+    margin-bottom: 0 !important;
+    border-top-right-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+  }
+  &.DTFC_RightHeadWrapper table thead tr:last-child {
+    th:first-child,
+    td:first-child {
+      border-bottom-left-radius: 0 !important;
+      border-bottom-right-radius: 0 !important;
+    }
+  }
+  &.DTFC_LeftHeadWrapper table thead tr:last-child {
+    th:first-child,
+    td:first-child {
+      border-bottom-left-radius: 0 !important;
+      border-bottom-right-radius: 0 !important;
+    }
+  }
+  &.DTFC_RightBodyWrapper table,
+  &.DTFC_LeftBodyWrapper table {
+    border-top: none;
+    margin: 0 !important;
+  }
+  &.DTFC_RightBodyWrapper tbody tr:first-child {
+    th,
+    td {
+      border-top: none;
+    }
+  }
+  &.DTFC_LeftBodyWrapper tbody tr:first-child {
+    th,
+    td {
+      border-top: none;
+    }
+  }
+  &.DTFC_RightFootWrapper table,
+  &.DTFC_LeftFootWrapper table {
+    border-top: none;
+    margin-top: 0 !important;
+  }
+  &.FixedHeader_Cloned table {
+    margin: 0 !important;
+  }
+}
+
+/*
+ * FixedHeader styles
+ */

data/vendor/assets/stylesheets/bootstrap/dataTables.responsive.scss

@@ -0,0 +1,124 @@
+table.dataTable {
+  &.dtr-inline.collapsed {
+    > tbody > tr {
+      > {
+        td:first-child,
+        th:first-child {
+          position: relative;
+          padding-left: 30px;
+          cursor: pointer;
+        }
+        td:first-child:before,
+        th:first-child:before {
+          top: 8px;
+          left: 4px;
+          height: 16px;
+          width: 16px;
+          display: block;
+          position: absolute;
+          color: white;
+          border: 2px solid white;
+          border-radius: 16px;
+          text-align: center;
+          line-height: 14px;
+          box-shadow: 0 0 3px #444;
+          box-sizing: content-box;
+          content: "+";
+          background-color: #31b131;
+        }
+        td:first-child.dataTables_empty:before,
+        th:first-child.dataTables_empty:before {
+          display: none;
+        }
+      }
+      &.parent > {
+        td:first-child:before,
+        th:first-child:before {
+          content: "-";
+          background-color: #d33333;
+        }
+      }
+      &.child td:before {
+        display: none;
+      }
+    }
+    &.compact > tbody > tr > {
+      td:first-child,
+      th:first-child {
+        padding-left: 27px;
+      }
+      td:first-child:before,
+      th:first-child:before {
+        top: 5px;
+        left: 4px;
+        height: 14px;
+        width: 14px;
+        border-radius: 14px;
+        line-height: 12px;
+      }
+    }
+  }
+  &.dtr-column > tbody > tr {
+    > {
+      td.control,
+      th.control {
+        position: relative;
+        cursor: pointer;
+      }
+      td.control:before,
+      th.control:before {
+        top: 50%;
+        left: 50%;
+        height: 16px;
+        width: 16px;
+        margin-top: -10px;
+        margin-left: -10px;
+        display: block;
+        position: absolute;
+        color: white;
+        border: 2px solid white;
+        border-radius: 16px;
+        text-align: center;
+        line-height: 14px;
+        box-shadow: 0 0 3px #444;
+        box-sizing: content-box;
+        content: "+";
+        background-color: #31b131;
+      }
+    }
+    &.parent {
+      td.control:before,
+      th.control:before {
+        content: "-";
+        background-color: #d33333;
+      }
+    }
+  }
+  > tbody > tr.child {
+    padding: 0.5em 1em;
+    &:hover {
+      background: transparent !important;
+    }
+    ul {
+      display: inline-block;
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+      li {
+        border-bottom: 1px solid #efefef;
+        padding: 0.5em 0;
+        &:first-child {
+          padding-top: 0;
+        }
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+    }
+    span.dtr-title {
+      display: inline-block;
+      min-width: 75px;
+      font-weight: bold;
+    }
+  }
+}

data/vendor/assets/stylesheets/bootstrap_sb_admin_base_v2.scss

@@ -0,0 +1,6 @@
+@import "bootstrap/*";
+@import "font-awesome/*";
+@import "metis_menu/*";
+@import "morris/*";
+@import "sb-admin-2/*";
+@import "timeline/*";