thecore_ui_rails_admin 2.1.3 → 2.1.10

data/app/assets/stylesheets/thecore_ui_rails_admin/apexcharts.scss

@@ -0,0 +1,7 @@
+.apexcharts-menu-item {
+    color: black
+}
+.apexcharts-tooltip {
+    background: #f3f3f3;
+    color: orange;
+}

data/app/assets/stylesheets/thecore_ui_rails_admin/common.scss

@@ -0,0 +1,36 @@
+body {
+    height: 100vh;
+    // background: linear-gradient(-20deg, #09b7b9 30%, #1c51a4 100%);
+    background-color: rgb(59, 78, 89);
+}
+
+.jumbotron {
+    background-color: rgb(59, 78, 89);
+}
+
+.vertical-center {
+    min-height: 100%;
+    /* Fallback for browsers do NOT support vh unit */
+    min-height: 100vh;
+    /* These two lines are counted as one :-)       */
+    display: flex;
+    align-items: center;
+}
+
+#up-arrow {
+    bottom: -2em;
+    margin-right: auto;
+    margin-left: auto;
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+    /* For IE8 and earlier */
+}
+
+.fa-pencil:before,
+.icon-pencil:before {
+    content: "\f044";
+}
+
+#new_user div.actions input.btn.btn-warning {
+    width: 100%;
+}

data/app/assets/stylesheets/thecore_ui_rails_admin/devise.scss

@@ -0,0 +1,248 @@
+ $primary: #1c2c41;
+ $secondary: #304158;
+ $light: #47566c;
+ $blue: #0C457D;
+ $grey: #706f6f;
+ $tertiary: #81C784;
+
+.devise {
+  font-family: 'Raleway', sans-serif;
+  height: 100vh;
+  .container-fluid-admin {
+    height: 100vh;
+  }
+
+  .container-fluid-devise {
+    height: 100vh;
+    overflow: auto;
+  }
+}
+
+.bckg-dark {
+  // background: linear-gradient(-20deg, #09b7b9 30%, #1c51a4 100%);
+  background-color: rgb(59,	78,	89);
+}
+
+.bckg-login {
+}
+
+.logo {
+  display: inline-block;
+  margin: 0 auto;
+  width: 130px;
+}
+
+.app-logo {
+  margin: 50px 0 25px;
+  width: 70%;
+}
+
+.bckg-dark-light {
+  background: $secondary;
+}
+
+.bckg-blue {
+  background: $blue;
+}
+
+.centered {
+  left: 50%;
+  position: fixed;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+.login-form-user {
+  width: 25%;
+  color: #fff;
+  margin: 0 auto;
+  margin-bottom: 25px;
+
+  .content-width {
+    width: 90%;
+    padding-top: 1px;
+    padding-bottom: 1px;
+  }
+
+  .lost_id {
+    color: #fff;
+    margin-bottom: 15px;
+    display: block;
+    font-size: .9em;
+    width: 90%;
+  }
+
+  .form-actions {
+    display: inline-block;
+    width: 90%;
+    margin-bottom: 10px;
+    .col-sm-6 {
+      padding: 0;
+    }
+    input {
+      float: left;
+      .label {
+        float: left;
+      }
+    }
+    input[type="checkbox"] {
+      margin-top: 0;
+    }
+    .input-group {
+      float: left;
+    }
+    .checkbox {
+      margin: 0;
+      margin-top: 10px;
+      float: left;
+      label {
+        font-size: .8em;
+      }
+    }
+  }
+  form {
+    margin-top: 30px;
+  }
+  .input-group {
+    width: 90%;
+    margin-bottom: 15px;
+  }
+  input {
+    border: 0;
+  }
+  input[type="submit"] {
+    background: $grey;
+    border: 0;
+    border-radius: 0;
+    cursor: pointer;
+    float: right;
+    color: white;
+    width:100%;
+  }
+  h2 {
+    background: $grey;
+    display: block;
+    padding: 10px 15px;
+    text-align: left;
+    font-size: 1.3em;
+  }
+}
+
+.login-form {
+  color: #fff;
+  width: 30%;
+
+  .links-form {
+    a {
+      color: $light;
+      text-decoration: none;
+      &:hover {
+        color: $light;
+      }
+    }
+  }
+
+  i {
+    font-size: 1.5em;
+  }
+
+  .form-control {
+    box-shadow: none;
+  }
+
+  .input-group {
+    margin-bottom: 20px;
+  }
+
+  h2 {
+    margin-top: 15px;
+    margin-bottom: 50px;
+  }
+
+  .content {
+    padding: 35px;
+  }
+
+  .content-login {
+    padding: inherit;
+  }
+
+  .input-group-addon {
+    border-radius: 0;
+    padding-bottom: 15px;
+  }
+
+  input[type="submit"] {
+    cursor: pointer;
+    background: $tertiary;
+    color: #fff;
+    border-radius: 3px;
+    border: 0;
+    display: block;
+    padding: 15px;
+    margin-bottom: 45px;
+    margin-top: 55px;
+    width: 100%;
+    &:hover {
+      background: darken($tertiary, 5%);
+    }
+  }
+
+  input[type="text"], input[type="email"], input[type="password"] {
+    background-color: transparent;
+    border: 0;
+    border-bottom: 1px solid $light;
+    color: #fff;
+    margin-top: 15px;
+    padding-bottom: 15px;
+  }
+
+  .input-group-addon {
+    background-color: transparent;
+    border: 0;
+    border-bottom: 1px solid $light;
+    color: #fff;
+    margin-top: 15px;
+    padding-bottom: 15px;
+    padding-top: 12px;
+  }
+}
+
+/* Small devices (tablets, 768px and up) */
+@media (min-width: 768px) {
+  .login-form-user {
+    width: 45%;
+  }
+}
+
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+  .login-form-user {
+    width: 45%;
+  }
+}
+
+/* Large devices (large desktops, 1200px and up) */
+@media (min-width: 1200px) {
+  .login-form-user {
+    width: 26%;
+    input[type="submit"] {
+      width: 100%;
+    }
+  }
+  .app-logo {
+    margin: 50px 0 25px;
+  }
+}
+
+@media (min-width: 1600px) {
+  .login-form-user {
+    width: 15%;
+    input[type="submit"] {
+      width: 100%;
+    }
+  }
+  .app-logo {
+    margin: 50px 0 25px;
+  }
+}

