kaui 3.0.1 → 3.0.2

data/app/assets/stylesheets/kaui/common.css

@@ -0,0 +1,550 @@
+/*
+ * Basic & Common
+ */
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,300);
+body {
+  background: #f9f9f9;
+  animation: all 0.5s;
+  font-family: "Lato", sans-serif;
+  color: #777777;
+  padding-bottom: 50px; }
+
+h1, h2, h3 {
+  margin: 0 0 20px;
+  font-family: "Lato", sans-serif; }
+
+h1 {
+  font-size: 18px;
+  color: #e44c3a;
+  text-transform: capitalize;
+  line-height: 1.333;
+  padding: 0 30px 10px;
+  border-bottom: 1px solid #ccc;
+  font-weight: 700; }
+
+h2 {
+  font-size: 20px;
+  color: #313131;
+  line-height: 1.5;
+  text-align: center; }
+
+h3 {
+  font-size: 16px;
+  color: #313131;
+  line-height: 1.5;
+  text-align: center; }
+
+p {
+  font-size: 14px;
+  color: #999;
+  line-height: 20px;
+  text-align: left;
+  margin: 0 0 20px;
+  font-weight: 700; }
+  p span {
+    font-size: 14px;
+    margin: 0 10px; }
+  p.title-align {
+    padding-left: 30px; }
+
+a {
+  color: #00919d;
+  transition: all 0.3s; }
+  a:hover {
+    text-decoration: none;
+    color: #00626a; }
+  a .fa-times {
+    color: #e44c3a; }
+    a .fa-times:hover {
+      color: #cf2f1c; }
+
+span.success, span.fail {
+  display: inline-block;
+  font-size: 14px;
+  color: #fff;
+  font-weight: 400;
+  padding: 0px 10px;
+  background-color: #df4232; }
+span.success {
+  background-color: #5eca8f; }
+span.label {
+  font-size: 14px;
+  line-height: 20px;
+  padding: 0 5px;
+  display: inline-block;
+  font-weight: normal;
+  color: #777777; }
+  span.label.label-default, span.label.label-success, span.label.label-warning, span.label.label-danger {
+    color: #fff; }
+
+input, textarea, select {
+  border: 1px solid #cccccc;
+  border-radius: 0;
+  background: #fff;
+  line-height: 28px;
+  height: 30px;
+  font-size: 14px;
+  padding: 0 5px;
+  outline-color: #7dc7cd; }
+  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
+    color: #aaaaaa;
+    font-weight: strong;
+    font-style: italic; }
+  input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
+    /* Firefox 18- */
+    color: #aaaaaa;
+    font-weight: strong;
+    font-style: italic; }
+  input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
+    /* Firefox 19+ */
+    color: #aaaaaa;
+    font-weight: strong;
+    font-style: italic; }
+  input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
+    color: #aaaaaa;
+    font-weight: strong;
+    font-style: italic; }
+
+input[type=radio], input[type=checkbox] {
+  height: 15px;
+  line-height: 30px; }
+
+textarea {
+  line-height: 16px; }
+
+button, input[type="submit"] {
+  background: #00919d;
+  color: #fff;
+  text-transform: uppercase;
+  font-size: 12px;
+  padding: 10px 30px;
+  border-radius: 14px;
+  line-height: 12px;
+  border: 0;
+  transition: all 0.5s; }
+  button:hover, input[type="submit"]:hover {
+    background: #00626a;
+    color: #fff; }
+
+label {
+  cursor: pointer;
+  font-size: 100%;
+  color: #585858;
+  text-transform: none;
+  font-weight: normal; }
+
+hr {
+  border-color: #ccc; }
+
+table {
+  width: 100%;
+  font-size: 14px;
+  font-weight: 300;
+  border: 1px solid #f3f3f3;
+  padding: 0 60px; }
+  @media (max-width: 768px) {
+    table {
+      padding: 0 5px; } }
+  table th {
+    background: #f3f3f3;
+    color: #989898;
+    font-size: 14px;
+    font-weight: 700;
+    text-transform: uppercase;
+    padding: 10px 20px; }
+    @media (max-width: 768px) {
+      table th {
+        padding: 5px;
+        word-break: break-word; } }
+  table tr {
+    border-bottom: 1px solid #f3f3f3; }
+    table tr:last-of-type {
+      border: 0; }
+  table td {
+    padding: 20px; }
+    @media (max-width: 768px) {
+      table td {
+        padding: 5px;
+        word-break: break-word; } }
+  table.mobile-data > span {
+    display: none; }
+  @media (max-width: 768px) {
+    table.mobile-data {
+      padding: 0;
+      display: block;
+      line-height: 0;
+      position: relative;
+      font-size: 0;
+      margin-bottom: 20px; }
+      table.mobile-data > span {
+        display: block;
+        font-size: 40px;
+        position: absolute;
+        right: 0;
+        bottom: -40px;
+        cursor: pointer;
+        color: #ccc;
+        z-index: 10; }
+        table.mobile-data > span.left {
+          right: auto;
+          left: 0; }
+        table.mobile-data > span.center {
+          font-size: 20px;
+          text-align: center;
+          width: 100%;
+          bottom: -20px;
+          z-index: 5; }
+      table.mobile-data tbody {
+        display: inline-block;
+        font-size: 0;
+        width: 50%; }
+      table.mobile-data thead {
+        display: inline-block;
+        width: 50%; }
+      table.mobile-data tr {
+        display: none;
+        line-height: initial;
+        width: 100%; }
+      table.mobile-data tr:first-of-type {
+        display: inline-block; }
+        table.mobile-data tr:first-of-type th, table.mobile-data tr:first-of-type td {
+          width: 100% !important;
+          box-sizing: border-box; }
+      table.mobile-data td, table.mobile-data th {
+        padding: 5px;
+        display: block;
+        width: 100%;
+        word-break: break-word; } }
+  table.transparent {
+    border: 0;
+    background-color: transparent; }
+    table.transparent th, table.transparent td, table.transparent tr {
+      border: 0;
+      background-color: transparent; }
+    table.transparent th {
+      font-weight: 700;
+      text-transform: none;
+      color: #585858; }
+    table.transparent th, table.transparent td {
+      padding: 5px; }
+      @media (max-width: 768px) {
+        table.transparent th, table.transparent td {
+          padding: 2px;
+          font-size: 10px; } }
+    table.transparent td {
+      font-weight: normal;
+      color: #777777; }
+
+table.transparent {
+  margin-bottom: 30px; }
+  @media (max-width: 768px) {
+    table.transparent th {
+      width: 40%;
+      word-break: break-all; }
+    table.transparent td {
+      width: 60%;
+      word-break: break-all; } }
+
+table.subtitle {
+  margin-bottom: 10px; }
+  table.subtitle th, table.subtitle td {
+    padding-left: 0 !important; }
+
+.container {
+  max-width: 1200px;
+  width: 100%;
+  margin: 0 auto; }
+
+.text-uppercase {
+  text-transform: uppercase; }
+
+.text-capitalize {
+  text-transform: capitalize; }
+
+.column-block {
+  padding: 30px 15px;
+  border-radius: 20px;
+  border: 1px solid #ccc;
+  background: #fff;
+  width: 100%;
+  margin-bottom: 50px; }
+  .column-block.square {
+    border-radius: 0;
+    box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.11);
+    border: 0; }
+
+.info-wrapper {
+  border: 1px solid #ccc; }
+
+.fix-position {
+  padding-left: 20px; }
+  @media (max-width: 768px) {
+    .fix-position {
+      padding-left: 15px; } }
+
+@media (max-width: 768px) {
+  > .row > .col-md-5 {
+    padding: 0 15px 0 25px; } }
+
+.toggler {
+  border-bottom: 1px solid #ddd;
+  padding: 0 25px;
+  font-size: 14px;
+  line-height: 50px;
+  max-height: 50px;
+  overflow: hidden;
+  transition: all 0.5s; }
+  @media (max-width: 768px) {
+    .toggler {
+      padding: 0 10px; } }
+  .toggler:last-of-type {
+    border: 0; }
+  .toggler:hover {
+    background-color: #f9f9f9; }
+  .toggler.toggled {
+    background-color: #f9f9f9;
+    max-height: 1500px; }
+    .toggler.toggled .first-line {
+      font-weight: 900; }
+      .toggler.toggled .first-line > .fa-caret-down {
+        display: none; }
+      .toggler.toggled .first-line > .fa-caret-up {
+        display: inline-block; }
+  .toggler .fa-star {
+    color: #00919d; }
+  .toggler .first-line {
+    cursor: pointer; }
+    @media (max-width: 768px) {
+      .toggler .first-line {
+        font-size: 12px; } }
+    .toggler .first-line > .fa-caret-down {
+      float: right;
+      margin-left: 30px;
+      display: inline-block;
+      line-height: 50px;
+      color: #999; }
+    .toggler .first-line > .fa-caret-up {
+      float: right;
+      margin-left: 30px;
+      display: none;
+      line-height: 50px;
+      color: #999; }
+    .toggler .first-line a {
+      float: right;
+      margin-left: 30px; }
+      .toggler .first-line a.default-payment-method, .toggler .first-line a.non-default-payment-method {
+        float: left;
+        margin-left: 0;
+        margin-right: 10px; }
+  .toggler .expires {
+    float: right; }
+    @media (max-width: 768px) {
+      .toggler .expires {
+        display: none; } }
+  .toggler .toggle .actions {
+    margin: 0 -25px;
+    padding: 0 25px;
+    text-align: center;
+    border-bottom: 1px solid #ccc;
+    margin-bottom: 30px; }
+    @media (max-width: 768px) {
+      .toggler .toggle .actions {
+        margin: 0 -10px;
+        padding: 0 10px; } }
+    .toggler .toggle .actions a {
+      margin: 0 5px;
+      text-transform: uppercase;
+      font-size: 12px; }
+      .toggler .toggle .actions a i {
+        margin: 0 5px 0 0; }
+      @media (max-width: 768px) {
+        .toggler .toggle .actions a {
+          width: 32%;
+          display: inline-block;
+          text-align: center;
+          margin: 0;
+          font-size: 10px; } }
+  .toggler .toggle table {
+    line-height: initial;
+    margin: 0 0 30px; }
+
+.filter-select {
+  margin: 10px 20px 30px 0; }
+
+hr.breathe {
+  margin-top: 45px;
+  margin-bottom: 45px; }
+
+form[id^="new_tag_definition"] div:first-of-type {
+  margin-bottom: 0; }
+form[id^="new_tag_definition"] #object_types div {
+  margin-bottom: 15px; }
+  form[id^="new_tag_definition"] #object_types div .tag-definition-add-link {
+    padding-right: 0; }
+  form[id^="new_tag_definition"] #object_types div .tag-definition-select {
+    display: inline-block;
+    width: calc(unquote("100% - 25px")); }
+
+/* The switch - the box around the slider */
+.switch-half-container {
+  padding-top: 9px !important; }
+
+.switch-half {
+  position: relative;
+  display: inline-block;
+  margin-bottom: 0;
+  width: 20px;
+  height: 12px;
+  /* Hide default HTML checkbox */
+  /* The slider */ }
+  .switch-half input {
+    display: none; }
+  .switch-half .slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    -webkit-transition: .4s;
+    transition: .4s; }
+  .switch-half .slider:before {
+    position: absolute;
+    content: "";
+    height: 10px;
+    width: 10px;
+    left: 1px;
+    bottom: 1px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s; }
+  .switch-half input:checked + .slider {
+    background-color: #00919d; }
+  .switch-half input:focus + .slider {
+    box-shadow: 0 0 1px #2196F3; }
+  .switch-half input:checked + .slider:before {
+    -webkit-transform: translateX(8px);
+    -ms-transform: translateX(8px);
+    transform: translateX(8px); }
+
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 36px;
+  height: 20px;
+  /* Hide default HTML checkbox */
+  /* The slider */ }
+  .switch input {
+    display: none; }
+  .switch .slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    -webkit-transition: .4s;
+    transition: .4s; }
+  .switch .slider:before {
+    position: absolute;
+    content: "";
+    height: 16px;
+    width: 16px;
+    left: 2px;
+    bottom: 2px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s; }
+  .switch input:checked + .slider {
+    background-color: #00919d; }
+  .switch input:focus + .slider {
+    box-shadow: 0 0 1px #2196F3; }
+  .switch input:checked + .slider:before {
+    -webkit-transform: translateX(16px);
+    -ms-transform: translateX(16px);
+    transform: translateX(16px); }
+
+/* Rounded sliders */
+.slider.round {
+  border-radius: 26px; }
+
+.slider.round:before {
+  border-radius: 50%; }
+
+.ui-helper-hidden-accessible {
+  display: none; }
+
+.autocomplete-allowed-user, .autocomplete-override {
+  list-style: none;
+  padding-left: 10px; }
+
+.plugin-suggestion {
+  white-space: nowrap; }
+
+.toggle-container {
+  padding-right: 0;
+  width: 55px; }
+
+.toggle-label {
+  text-align: left !important; }
+
+.spinner {
+  padding-top: 3.5px;
+  width: 40px;
+  color: #00919d;
+  display: none; }
+
+.footer-notice .modal-footer {
+  text-align: left;
+  padding-bottom: 0; }
+  .footer-notice .modal-footer .alert {
+    margin-bottom: 0; }
+    .footer-notice .modal-footer .alert .label-default {
+      color: white; }
+
+.copy-icon {
+  cursor: pointer; }
+
+.switch-tenant-active {
+  color: #00919d; }
+
+/* Required for https://github.com/killbill/killbill-admin-ui/issues/262 */
+.ui-autocomplete {
+  position: absolute;
+  z-index: 1000;
+  float: left;
+  display: none;
+  min-width: 160px;
+  padding: 4px 0;
+  margin: 2px 0 0 0;
+  list-style: none;
+  background-color: #ffffff;
+  border-color: rgba(0, 0, 0, 0.2);
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 5px;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  background-clip: padding-box; }
+  .ui-autocomplete .ui-menu-item {
+    display: block;
+    padding: 3px 15px;
+    clear: both;
+    font-weight: normal;
+    line-height: 18px;
+    color: #555555;
+    white-space: nowrap; }
+    .ui-autocomplete .ui-menu-item .ui-state-active, .ui-autocomplete .ui-menu-item .ui-state-hover {
+      color: #ffffff;
+      text-decoration: none;
+      background-color: #0088cc;
+      border-radius: 0px;
+      -webkit-border-radius: 0px;
+      -moz-border-radius: 0px;
+      background-image: none; }
+
+.ui-helper-hidden-accessible {
+  display: none; }
+
+/*# sourceMappingURL=common.css.map */

data/app/assets/stylesheets/kaui/datatable.css

@@ -0,0 +1,71 @@
+.search table {
+  font-weight: 400; }
+  .search table th:first-of-type, .search table td:first-of-type {
+    padding-left: 60px; }
+    @media (max-width: 768px) {
+      .search table th:first-of-type, .search table td:first-of-type {
+        padding: 5px; } }
+.search table.table-small-padding th, .search table.table-small-padding td {
+  white-space: nowrap; }
+  .search table.table-small-padding th:first-of-type, .search table.table-small-padding td:first-of-type {
+    padding-left: 20px; }
+.search table.table-colored-rows tr.insert {
+  background-color: #dff0d8; }
+.search table.table-colored-rows tr.update {
+  background-color: #fcf8e3; }
+.search table.table-colored-rows tr.delete {
+  background-color: #f2dede; }
+.search table.table-colored-rows th:first-of-type, .search table.table-colored-rows td:first-of-type {
+  padding-left: 20px; }
+.search tr.disabled {
+  background-color: #f5f5f5; }
+
+table.dataTable {
+  padding: 0; }
+
+table.dataTable thead th {
+  position: relative; }
+
+table.dataTable thead th,
+table.dataTable tbody td {
+  vertical-align: middle; }
+
+table.dataTable thead th.sorting:after,
+table.dataTable thead th.sorting_asc:after,
+table.dataTable thead th.sorting_desc:after {
+  content: '' !important; }
+
+table.dataTable {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important; }
+  @media (max-width: 768px) {
+    table.dataTable {
+      margin-bottom: 30px !important; } }
+
+table.dataTable thead th,
+table.dataTable thead td {
+  font-size: 12px;
+  border-bottom: 0; }
+
+table.dataTable.no-footer {
+  border-bottom: 1px solid #dddddd; }
+
+.info-wrapper table.dataTable.no-footer {
+  border-bottom: 0; }
+
+#invoice-table tbody tr {
+  border-bottom: 1px solid #dddddd; }
+
+@media (max-width: 768px) {
+  #accounts-table {
+    width: 100% !important; } }
+
+table.dataTable.table-condensed thead > tr > th {
+  border-right: 1px solid #c9c9c9; }
+  table.dataTable.table-condensed thead > tr > th:last-of-type {
+    border-right: 0; }
+
+.dataTables_paginate.paging_full_numbers {
+  padding-top: 30px; }
+
+/*# sourceMappingURL=datatable.css.map */