face_of_active_admin 0.0.1

data/app/assets/stylesheets/face_of_active_admin/components/_nav.scss

@@ -0,0 +1,64 @@
+.ui-tabs-nav {
+  width: 100%;
+  margin-bottom: 0;
+  padding-left: 0;
+
+  // Override default ul/ol
+  list-style: none;
+
+  @include clearfix;
+
+  > li {
+    float: left;
+    position: relative;
+
+    // Make the list-items overlay the bottom border
+    margin-bottom: -1px;
+    display: inline-block;
+    min-width: 1%;
+
+    // Actual tabs (as links)
+    > a {
+      position: relative;
+      display: block;
+      padding: 10px 15px;
+      margin-right: 2px;
+      line-height: 1.5;
+      border: 1px solid transparent;
+      border-radius: 4px 4px 0 0;
+      text-align: center;
+      margin-bottom: 5px;
+      transition: $link_transition_dutarion;
+
+      &:hover,
+      &:focus {
+        text-decoration: none;
+        background-color: darken($skinActiveColor, 10%);
+      }
+    }
+
+    a {
+      &:active {
+        background: $skinActiveColor;
+      }
+
+      &:hover {
+        background: lighten($skinActiveColor, 20%);
+      }
+
+      &:focus {
+        background: darken($skinActiveColor, 10%);
+      }
+    }
+
+    &.ui-tabs-active > a {
+      background: $skinActiveColor;
+    }
+  }
+
+  border-bottom: 0;
+
+  > li > a > img {
+    max-width: none;
+  }
+}

data/app/assets/stylesheets/face_of_active_admin/components/_pagination.scss

@@ -0,0 +1,70 @@
+.paginated_collection_contents {
+  clear: both;
+}
+
+.pagination {
+  float: right;
+  font-size: 0.9em;
+  margin-left: 10px;
+  margin-top: -2px;
+  padding: 5px 7px;
+
+  a, span.page.current {
+    transition: $link_transition_dutarion;
+    font-family: $skinFontFamily;
+
+    //  border: 1px solid #d3d8dc;
+    background: $main-background-color;
+
+    @include no-shadow;
+
+    text-shadow: none;
+    font-size: 1.1em;
+    font-weight: normal;
+    padding: 5px 7px;
+    margin-right: 1px;
+  }
+
+  span.page.current, span.page.current:hover {
+    background: $skinActiveColor;
+    color: #fff;
+  }
+
+  span.page.current {
+    font-weight: 600;
+
+    &:not(.disabled):not(.current):hover > a {
+      background: lighten($skinActiveColor, 20%);
+    }
+  }
+
+  a:not(.disabled):hover {
+    background: lighten($skinActiveColor, 20%);
+  }
+
+  .page.gap {
+    display: none;
+  }
+}
+
+.pagination_information {
+  float: right;
+  margin-bottom: 5px;
+  font-size: 12px;
+  color: $skinTextTable;
+
+  b {
+    color: #5c6469;
+  }
+}
+
+.download_links {
+  float: left;
+  color: $skinTextTable;
+  font-size: 12px;
+
+  a {
+    color: $skinActiveColor;
+    font-weight: bold;
+  }
+}

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

@@ -0,0 +1,89 @@
+// ----------------------------------- Helper class to apply to elements to make them sections
+.section, .panel {
+  @include section;
+}
+
+// ----------------------------------- Sidebar Sections
+
+.sidebar_section {
+  @include section;
+
+  form fieldset.inputs {
+    background-color: $main-background-color;
+    border: 1px solid $secondary-color;
+  }
+}
+
+.sidebar_section.panel {
+  background: #fff;
+  border: 1px solid #d3d8dc;
+
+  @include no-shadow;
+
+  @include rounded(0);
+
+  form .buttons {
+    background: #f1f5f6;
+    margin: 25px -15px -15px;
+    padding: 10px 15px;
+  }
+
+  form fieldset {
+    margin-bottom: 0;
+  }
+
+  & > h3 {
+    background: $panelHeaderBck;
+    color: $panelHeaderTextColor;
+    border: none;
+    margin: 0;
+    padding: 8px 15px;
+
+    @include no-shadow;
+
+    @include rounded(0);
+
+    text-shadow: none;
+    font-weight: bold;
+  }
+
+  .filter_form_field {
+    label {
+      color: #95a5a6;
+      font-weight: normal;
+      font-size: 13px;
+      text-transform: uppercase;
+      font-family: $skinFontFamily;
+      padding: 7px 0;
+    }
+  }
+}
+
+.panel {
+  // background: #fff;
+  border: 1px solid #d3d8dc;
+  position: relative;
+
+  @include no-shadow;
+
+  @include rounded(0);
+
+  > h3 {
+    background: #f0f4f5;
+    color: $panelHeaderBck;
+    padding: 8px 15px;
+
+    @include no-shadow;
+
+    @include rounded(0);
+
+    text-shadow: none;
+    font-weight: bold;
+    border-style: none none solid;
+  }
+}
+
+// Hide unworking  panel
+#status-poiska-_sidebar_section {
+  display: none;
+}

data/app/assets/stylesheets/face_of_active_admin/components/_popovers.scss