data/app/assets/stylesheets/thecore_ui_rails_admin/flashing.scss

@@ -0,0 +1,28 @@
+.flash {
+  -moz-animation: flash 1s ease-out;
+  -moz-animation-iteration-count: 1;
+
+  -webkit-animation: flash 1s ease-out;
+  -webkit-animation-iteration-count: 1;
+
+  -ms-animation: flash 1s ease-out;
+  -ms-animation-iteration-count: 1;
+}
+
+@-webkit-keyframes flash {
+    0% { background-color: none; }
+    50% { background-color: #fbf8b2; }
+    100% { background-color: none; }
+}
+
+@-moz-keyframes flash {
+    0% { background-color: none; }
+    50% { background-color: #fbf8b2; }
+    100% { background-color: none; }
+}
+
+@-ms-keyframes flash {
+    0% { background-color: none; }
+    50% { background-color: #fbf8b2; }
+    100% { background-color: none; }
+}

data/app/assets/stylesheets/thecore_ui_rails_admin/mixins.scss

@@ -0,0 +1,18 @@
+@mixin transition($time) {
+  -webkit-transition: all $time ease-in;
+  -moz-transition: all $time ease-in;
+  -o-transition: all $time ease-in;
+  transition: all $time ease-in;
+}
+
+@mixin lol() {
+  .row {
+    display: table;
+  }
+
+  [class*="col-"] {
+    float: none;
+    display: table-cell;
+    vertical-align: top;
+  }
+}

data/app/assets/stylesheets/thecore_ui_rails_admin/thecore.scss

@@ -0,0 +1,25 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= required _colors
+ 
+ *= require_self
+*/
+@import "jquery-ui";
+@import "jquery-ui/dialog";
+@import 'bootstrap-sprockets';
+@import 'bootstrap';
+@import 'common';
+@import 'devise';
+@import 'animate';
+@import 'mixins';
+@import 'apexcharts';

data/app/assets/stylesheets/thecore_ui_rails_admin/thecore_rails_admin.scss

@@ -0,0 +1,204 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= required _colors
+ *= require thecore_ui_commons/thecore
+ *= require rails_admin/rails_admin
+ *= require rails_admin_selectize/index
+ *= require_self
+*/
+@import 'thecore';
+@import 'thecore_ui_commons/thecore';
+@import "togglable-sidebar";
+@import "flashing";
+@import 'common';
+
+$RAprimary: #1c2c41;
+$RAgreen: #37BC9B;
+$RAblue: #3BAFDA;
+$RAred: #E9573F;
+$RAyellow: #F6BB42;
+
+.page-header.dashboard {
+  border-color: $RAprimary;
+}
+
+.breadcrumb {
+  background: $RAblue;
+  .false a, .false:before {
+    color: darken($RAblue, 30%) !important;
+  }
+  .active, .active:before {
+    color: #FFF;
+  }
+}
+
+.table-striped {
+  border-top-color: $RAblue;
+  .links ul li {
+    padding-right: 0;
+    a {
+      border-radius: 50%;
+    }
+  }
+}
+
+.content {
+  margin: 0px 0 15px 0;
+  padding: 8px;
+  background: rgb(59, 78, 89);
+  &.dashboard {
+    background: rgb(59, 78, 89);
+  }
+  .page-header {
+    display: none;
+  }
+}
+
+a.delete {
+  color: #FFF;
+}
+
+.box {
+  padding: 15px;
+  margin-bottom: 30px;
+  border: 1px solid $RAprimary;
+  position: relative;
+  min-height: 170px;
+  transition: all 0.3s ease;
+  color: rgba(255,255,255,0.7);
+  overflow: hidden;
+  &:hover, &:focus {
+    border-color: #FFF;
+    .icon-bg {
+      transform: scale(1.5) rotate(20deg);
+    }
+  }
+  p {
+    min-height: 30px;
+    font-size: 15px;
+    font-weight: 600;
+    a.btn {
+      border-radius: 3px;
+      color: rgba(255,255,255,0.7) !important;
+      display: inline-block;
+      margin-bottom: 0;
+      font-weight: normal;
+      text-align: center;
+      vertical-align: middle;
+      cursor: pointer;
+      background-color: rgba(0, 0, 0, 0.19);
+      border: 1px solid transparent;
+      white-space: nowrap;
+      padding: 6px 12px;
+      font-size: 14px;
+      line-height: 1.42857143;
+      border-radius: 4px;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+    }
+  }
+  strong {
+    font-size: 36px;
+    font-weight: 600;
+  }
+  .icon-bg {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    font-size: 100px;
+    color: #000;
+    opacity: 0.08;
+    filter: alpha(opacity=8);
+    transition: all 1s ease;
+  }
+  &.bg-info {
+    background-color: $RAblue;
+  }
+  &.bg-success {
+    background-color: $RAgreen;
+  }
+  &.bg-warning {
+    background-color: $RAyellow;
+  }
+  &.bg-danger {
+    background-color: $RAred;
+  }
+  &.bg-clear {
+    background-color: rgb(204, 255, 204);
+  }
+}
+
+/* User sign in and sign forms. */
+.border-form-div {
+  max-width: 300px;
+  padding: 19px 29px 29px;
+  margin: 0 auto 20px;
+  background-color: #fff;
+  border: 1px solid #e5e5e5;
+  -webkit-border-radius: 5px;
+     -moz-border-radius: 5px;
+          border-radius: 5px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
+          box-shadow: 0 1px 2px rgba(0,0,0,.05);
+}
+.border-form-div .form-signin-heading,
+.border-form-div .checkbox {
+  margin-bottom: 10px;
+}
+.border-form-div input[type="text"],
+.border-form-div input[type="email"],
+.border-form-div input[type="password"] {
+  font-size: 16px;
+  height: auto;
+  margin-bottom: 15px;
+  padding: 7px 9px;
+}
+
+#sidebar-collapse {
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  color: #888;
+}
+#sidebar-collapse:focus {
+  outline: 0;
+}
+#sidebar-collapse:hover {
+  color: white;
+}
+
+.exit-button {
+  padding-top: 9px;
+  padding-bottom: 9px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-right: 7px;
+}
+
+#app-name {
+  font-size: 2em;
+  color: #888;
+  font-family: 'Raleway', sans-serif;
+  word-wrap: normal;
+}
+#app-name:hover {
+  color: white;
+  text-decoration: none;
+}
+
+body.rails_admin {
+  padding-top: 0px;
+}