light_admin 1.0.5

data/app/assets/stylesheets/light_admin/components/_images.scss

@@ -0,0 +1,21 @@
+/* GLOBAL IMAGES STYLE */
+img {
+  max-width: 100%;
+}
+
+/* LOGO HEADER */
+#site_title_image {
+  height: 30px;
+}
+
+/* CIRCLE THUMBNAIL */
+.image-thumbnail {
+  width: 50px;
+  height: 50px;
+  border-radius: $border-radius-thumbnail;
+}
+
+/* IMAGES IN TABLE */
+.image-table {
+  max-width: 200px;
+}

data/app/assets/stylesheets/light_admin/components/_list.scss

@@ -0,0 +1,5 @@
+.list-style-none {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}

data/app/assets/stylesheets/light_admin/components/_panels.scss

@@ -0,0 +1,139 @@
+/* GLOBAL PANELS */
+.panel > h3 {
+  background: none;
+  color: $global-text-color;
+  border: none;
+  border-bottom: $border-style-light;
+  border-radius: 0;
+  box-shadow: none;
+  text-shadow: none;
+  font-size: 1.1rem;
+  font-family: $font-family;
+  padding: 1.25rem 1rem;
+  margin: 0;
+}
+
+.panel > div {
+  padding: 0;
+}
+
+.panel {
+  background: $bg-white;
+  box-shadow: $global-shadow;
+  border: none;
+  border-radius: $global-border-radius;
+  margin: 25px 0;
+
+  h3 {
+    &:empty {
+      padding: 0;
+    }
+  }
+}
+
+.panel_contents {
+  table {
+    margin: 0;
+    border-radius: $global-border-radius;
+
+    tr.even {
+      td {
+        background: none;
+      }
+    }
+
+    tr.odd {
+      td {
+        background: none;
+      }
+    }
+  }
+
+  th {
+    text-transform: uppercase;
+    text-shadow: none !important;
+  }
+
+  th, td {
+    padding: 1rem 1.5rem;
+    border-bottom: $border-style-light !important;
+  }
+
+  tr + tr th,
+  tr + tr td {
+    border-top: none;
+    border-bottom: $border-style-light;
+  }
+}
+
+/*PANEL WITH LINK*/
+.panel_with_link {
+  margin-top: 25px;
+  box-shadow: $global-shadow;
+  border-radius: $global-border-radius;
+  background: $bg-white;
+
+  .title-panel-wrap {
+    border-bottom: $border-style-light;
+
+    h3 {
+      font-size: 1.1rem;
+      font-weight: bold;
+      font-family: $font-family;
+      padding: 1.25rem 1rem;
+      margin: 0px;
+    }
+
+    a {
+      padding-right: 1.25rem;
+      color: $primary;
+    }
+
+    a:hover {
+      color: $text-info;
+    }
+  }
+
+  thead th {
+    background: none;
+    border-bottom: $border-style-light;
+  }
+
+  table {
+    border-radius: $global-border-radius;
+
+    tr th {
+      padding: 1.25rem 1rem;
+      text-align: left;
+      text-transform: uppercase;
+    }
+
+    tbody td {
+      a {
+        color: $primary;
+      }
+    }
+
+    tbody tr {
+      transition: .3s ease;
+
+      &:hover {
+        background: $light;
+      }
+    }
+
+    tbody tr td {
+      padding: 1.25rem 1rem;
+      border-bottom: $border-style-light;
+    }
+
+    tbody tr:last-child td {
+      border: unset;
+    }
+  }
+}
+
+#filters_sidebar_section {
+  margin-top: 30px;
+  border-radius: $global-border-radius;
+}

data/app/assets/stylesheets/light_admin/components/_sidebars.scss

