aa-rails4 0.6.0

data/app/assets/stylesheets/active_admin/components/_dropdown_menu.scss

@@ -0,0 +1,151 @@
+.dropdown_menu {
+  display: inline;
+
+  .dropdown_menu_button {
+    @include light-button;
+    position: relative;
+    padding-right: 22px !important;
+    cursor: pointer;
+
+    &:before {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 3px 3px 0;
+      border-style: solid;
+      border-color: #FFF transparent;
+      right: 12px;
+      top: 45%;
+    }
+
+    &:after {
+      content: ' ';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-width: 3px 3px 0;
+      border-style: solid;
+      border-color: #777 transparent;
+      right: 12px;
+      top: 45%;
+    }
+  }
+
+  .dropdown_menu_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;
+    }
+  }
+
+  .dropdown_menu_list_wrapper {
+    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;
+
+    .dropdown_menu_list {
+      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;
+
+      list-style-type: none;
+      padding: 0;
+
+      li {
+        display: block;
+        border-bottom: solid 1px #ebebeb;
+        @include box-sizing(border-box);
+
+        a {
+          display: block;
+          @include 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/active_admin/components/_flash_messages.css.scss

@@ -0,0 +1,39 @@
+body.logged_in {
+  .flash {
+    @include gradient(#f7f1d3, #f5edc5);
+    @include text-shadow(#fafafa);
+    border-bottom: 1px solid #eee098;
+    color: #cb9810;
+    font-weight: bold;
+    font-size: 1.1em;
+    line-height: 1.0em;
+    margin-bottom: 10px;
+    padding: 13px 30px 11px;
+    position: relative;
+    top: -15px;
+
+    &.flash_notice {
+      @include gradient(#dce9dd, #ccdfcd);
+      border-bottom: 1px solid #adcbaf;
+      color: #416347;
+    }
+    &.flash_error {
+      @include gradient(#f5e4e4, #f1dcdc);
+      border-bottom: 1px solid #e0c2c0;
+      color: #b33c33;
+    }
+  }
+}
+
+body.logged_out {
+  .flash {
+    @include no-shadow;
+    @include text-shadow(#fff);
+    background: none;
+    color: #666;
+    font-weight: bold;
+    line-height: 1.0em;
+    margin-bottom: 10px;
+    padding: 0;
+  }
+}

data/app/assets/stylesheets/active_admin/components/_grid.scss

@@ -0,0 +1,9 @@
+// -------------------------------------- Index as Grid
+table.index_grid td { border: none; background: none; padding: 0 20px 20px 0; margin: 0;}
+
+// -------------------------------------- Columns
+.columns {
+  clear: both;
+  padding: 0;
+  .column { float: left; }
+}

data/app/assets/stylesheets/active_admin/components/_index_list.scss

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

data/app/assets/stylesheets/active_admin/components/_links.scss

@@ -0,0 +1,5 @@
+a, a:link, a:visited {
+  color: $link-color;
+  text-decoration: underline;
+}
+a:hover { text-decoration: none; }

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

@@ -0,0 +1,34 @@
+.paginated_collection_contents {
+  clear: both;
+}
+
+.pagination {
+  float: right;
+  font-size: 0.9em;
+  margin-left: 10px;
+
+  a {
+    @include light-button;
+  }
+
+  span.page.current {
+    @include default-button;
+  }
+
+  a, span.page.current {
+    @include rounded(0px);
+    margin-right: 4px;
+    padding: 2px 5px;
+  }
+}
+
+.pagination_information {
+  float: right;
+  margin-bottom: 5px;
+  color: #b3bcc1;
+  b { color: #5c6469; }
+}
+
+.download_links {
+  float: left;
+}

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

@@ -0,0 +1,6 @@
+// ----------------------------------- Helper class to apply to elements to make them sections
+.section, .panel{ @include section; }
+
+// ----------------------------------- Sidebar Sections
+
+.sidebar_section { @include section; }

data/app/assets/stylesheets/active_admin/components/_popovers.css.scss

@@ -0,0 +1,123 @@
+.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;
+      @include box-sizing(border-box);
+
+      a {
+        display: block;
+        @include 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/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/active_admin/components/_status_tags.scss

@@ -0,0 +1,12 @@
+.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; }
+}

data/app/assets/stylesheets/active_admin/components/_table_tools.css.scss

@@ -0,0 +1,95 @@
+.table_tools {
+  display: block;
+  margin-bottom: 16px;
+  width: 100%;
+  height: 20px;
+}
+
+.table_tools {
+  .table_tools_button + .table_tools_button {
+    margin-left: 6px;
+  }
+
+  .table_tools_button + .table_tools_segmented_control {
+    margin-left: 6px;
+  }
+
+  .table_tools_segmented_control + .table_tools_button {
+    margin-left: 6px;
+  }
+
+}
+
+
+a.table_tools_button, .table_tools .dropdown_menu_button {
+  @include light-button;
+  @include gradient(#FFFFFF, #F0F0F0);
+  @include border-colors(#d9d9d9, #d0d0d0, #c5c5c5);
+  font-size: 0.9em;
+  text-decoration: none;
+  padding: 4px 14px 4px;
+  position: relative;
+  -webkit-transition: all 0.08s ease-in;
+
+  &:not(.disabled) {
+    &:hover {
+      @include gradient(#FFFFFF, #F6F6F6);
+    }
+
+    &: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 {
+  display: inline-block;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  li {
+    display: inline-block;
+    list-style-image: none;
+    list-style-type: none;
+    margin-left: -7px;
+    white-space: nowrap;
+
+    a {
+      border-radius: 0px;
+    }
+
+    &:first-child {
+      margin-left: 0;
+
+      a {
+        border-top-left-radius: 12px;
+        border-bottom-left-radius: 12px;
+      }
+    }
+
+    &:last-child {
+      a {
+        border-top-right-radius: 12px;
+        border-bottom-right-radius: 12px;
+      }
+    }
+
+    &.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);
+        }
+      }
+    }
+
+  }
+
+}