@@ -0,0 +1,124 @@
+.popover {
+  display: inline-block;
+  position: absolute;
+  background-color: white;
+  padding: 2px;
+  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, lighten($primary-color, 15%) 0px 1px 0px 0px inset;
+  background-color: $primary-color;
+
+  @include gradient(lighten($primary-color, 4%), darken($primary-color, 5%));
+
+  border: solid 1px darken($primary-color, 10%);
+  border-top-color: darken($primary-color, 4%);
+  border-bottom-color: darken($primary-color, 17%);
+  border-radius: 4px;
+
+  .popover_nipple {
+    // The nipple's border
+    content: "";
+    position: absolute;
+    top: -6px;
+    display: block;
+    width: 0;
+    height: 0;
+    border-width: 0 6px 6px;
+    border-style: solid;
+    border-color: darken($primary-color, 4%) transparent;
+    z-index: 100;
+
+    // The nipple's inner shadow
+
+    &:before {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 0 5px 5px;
+      border-style: solid;
+      border-color: lighten($primary-color, 15%) transparent;
+      left: -5px;
+      top: 1px;
+    }
+
+    // The nipple's background color
+
+    &:after {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 0 5px 5px;
+      border-style: solid;
+      border-color: lighten($primary-color, 4%) transparent;
+      left: -5px;
+      top: 2px;
+    }
+  }
+
+  .popover_contents {
+    display: block;
+    background-color: #FFF;
+    border: solid 1px darken($primary-color, 10%);
+    box-shadow: lighten($primary-color, 5%) 0px 1px 0px 0px;
+    border-radius: 3px;
+    margin: 0;
+    overflow: hidden;
+    padding: 8px;
+  }
+}
+
+//-------------------------------------- Popover with action list
+
+.popover {
+  ul.popover_contents {
+    list-style-type: none;
+    padding: 0;
+
+    li {
+      display: block;
+      border-bottom: solid 1px #ebebeb;
+      box-sizing: border-box;
+
+      a {
+        display: block;
+        box-sizing: padding-box;
+        font-size: 0.95em;
+        font-weight: bold;
+        padding: 7px 16px 5px;
+        text-decoration: none;
+        text-align: center;
+        -webkit-font-smoothing: antialiased;
+
+        &:hover {
+          @include highlight-gradient;
+
+          @include text-shadow(#5a83aa);
+
+          color: #FFF;
+        }
+
+        &:active {
+          @include reverse-highlight-gradient;
+
+          color: #FFF;
+        }
+      }
+
+      &:first-child {
+        a {
+          border-top-left-radius: 2px;
+          border-top-right-radius: 2px;
+        }
+      }
+
+      &:last-child {
+        a {
+          border-bottom-left-radius: 2px;
+          border-bottom-right-radius: 2px;
+        }
+
+        border: none;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/face_of_active_admin/components/_scopes.scss

@@ -0,0 +1,10 @@
+.scopes {
+  li {
+    .count {
+      color: #8e979e;
+      font-weight: normal;
+      font-size: 0.9em;
+      line-height: 10px;
+    }
+  }
+}

data/app/assets/stylesheets/face_of_active_admin/components/_status_tags.scss

@@ -0,0 +1,28 @@
+.status_tag {
+  background: darken($secondary-color, 15%);
+  color: #fff;
+  text-transform: uppercase;
+  letter-spacing: 0.15em;
+  padding: 3px 5px 2px 5px;
+  font-size: 0.8em;
+
+  &.ok, &.published, &.complete, &.completed, &.green {
+    background: #8daa92;
+  }
+
+  &.warn, &.warning, &.orange {
+    background: #e29b20;
+  }
+
+  &.error, &.errored, &.red {
+    background: #d45f53;
+  }
+
+  &.yes {
+    background: #6090DB;
+  }
+
+  &.no {
+    background: grey;
+  }
+}

data/app/assets/stylesheets/face_of_active_admin/components/_table_tools.scss

@@ -0,0 +1,70 @@
+.table_tools {
+  @include clearfix;
+
+  margin-bottom: 16px;
+}
+
+.table_tools .dropdown_menu {
+  float: left;
+}
+
+a.table_tools_button, .table_tools .dropdown_menu_button {
+  @include light-button;
+
+  @include border-colors(#d9d9d9, #d0d0d0, #c5c5c5);
+
+  font-size: 0.9em;
+  padding: 4px 14px 4px;
+  margin: 0;
+
+  &:not(.disabled) {
+    &:hover {
+      background: #FFF;
+    }
+
+    &:active {
+      @include border-colors(#d7d7d7, #c8c8c8, #c3c3c3);
+
+      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17) inset;
+
+      // @include gradient(#FFFFFF, #E8E8E8);
+   
+    }
+  }
+}
+
+.table_tools_segmented_control {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+
+  li {
+    float: left;
+
+    a {
+      border-width: 1px .5px 1px .5px;
+      border-radius: 0;
+    }
+
+    &:first-child a {
+      border-left-width: 1px;
+      border-radius: 12px 0 0 12px;
+    }
+
+    &:last-child a {
+      border-right-width: 1px;
+      border-radius: 0 12px 12px 0;
+    }
+
+    &.selected a {
+      @include gradient(#F0F0F0, #FDFDFD);
+
+      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
+      cursor: default;
+
+      &:hover {
+        @include gradient(#F0F0F0, #FDFDFD);
+      }
+    }
+  }
+}