active_admin_face 0.0.9

data/app/assets/stylesheets/active_admin_face/components/_batch_actions.scss

@@ -0,0 +1,13 @@
+#collection_selection_toggle_panel {
+  @include clearfix;
+
+  > .resource_selection_toggle_cell {
+    float: left;
+  }
+
+  #collection_selection_toggle_explaination {
+    float: left;
+    margin-left: 5px;
+    font-style: italic;
+  }
+}

data/app/assets/stylesheets/active_admin_face/components/_blank_slates.scss

@@ -0,0 +1,32 @@
+.blank_slate_container {
+  clear: both;
+  text-align: center;
+
+  .blank_slate {
+    @include rounded;
+
+    -webkit-font-smoothing: antialiased;
+    border: $blank-slate-border;
+    color: $blank-slate-primary-color;
+    display: inline-block;
+    font-size: 1.2em;
+    font-weight: bold;
+    padding: 14px 25px;
+    text-align: center;
+
+    small {
+      display: block;
+      font-size: 0.9em;
+      font-weight: normal;
+    }
+  }
+}
+
+.admin_dashboard .blank_slate_container .blank_slate {
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+
+.with_sidebar .blank_slate_container .blank_slate {
+  margin-top: 80px;
+}

data/app/assets/stylesheets/active_admin_face/components/_breadcrumbs.scss

@@ -0,0 +1,27 @@
+.breadcrumb {
+  display: block;
+  font-size: 0.9em;
+  font-weight: normal;
+  line-height: 1.0em;
+  margin-bottom: 12px;
+  text-transform: uppercase;
+
+  a, a:link, a:visited, a:active {
+    color: $breadcrumbs-color;
+    text-decoration: none;
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+
+  a:hover {
+    text-decoration: underline;
+    background: $skinActiveColor;
+    padding: 5px;
+    color: $skinHeaderTextColor;
+  }
+
+  .breadcrumb_sep {
+    margin: 0 2px;
+    color: $breadcrumbs-separator-color;
+  }
+}

data/app/assets/stylesheets/active_admin_face/components/_buttons.scss

@@ -0,0 +1,16 @@
+td, p {
+  @include icon(#B3BCC1, 0.8em);
+
+  span.icon {
+    margin: 0 3px;
+  }
+}
+
+a.member_link {
+  margin-right: 7px;
+  white-space: nowrap;
+}
+
+a.button, a:link.button, a:visited.button, input[type=submit] {
+  @include dark-button;
+}

data/app/assets/stylesheets/active_admin_face/components/_ckeditor.scss

@@ -0,0 +1,6 @@
+li.ckeditor {
+  label {
+    width: 100%;
+    padding-left: 5px;
+  }
+}

data/app/assets/stylesheets/active_admin_face/components/_columns.scss

@@ -0,0 +1,3 @@
+.columns {
+  margin-bottom: 10px;
+}

data/app/assets/stylesheets/active_admin_face/components/_comments.scss

@@ -0,0 +1,52 @@
+// -------------------------------------- Admin Notes
+.comments {
+  .active_admin_comment {
+    clear: both;
+    margin-top: 10px;
+    margin-bottom: 40px;
+    max-width: 700px;
+
+    .active_admin_comment_meta {
+      width: 130px;
+      float: left;
+      overflow: hidden;
+      font-size: 0.9em;
+      color: lighten($primary-color, 10%);
+
+      .active_admin_comment_author {
+        font-size: 1.2em;
+        font-weight: bold;
+        margin: 0;
+        color: $primary-color;
+      }
+    }
+
+    .active_admin_comment_body {
+      margin-left: 150px;
+    }
+  }
+
+  form.active_admin_comment {
+    margin: 0;
+    padding: 0;
+    margin-left: 150px;
+
+    fieldset.inputs {
+      border: none;
+      margin: 0;
+      padding: 0;
+      background: none;
+
+      @include no-shadow;
+    }
+
+    li {
+      padding: 0;
+    }
+
+    fieldset.buttons {
+      padding: 0;
+      margin-top: 5px;
+    }
+  }
+}

data/app/assets/stylesheets/active_admin_face/components/_date_picker.scss

@@ -0,0 +1,315 @@
+// -------------------------------------- Date Picker
+.ui-datepicker {
+  background: $skinActiveColor;
+  background-image: none;
+  background-clip: padding-box;
+  color: #fff;
+  display: none;
+  margin-top: 2px;
+  padding: 0;
+  text-align: center;
+  width: 160px;
+
+  a {
+    text-decoration: none;
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+
+  .ui-datepicker-header {
+    background: none;
+    height: 14px;
+    padding: 16px 7px 8px;
+    margin: 0px 0px 2px 2px;
+    width: 147px;
+    border-top-left-radius: 7px;
+    border-top-right-radius: 7px;
+    position: relative;
+    z-index: 2000;
+
+    .ui-datepicker-title {
+      .ui-datepicker-month,
+      .ui-datepicker-year {
+        font-size: 1.1em;
+      }
+
+      @include text-shadow(#000, 1px, 1px, 3px);
+
+      color: $panelHeaderTextColor;
+      display: block;
+      font-size: 1.1em;
+      font-weight: bold;
+      line-height: 0.8em;
+      text-align: center;
+      vertical-align: top;
+
+      .ui-datepicker-month {
+        margin: -1px 0 0 0;
+      }
+
+      .ui-datepicker-year {
+        margin: -1px 0 0 0;
+      }
+    }
+
+    a {
+      color: $panelHeaderTextColor;
+      display: block;
+      height: 19px;
+      margin-top: -4px;
+      width: 20px;
+
+      &.ui-datepicker-prev {
+        float: left;
+
+        @extend .fa;
+
+        @extend .fa-angle-left;
+
+        background: none;
+        position: relative;
+        top: 4px;
+      }
+
+      &.ui-datepicker-next {
+        float: right;
+
+        @extend .fa;
+
+        @extend .fa-angle-right;
+
+        background: none;
+        position: relative;
+        top: 4px;
+      }
+
+      span {
+        display: none;
+      }
+    }
+  }
+
+  table.ui-datepicker-calendar {
+    @include rounded-bottom;
+
+    @include shadow(0, 1px, 6px, rgba(0, 0, 0, 0.26));
+
+    background-color: #f4f4f4;
+    border: solid 1px #63686e;
+    left: 2px;
+    margin-bottom: 0px;
+    position: relative;
+    top: -2px;
+    width: 156px;
+
+    td, th {
+      padding: 0px;
+      text-align: center;
+    }
+
+    thead th {
+      background-color: #dbdddf;
+      color: #333333;
+      font-weight: normal;
+      font-size: 0.8em;
+      padding-top: 1px;
+    }
+
+    tbody {
+      color: #666666;
+
+      td {
+        border: none;
+        height: 24px;
+        width: 22px;
+
+        a {
+          @include rounded;
+
+          color: #666666;
+          font-weight: bold;
+          font-size: 0.85em;
+          padding: 4px;
+
+          &.ui-state-active {
+            background-color: #5a5f64;
+            color: #fff;
+
+            &.ui-state-hover {
+              background-color: #5a5f64;
+              color: #fff;
+            }
+          }
+
+          &.ui-state-hover {
+            background-color: #eceef0;
+          }
+
+          &.ui-state-highlight {
+            background-color: #dbdddf;
+          }
+        }
+      }
+    }
+  }
+}
+
+// default
+//.ui-datepicker {
+//  background: #fff;
+//  -webkit-background-clip: padding-box;
+//  -moz-background-clip: padding-box;
+//  background-clip: padding-box;
+//  color: #fff;
+//  display: none;
+//  margin-top: 2px;
+//  padding: 0;
+//  text-align: center;
+//  width: 160px;
+//
+//  a {
+//    text-decoration: none;
+//    &:hover {
+//      cursor: pointer;
+//    }
+//  }
+//
+//  .ui-datepicker-header {
+//    height: 14px;
+//    @include primary-gradient;
+//    padding: 12px 5px 7px 4px;
+//    margin: 0px 0px 2px 2px;
+//    width: 147px;
+//    border-top-left-radius: 7px;
+//    border-top-right-radius: 7px;
+//    position: relative;
+//    z-index: 2000;
+//
+//    &:before {
+//       content: "";
+//       position: absolute;
+//       right: 45%;
+//       top: -6px;
+//       width: 0px;
+//       height: 0px;
+//       border-left: 8.5px solid rgba(0, 0, 0, 0);
+//       border-right: 8.5px solid rgba(0, 0, 0, 0);
+//       border-bottom: 10px solid #676e73;
+//    }
+//
+//    .ui-datepicker-title {
+//      // Date picker styling
+//      .ui-datepicker-month,
+//      .ui-datepicker-year{
+//        font-size: 1.1em;
+//      }
+//      @include text-shadow(#000);
+//      color: #fff;
+//      display: block;
+//      font-size: 1.1em;
+//      font-weight: bold;
+//      line-height: 0.8em;
+//      text-align: center;
+//      vertical-align: top;
+//
+//      .ui-datepicker-month {
+//        margin: -1px 0 0 0;
+//      }
+//      .ui-datepicker-year {
+//        margin: -1px 0 0 0;
+//      }
+//    }
+//
+//
+//    a {
+//      color: #fff;
+//      display: block;
+//      height: 19px;
+//      margin-top: -4px;
+//      width: 10px;
+//
+//      &.ui-datepicker-prev {
+//        float: left;
+//        width: 0;
+//        height: 0;
+//        margin: 0px 0px 0px 4px;
+//        border-top: 5px solid transparent;
+//        border-right: 5px solid white;
+//        border-bottom: 5px solid transparent;
+//      }
+//      &.ui-datepicker-next {
+//        float: right;
+//        width: 0;
+//        height: 0;
+//        margin: 0px 4px 0px 0px;
+//        border-top: 5px solid transparent;
+//        border-left: 5px solid white;
+//        border-bottom: 5px solid transparent;
+//      }
+//
+//      span {
+//        display: none;
+//      }
+//    }
+//  }
+//
+//  table.ui-datepicker-calendar {
+//    @include rounded-bottom;
+//    @include shadow(0,1px,6px,rgba(0,0,0,0.26));
+//    background-color: #f4f4f4;
+//    border: solid 1px #63686e;
+//    left: 2px;
+//    margin-bottom: 0px;
+//    position: relative;
+//    top: -2px;
+//    width: 156px;
+//
+//    td, th {
+//      padding: 0px;
+//      text-align: center;
+//    }
+//
+//    thead th {
+//      background-color: #dbdddf;
+//      color: #333333;
+//      font-weight: normal;
+//      font-size: 0.8em;
+//      padding-top: 1px;
+//    }
+//
+//    tbody {
+//      color: #666666;
+//
+//      td {
+//        border: none;
+//        height: 24px;
+//        width: 22px;
+//
+//        a {
+//          @include rounded;
+//          color: #666666;
+//          font-weight: bold;
+//          font-size: 0.85em;
+//          padding: 4px;
+//
+//          &.ui-state-active {
+//            background-color: #5a5f64;
+//            color: #fff;
+//            &.ui-state-hover {
+//              background-color: #5a5f64;
+//              color: #fff;
+//            }
+//          }
+//          &.ui-state-hover {
+//            background-color: #eceef0;
+//          }
+//          &.ui-state-highlight {
+//            background-color: #dbdddf;
+//          }
+//        }
+//      }
+//    }
+//  }
+//}