@@ -0,0 +1,49 @@
+.sidebar_section {
+  h3 {
+    margin: 0 0 24px 0;
+  }
+
+  label {
+    margin-bottom: 5px;
+  }
+}
+
+/* FILTER STATUS LIST STYLE */
+#search_status_sidebar_section {
+  margin-top: 30px;
+
+  div {
+    padding: 0 24px 0 24px;
+    margin-top: 0 !important;
+  }
+}
+
+#active_admin_content {
+  #sidebar {
+    max-width: 264px;
+    margin-left: -265px;
+    
+    .panel_contents {
+      h4 {
+        font-family: $font-family;
+        font-size: .9rem;
+        font-weight: bold;
+        margin: 0 !important;
+        padding: 1rem 0;
+      }
+      ul {
+        padding: 0;
+        list-style: none;
+
+        li {
+          padding: 1rem 0;
+          border-bottom: $border-style-light;
+
+          &:last-child {
+            border-bottom: none;
+          }
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/light_admin/components/_status_tag.scss

@@ -0,0 +1,12 @@
+$publish_states_colors: (
+  yes: $success, 
+  no: $danger
+);
+
+.status_tag {
+  @each $state, $color in $publish_states_colors {
+    &.#{$state} {
+      background: $color;
+    }
+  }
+}

data/app/assets/stylesheets/light_admin/components/_tables.scss

@@ -0,0 +1,144 @@
+/* GLOBAL TABLES */
+.table_tools {
+  background: $bg-white;
+  margin-bottom: 0;
+  padding: 30px;
+  display: flex;
+  justify-content: space-between;
+  border-radius: $global-border-radius-top;
+  border-bottom: $border-style-light;
+  box-shadow: none;
+}
+
+table {
+  background: $bg-white;
+  margin-bottom: 0;
+}
+
+/* INDEX TABLES */
+.index_content {
+  table {
+    tr {
+      background: none;
+      transition: .3s ease;
+
+      &:hover {
+        background: $bg-light;
+      }
+    }
+  }
+}
+
+table.index_table {
+  border: none;
+  border-radius: $global-border-radius;
+  padding: 30px;
+  box-shadow: none;
+
+  thead {
+    th {
+      background: none;
+      border: none;
+      border-bottom: $border-style-light;
+      box-shadow: none;
+      vertical-align: unset;
+      text-transform: uppercase;
+
+      &:first-child {
+        border-radius: unset;
+      }
+
+      &:last-child {
+        border-radius: unset;
+      }
+    }
+
+    th.sorted-desc {
+      background: none;
+    }
+  }
+
+  th {
+    text-shadow: none;
+    height: 3rem;
+
+    &:last-child {
+      border: none;
+      border-bottom: $border-style-light;
+    }
+  }
+
+  th.sorted-asc, th.sorted-desc {
+    background: $bg-white;
+    text-transform: uppercase;
+  }
+
+  tr.even {
+    td {
+      background: unset;
+    }
+  }
+
+  td {
+    border: none;
+    border-bottom: $border-style-light;
+    padding: 20px 15px;
+  }
+
+  tbody {
+    tr:nth-child(even) {
+      td {
+        background: none;
+      }
+    }
+
+    tr.selected {
+      td {
+        background: $light-gray;
+      }
+    }
+  }
+}
+
+.tabs {
+  margin: 0;
+}
+
+/* ATTRIBUTES TABLES */
+.attributes_table {
+  border-radius: $global-border-radius;
+  box-shadow: $global-shadow;
+  overflow: scroll;
+
+  table {
+    tr {
+      transition: .3s;
+
+      &:hover {
+        background: $bg-light;
+      }
+    }
+
+    th, td {
+      border-bottom: $border-style-light;
+      padding: 1.25rem 1rem;
+    }
+  }
+
+  th {
+    text-transform: uppercase;
+    min-width: 250px;
+    color: $attributes-table-th-text-color;
+  }
+
+  tr + tr th,
+  tr + tr td {
+    border-top: none;
+    border-bottom: $border-style-light;
+  }
+
+  th, td {
+    padding: 1rem 1.5rem;
+    border-bottom: $border-style-light;
+  }
+}

data/app/assets/stylesheets/light_admin/components/_titles.scss

@@ -0,0 +1,37 @@
+/* TITLE PAGE */
+#title_bar {
+  background: $bg-white;
+  text-shadow: none;
+  border: none;
+  border-radius: $global-border-radius;
+  margin: 1rem;
+  margin-top: -34px;
+  margin-bottom: 0;
+  width: calc(100% - 2rem);
+  box-shadow: $global-shadow;
+
+  #page_title {
+    color: $global-text-color;
+    font-family: $font-family;
+    font-size: 1.2rem;
+    font-weight: bold;
+  }
+}
+
+#titlebar_left {
+  .breadcrumb .breadcrumb_sep {
+    color: $global-text-color;
+  }
+
+  a {
+    color: $global-text-color;
+  }
+}
+
+.inputs {
+  h3 {
+    font-family: $font-family;
+    font-size: 1.2rem;
+    margin: 0 0 1.5rem 0;
+  }
+}

data/app/assets/stylesheets/light_admin/components/_toggle_filters.scss

@@ -0,0 +1,20 @@
+a#toggleFilters {
+
+  &.epon, &.epon:hover {
+    font-weight: 800;
+    -moz-box-shadow:    inset 0.5px 0.25px 1.25px #000000;
+    -webkit-box-shadow: inset 0.5px 0.25px 1.25px #000000;
+    box-shadow:         inset 0.5px 0.25px 1.25px #000000;
+  }
+}
+
+#toggleFilters {
+  display: inline-block;
+  margin-left: auto;
+  background-color: $bg-buttons;
+  color: $text-white;
+  border-radius: $border-radius-btn;
+  padding: .5rem 1rem;
+  text-decoration: none;
+  font-weight: 500;
+}

data/app/assets/stylesheets/light_admin/variables/_borders.scss

@@ -0,0 +1,14 @@
+/* BORDER RADIUS */
+$global-border-radius: 10px !default;
+$border-radius-btn: .375rem !default;
+$border-radius-left: .375rem 0 0 .375rem !default;
+$border-radius-right: 0 .375rem .375rem 0 !default;
+$global-border-radius-top: 10px 10px 0 0 !default;
+$global-border-radius-bottom: 0 0 10px 10px !default;
+$border-radius-scope: 0.375rem !default;
+$border-radius-thumbnail: 50% !default;
+
+/* BORDER STYLE */
+$border-style: .5px solid $light-gray !default;
+$border-style-light: .5px solid $light !default;
+$border-style-buttons: 0.5px solid rgba($charcoal, .3) !default;