activeadmin 2.2.0

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

@@ -0,0 +1,65 @@
+.ui-tabs-nav {
+  list-style: none;
+  display: block;
+  width: auto;
+  margin-bottom: -12px;
+  padding-left: 0;
+  overflow: auto;
+  margin-left: 15px;
+
+  li {
+    display: block;
+    position: relative;
+    margin: 0;
+    padding: 0;
+    float: left;
+
+    &:first-child a {
+      border-left-width: 1px;
+      border-top-left-radius: 12px;
+      border-bottom-left-radius: 12px;
+    }
+
+    &:last-child a {
+      border-right-width: 1px;
+      border-top-right-radius: 12px;
+      border-bottom-right-radius: 12px;
+    }
+
+    a {
+      @include light-button;
+      @include gradient(#FFFFFF, #F0F0F0);
+      @include border-colors(#d9d9d9, #d0d0d0, #c5c5c5);
+      text-decoration: none;
+      border-radius: 0;
+      border-width: 1px .5px 1px .5px;
+      margin-right: 0;
+      padding: 4px 14px 4px;
+
+      &:not(.disabled) {
+        &:hover {
+          @include gradient(#FFFFFF, #F6F6F6);
+        }
+      }
+    }
+
+    &.ui-tabs-active {
+      a {
+        cursor: default;
+        @include gradient(#F0F0F0, #FDFDFD);
+        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;
+
+        a:hover {
+          @include gradient(#F0F0F0, #FDFDFD);
+        }
+      }
+    }
+  }
+}
+
+.tab-content {
+  border: 1px solid #D3D3D3;
+  padding: 15px;
+  padding-top: 30px;
+  text-align: left;
+}

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

@@ -0,0 +1,16 @@
+.unsupported_browser {
+  padding: 10px 30px;
+  color: #211e14;
+  background-color: #fae692;
+  @include gradient(#feefae, #fae692);
+  border-bottom: 1px solid #b3a569;
+
+  h1 {
+    font-size: 13px;
+    font-weight: bold;
+  }
+
+  p {
+    margin-bottom: 0.5em;
+  }
+}

data/app/assets/stylesheets/active_admin/mixins/_all.scss

@@ -0,0 +1,8 @@
+@import "active_admin/mixins/variables";
+@import "active_admin/mixins/gradients";
+@import "active_admin/mixins/shadows";
+@import "active_admin/mixins/rounded";
+@import "active_admin/mixins/buttons";
+@import "active_admin/mixins/sections";
+@import "active_admin/mixins/utilities";
+@import "active_admin/mixins/typography";

data/app/assets/stylesheets/active_admin/mixins/_buttons.scss

@@ -0,0 +1,65 @@
+@mixin basic-button {
+  @include rounded(200px);
+  display: inline-block;
+  font-weight: bold;
+  font-size: 1.0em;
+  @include sans-family;
+  line-height: 12px;
+  margin-right: 3px;
+  padding: 7px 16px 6px;
+  text-decoration: none;
+
+  &.disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+
+}
+
+@mixin default-button {
+  @include basic-button;
+  @include gradient(lighten($primary-color, 15%), darken($primary-color, 12%));
+  @include text-shadow(#000);
+  box-shadow: 0 1px 1px rgba(0,0,0,0.10), 0 1px 0 0px rgba(255,255,255, 0.2) inset;
+  border: solid 1px #484e53;
+  @include border-colors(#616a71, #484e53, #363b3f);
+  color: #efefef;
+
+  &:not(.disabled) {
+    &:hover{
+      @include gradient(lighten($primary-color, 18%), darken($primary-color, 9%));
+    }
+
+    &:active {
+      box-shadow: 0 1px 3px rgba(0,0,0,0.40) inset, 0 1px 0 0px #FFF;
+      @include gradient(lighten($primary-color, 8%), darken($primary-color, 17%));
+    }
+  }
+}
+
+@mixin light-button {
+  @include basic-button;
+  @include gradient(#FFFFFF, #E7E7E7);
+  box-shadow: 0 1px 1px rgba(0,0,0,0.10), 0 1px 0 0 rgba(255,255,255, 0.8) inset;
+  border: solid 1px #c7c7c7;
+  @include border-colors(#d3d3d3, #c7c7c7, #c2c2c2);
+  @include text-shadow;
+  color: $primary-color;
+
+  &:not(.disabled) {
+    &:hover {
+      @include gradient(#FFFFFF, #F1F1F1);
+    }
+
+    &:active {
+      box-shadow: 0 1px 2px rgba(0,0,0,0.22) inset, 0 1px 0 0px #EEE;
+      @include border-colors(#c2c2c2, #b9b9b9, #b7b7b7);
+      @include gradient(#F3F3F3, #D8D8D8);
+    }
+  }
+
+}
+
+@mixin dark-button {
+  @include default-button;
+}

data/app/assets/stylesheets/active_admin/mixins/_gradients.scss

@@ -0,0 +1,28 @@
+$secondary-gradient-start: #efefef !default;
+$secondary-gradient-stop: #dfe1e2 !default;
+
+@mixin gradient($start, $end){
+  background-color: $start;
+  background-image: linear-gradient(180deg, $start, $end);
+}
+
+@mixin primary-gradient {
+  @include gradient(lighten($primary-color, 5%), darken($primary-color, 7%));
+  border-bottom: 1px solid darken($primary-color, 11%);
+}
+
+@mixin secondary-gradient {
+  @include gradient($secondary-gradient-start, $secondary-gradient-stop);
+}
+
+@mixin highlight-gradient {
+  @include gradient(#75a1c2, #608cb4);
+}
+
+@mixin reverse-highlight-gradient {
+  @include gradient(#608cb4, #75a1c2);
+}
+
+@mixin no-gradient {
+  background: none;
+}

data/app/assets/stylesheets/active_admin/mixins/_rounded.scss

@@ -0,0 +1,22 @@
+@mixin rounded($radius: 3px) {
+  border-radius: $radius;
+}
+
+@mixin rounded-all($top-left:3px, $top-right:3px, $bottom-right:3px, $bottom-left:3px) {
+  border-top-right-radius: $top-right;
+  border-top-left-radius: $top-left;
+  border-bottom-right-radius: $bottom-right;
+  border-bottom-left-radius: $bottom-left;
+}
+
+@mixin rounded-top($radius: 3px) {
+  @include rounded(0);
+  border-top-right-radius: $radius;
+  border-top-left-radius: $radius;
+}
+
+@mixin rounded-bottom($radius: 3px) {
+  @include rounded(0);
+  border-bottom-right-radius: $radius;
+  border-bottom-left-radius: $radius;
+}

data/app/assets/stylesheets/active_admin/mixins/_sections.scss

@@ -0,0 +1,41 @@
+@mixin section-header {
+  @include secondary-gradient;
+  @include text-shadow;
+  border: solid 1px #cdcdcd;
+  @include border-colors(#e6e6e6, #d4d4d4, #cdcdcd);
+  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 1px #FFF inset;
+
+  font-size: 1em;
+  font-weight: bold;
+  line-height: 18px;
+  margin-bottom: 0.5em;
+  color: $section-header-text-color;
+
+  padding: 5px 10px 3px 10px;
+}
+
+@mixin section-background {
+  background: #f4f4f4;
+  @include rounded(4px);
+  @include inset-shadow(0,1px,4px, #ddd);
+}
+
+@mixin section {
+  @include section-background;
+  margin-bottom: 20px;
+
+  > h3 {
+    @include section-header;
+
+    .header_action {
+      float: right;
+    }
+  }
+
+  > div { padding: 3px $section-padding $section-padding $section-padding; }
+
+  hr {
+    border: none;
+    border-bottom: 1px solid #E8E8E8;
+  }
+}

data/app/assets/stylesheets/active_admin/mixins/_shadows.scss

@@ -0,0 +1,15 @@
+@mixin shadow($x: 0, $y: 1px, $blur: 2px, $color: rgba(0,0,0,0.37)) {
+  box-shadow: $x $y $blur $color;
+}
+
+@mixin no-shadow {
+  box-shadow: none;
+}
+
+@mixin inset-shadow($x: 0, $y: 1px, $blur: 2px, $color: #aaa) {
+  box-shadow: inset $x $y $blur $color;
+}
+
+@mixin text-shadow($color: #fff, $x: 0, $y: 1px, $blur: 0) {
+  text-shadow: $color $x $y $blur;
+}

data/app/assets/stylesheets/active_admin/mixins/_typography.scss

@@ -0,0 +1,3 @@
+@mixin sans-family {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}

data/app/assets/stylesheets/active_admin/mixins/_utilities.scss

@@ -0,0 +1,17 @@
+@mixin clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    content: "";
+    clear: both;
+    height: 0;
+  }
+}
+
+@mixin border-colors($top, $sides, $bottom) {
+  border-color: $sides;
+  border-top-color: $top;
+  border-right-color: $sides;
+  border-bottom-color: $bottom;
+  border-left-color: $sides;
+}

data/app/assets/stylesheets/active_admin/mixins/_variables.scss

@@ -0,0 +1,34 @@
+// Variables used throughout Active Admin.
+// They can be overridden by prepending your own
+// to 'app/assets/stylesheets/active_admin.scss'.
+
+// Colors
+$body-background-color: #FFF !default;
+$primary-color: #5E6469 !default;
+$secondary-color: #f0f0f0 !default;
+$text-color: #323537 !default;
+$link-color: #38678b !default;
+$section-header-text-color: $primary-color !default;
+$current-menu-item-background: lighten($primary-color, 12%) !default;
+$hover-menu-item-background: lighten($primary-color, 12%) !default;
+$table-stripe-color: lighten($primary-color, 57%) !default;
+$table-selected-color: #d9e4ec !default;
+$error-color: #932419 !default;
+$blank-slate-primary-color: #AAA !default;
+$breadcrumbs-color: #8a949e !default;
+$breadcrumbs-separator-color: #aab2ba !default;
+$required-field-marker-color: #aaa !default;
+$form-label-color: $section-header-text-color !default;
+$page-header-text-color: #cdcdcd !default;
+
+// Sizes
+$border-width: 1px !default;
+$horizontal-page-margin: 30px !default;
+$sidebar-width: 270px !default;
+$cell-padding: 5px 10px 3px 10px !default;
+$cell-horizontal-padding: 12px !default;
+$section-padding: 15px !default;
+$text-input-horizontal-padding: 10px !default;
+$text-input-total-padding: $text-input-horizontal-padding * 2 + $border-width * 2;
+
+$blank-slate-border: 1px dashed #DADADA !default;

data/app/assets/stylesheets/active_admin/pages/_logged_out.scss

@@ -0,0 +1,44 @@
+body.logged_out {
+  background: #e8e9ea;
+
+  #content_wrapper{
+    width: 500px;
+    margin: 70px auto;
+    #active_admin_content {
+      @include shadow;
+      background: #fff;
+      padding: 13px 30px;
+    }
+  }
+
+  h2 {
+    @include section-header;
+    @include primary-gradient;
+    @include text-shadow(#000);
+    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+    border: none;
+    color: #fff;
+    margin: -13px -30px 20px -30px;
+  }
+
+  #login {
+    /* Login Form */
+    form {
+      fieldset {
+        @include no-shadow;
+        background: none;
+        padding: 0;
+        li { padding: 10px 0; }
+
+        input[type=text], input[type=email], input[type=password] {
+          width: 70%;
+        }
+        &.buttons { margin-left: 20%; }
+        margin-bottom: 0;
+      }
+    }
+
+    a { float: right; margin-top: -32px; }
+  }
+
+}

data/app/assets/stylesheets/active_admin/print.scss

@@ -0,0 +1,287 @@
+/* Active Admin Print Stylesheet */
+
+// Set colors used elsewhere
+$primary-color: black;
+$text-color: black;
+
+// Normalize
+@import "active_admin/normalize";
+
+// Partials
+@import "active_admin/typography";
+
+body {
+  font-family: Helvetica, Arial, sans-serif;
+  line-height: 150%;
+  font-size: 72%;
+  background: #fff;
+  width: 99%;
+  margin: 0;
+  padding: .5%;
+  color: $text-color;
+}
+
+a {
+  color: $text-color;
+  text-decoration: none;
+}
+
+h3 {
+  font-weight: bold;
+  margin-bottom: .5em;
+}
+
+// Header
+#header {
+  float: left;
+
+  #tabs, .tabs, #utility_nav {
+    display: none;
+  }
+
+  h1{
+    font-weight: bold;
+  }
+}
+
+.flashes {
+  display: none;
+}
+
+#title_bar {
+  float: right;
+
+  h2 {
+    line-height: 2em;
+    margin: 0;
+  }
+
+  .breadcrumb, #titlebar_right {
+    display: none;
+  }
+}
+
+// Content
+#active_admin_content {
+  border-top: thick solid black;
+  clear: both;
+  margin-top: 2em;
+  padding-top: 3em;
+}
+
+// Footer
+#footer {
+  display: none;
+}
+
+// Tables
+.table_tools {
+  ul {
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+
+    li {
+      display: none;
+      padding: 0;
+      margin-bottom: 1em;
+
+      &.scope.selected, &.index.selected {
+        display: block;
+
+        &:before {
+          content: "Showing ";
+        }
+
+        a {
+          font-weight: bold;
+        }
+
+        span {
+          display: inline-block;
+          font-weight: normal;
+          font-size: .9em;
+        }
+      }
+    }
+
+  }
+}
+
+table {
+  margin-bottom: 1.5em;
+  text-align: left;
+  width: 100%;
+
+  thead {
+    display: table-header-group;
+
+    th {
+      background: none;
+      border-bottom: medium solid black;
+      font-weight: bold;
+
+      a{
+        text-decoration: none;
+      }
+    }
+  }
+
+  th, td {
+    padding: .5em 1em;
+
+    .member_link {
+      display: none;
+    }
+  }
+
+  td {
+    border-bottom: thin solid black;
+  }
+
+  tr{
+    page-break-inside: avoid;
+  }
+}
+
+// Index
+#index_footer, .pagination_information {
+  display: none;
+}
+
+.index_grid {
+  td {
+    border: none;
+    text-align: center;
+    vertical-align: middle;
+
+    img {
+      max-width: 1in;
+    }
+  }
+}
+
+// Show
+.panel {
+  border-bottom: thick solid #ccc;
+  margin-bottom: 3em;
+  padding-bottom: 2em;
+  page-break-inside: avoid;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.comments {
+  form {
+    display: none;
+  }
+
+  .active_admin_comment {
+    border-top: thin solid black;
+    padding-top: 1em;
+
+    .active_admin_comment_meta {
+      h4 {
+        font-size: 1em;
+        font-weight: bold;
+        float: left;
+        margin-right: .5em;
+        margin-bottom: 0;
+      }
+
+      span {
+        font-size: .9em;
+        font-style: italic;
+        vertical-align: top;
+      }
+    }
+
+    .active_admin_comment_body {
+      clear: both;
+      margin-bottom: 1em;
+    }
+  }
+}
+
+
+// Attribute Tables
+.attributes_table {
+  border-top: medium solid black;
+
+  th {
+    border-bottom: thin solid black;
+    vertical-align: top;
+
+    &:after {
+      content: ':';
+    }
+  }
+
+  td {
+    img {
+      max-height: 4in;
+      max-width: 6in;
+    }
+  }
+}
+
+// Sidebars
+#filters_sidebar_section {
+  display: none;
+}
+
+// Forms
+form {
+  fieldset {
+    border-top: thick solid #ccc;
+    padding-top: 2em;
+    margin-bottom: 2em;
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .buttons, abbr {
+    display: none;
+  }
+  ol {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+
+    li{
+      border-top: thin solid black;
+      margin: 0;
+      padding: 1em 0;
+      overflow: hidden;
+
+      &.password, &.hidden {
+        display: none;
+      }
+
+      label {
+        font-weight: bold;
+        float: left;
+        width: 20%;
+      }
+
+      input, textarea, select {
+        background: none;
+        border: 0;
+        font: Arial, Helvetica, sans-serif;
+      }
+
+      input[type=file] {
+        display: none;
+      }
+
+    }
+  }
+}
+
+.unsupported_browser {
+  display: none;
+}