saulolso-activeadmin 0.2.2

data/lib/active_admin/stylesheets/active_admin/mixins/_reset.scss

@@ -0,0 +1,165 @@
+// FROM The Compass Framework (compass-style.org)
+//
+// Copyright (c) 2009 Christopher M. Eppstein
+// 
+// Permission is hereby granted, free of charge, to any person obtaining a copy of
+// this software and associated documentation files (the "Software"), to deal in
+// the Software without restriction, including without limitation the rights to
+// use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+// the Software, and to permit persons to whom the Software is furnished to do so,
+// subject to the following conditions:
+// 
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software. No attribution is required by
+// products that make use of this software.
+// 
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+// FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+// COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+// IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+// CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+// 
+// Except as contained in this notice, the name(s) of the above copyright holders
+// shall not be used in advertising or otherwise to promote the sale, use or other
+// dealings in this Software without prior written authorization.
+// 
+// Contributors to this project agree to grant all rights to the copyright holder
+// of the primary product. Attribution is maintained in the source control history
+// of the product.
+//
+// Based on [Eric Meyer's reset](http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
+// Global reset rules.
+// For more specific resets, use the reset mixins provided below
+//
+// *Please Note*: tables still need `cellspacing="0"` in the markup.
+@mixin global-reset {
+  html, body, div, span, applet, object, iframe,
+  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+  a, abbr, acronym, address, big, cite, code,
+  del, dfn, em, font, img, ins, kbd, q, s, samp,
+  small, strike, strong, sub, sup, tt, var,
+  dl, dt, dd, ol, ul, li,
+  fieldset, form, label, legend,
+  table, caption, tbody, tfoot, thead, tr, th, td {
+    @include reset-box-model;
+    @include reset-font; }
+  body {
+    @include reset-body; }
+  ol, ul {
+    @include reset-list-style; }
+  table {
+    @include reset-table; }
+  caption, th, td {
+    @include reset-table-cell; }
+  q, blockquote {
+    @include reset-quotation; }
+  a img {
+    @include reset-image-anchor-border; } }
+
+// Reset all elements within some selector scope. To reset the selector itself,
+// mixin the appropriate reset mixin for that element type as well. This could be
+// useful if you want to style a part of your page in a dramatically different way.
+//
+// *Please Note*: tables still need `cellspacing="0"` in the markup.
+@mixin nested-reset {
+  div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
+  pre, a, abbr, acronym, address, code, del, dfn, em, img,
+  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
+    @include reset-box-model;
+    @include reset-font; }
+  table {
+    @include reset-table; }
+  caption, th, td {
+    @include reset-table-cell; }
+  q, blockquote {
+    @include reset-quotation; }
+  a img {
+    @include reset-image-anchor-border; } }
+
+// Reset the box model measurements.
+@mixin reset-box-model {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0; }
+
+// Reset the font and vertical alignment.
+@mixin reset-font {
+  font: {
+    weight: inherit;
+    style: inherit;
+    size: 100%;
+    family: inherit; };
+  vertical-align: baseline; }
+
+// Resets the outline when focus.
+// For accessibility you need to apply some styling in its place.
+@mixin reset-focus {
+  outline: 0; }
+
+// Reset a body element.
+@mixin reset-body {
+  line-height: 1;
+  color: black;
+  background: white; }
+
+// Reset the list style of an element.
+@mixin reset-list-style {
+  list-style: none; }
+
+// Reset a table
+@mixin reset-table {
+  border-collapse: separate;
+  border-spacing: 0;
+  vertical-align: middle; }
+
+// Reset a table cell (`th`, `td`)
+@mixin reset-table-cell {
+  text-align: left;
+  font-weight: normal;
+  vertical-align: middle; }
+
+// Reset a quotation (`q`, `blockquote`)
+@mixin reset-quotation {
+  quotes: "" "";
+  &:before, &:after {
+    content: ""; } }
+
+// Resets the border.
+@mixin reset-image-anchor-border {
+  border: none; }
+
+// Unrecognized elements are displayed inline.
+// This reset provides a basic reset for html5 elements
+// so they are rendered correctly in browsers that don't recognize them
+// and reset in browsers that have default styles for them.
+@mixin reset-html5 {
+  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
+    @include reset-box-model;
+    display: block; } }
+
+// Resets the display of inline and block elements to their default display
+// according to their tag type. Elements that have a default display that varies across
+// versions of html or browser are not handled here, but this covers the 90% use case.
+// Usage Example:
+//
+//     // Turn off the display for both of these classes
+//     .unregistered-only, .registered-only
+//       display: none
+//     // Now turn only one of them back on depending on some other context.
+//     body.registered
+//       +reset-display(".registered-only")
+//     body.unregistered
+//       +reset-display(".unregistered-only")
+@mixin reset-display($selector: "", $important: false) {
+  #{append-selector(elements-of-type("inline"), $selector)} {
+    @if $important {
+      display: inline !important; }
+    @else {
+      display: inline; } }
+  #{append-selector(elements-of-type("block"), $selector)} {
+    @if $important {
+      display: block !important; }
+    @else {
+      display: block; } } }

data/lib/active_admin/stylesheets/active_admin/mixins/_rounded.scss

@@ -0,0 +1,43 @@
+@mixin rounded($radius: 3px) { 
+  -webkit-border-radius: $radius; 
+  -moz-border-radius: $radius; 
+  border-radius: $radius;
+}
+
+@mixin rounded-all($top-left:3px, $top-right:3px, $bottom-right:3px, $bottom-left:3px) {
+  border-top-right-radius: $top-right;
+  -moz-border-radius-topright: $top-right;
+  -webkit-border-top-right-radius: $top-right;
+
+  border-top-left-radius: $top-left;
+  -moz-border-radius-topleft: $top-left;
+  -webkit-border-top-left-radius: $top-left;
+
+  border-bottom-right-radius: $bottom-right;
+  -moz-border-radius-bottomright: $bottom-right;
+  -webkit-border-bottom-right-radius: $bottom-right;
+
+  border-bottom-left-radius: $bottom-left;
+  -moz-border-radius-bottomleft: $bottom-left;
+  -webkit-border-bottom-left-radius: $bottom-left;
+}
+
+@mixin rounded-top($radius: 3px) {
+  @include rounded(0);
+  border-top-right-radius: $radius;
+  border-top-left-radius: $radius;
+  -moz-border-radius-topright: $radius;
+  -moz-border-radius-topleft: $radius;
+  -webkit-border-top-right-radius: $radius;
+  -webkit-border-top-left-radius: $radius;
+}
+
+@mixin rounded-bottom($radius: 3px) {
+  @include rounded(0);
+  border-bottom-right-radius: $radius;
+  border-bottom-left-radius: $radius;
+  -moz-border-radius-bottomright: $radius;
+  -moz-border-radius-bottomleft: $radius;
+  -webkit-border-bottom-right-radius: $radius;
+  -webkit-border-bottom-left-radius: $radius;
+}

data/lib/active_admin/stylesheets/active_admin/mixins/_sections.scss

@@ -0,0 +1,27 @@
+@mixin section-header {
+  @include secondary-gradient;
+  @include shadow;
+  @include text-shadow;
+  border-bottom: 1px solid #ededed;
+  padding: 5px 10px 3px 10px; 
+  font-size: 1.0em;
+  font-weight: bold;
+  line-height: 140%;
+  margin-bottom: 0.5em;
+  color: $section-header-text-color;
+  @include icon($section-header-text-color, 1.0em);
+  span.icon { margin-right: 5px; }
+}
+
+@mixin section-background {
+  background: #f4f4f4;
+  @include rounded(4px);
+  @include inset-shadow(0,1px,4px, #ddd);
+}
+
+@mixin section {
+  @include section-background;
+  h3 { @include section-header; }
+  margin-bottom: 20px;
+  > div { padding: 3px 15px 15px 15px; }
+}

data/lib/active_admin/stylesheets/active_admin/mixins/_shadows.scss

@@ -0,0 +1,21 @@
+@mixin shadow($x: 0, $y: 1px, $blur: 2px, $color: #aaa) { 
+  box-shadow: $x $y $blur $color; 
+  -moz-box-shadow: $x $y $blur $color; 
+  -webkit-box-shadow: $x $y $blur $color;
+}
+
+@mixin no-shadow {
+  box-shadow: none; 
+  -moz-box-shadow: none; 
+  -webkit-box-shadow: none;
+}
+
+@mixin inset-shadow($x: 0, $y: 1px, $blur: 2px, $color: #aaa) { 
+  box-shadow: inset $x $y $blur $color; 
+  -moz-box-shadow: inset $x $y $blur $color; 
+  -webkit-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/lib/active_admin/stylesheets/active_admin/mixins/_variables.scss

@@ -0,0 +1,12 @@
+// Variables used throughout Active Admin
+$horizontal-page-margin: 30px;
+$primary-color: #5E6469;
+$secondary-color: #f0f0f0;
+$text-color: #323537;
+$link-color: #38678b;
+$section-header-text-color: $primary-color;
+$cell-padding: 5px 10px 3px 10px; 
+$cell-horizontal-padding: 12px;
+$current-menu-item-background: lighten($primary-color, 12%);
+$hover-menu-item-background: lighten($primary-color, 12%);
+$table-stripe-color: lighten($primary-color, 57%); 

data/lib/active_admin/stylesheets/active_admin.scss

@@ -0,0 +1,429 @@
+/* Active Admin CSS */
+
+// Bring in all the shared goodness
+@import "active_admin/mixins/all";
+
+// Reset Away!
+@include global-reset;
+
+// Partials
+@import "active_admin/typography";
+@import "active_admin/header";
+@import "active_admin/forms";
+@import "active_admin/comments";
+@import "active_admin/flash_messages";
+
+body {
+  font-family: Helvetica, Arial, sans-serif;
+  line-height: 150%;
+  font-size: 72%;
+  background: #fff;
+  margin: 0;
+  padding: 0;
+  color: $text-color;
+}
+
+// ----------------------------------- Page Title Bar 
+#title_bar {
+  @include section-header;
+  position: relative; 
+  margin: 0; 
+  padding: 10px $horizontal-page-margin; 
+
+  h2 { 
+    margin: 12px 0 5px 0; 
+    padding: 0; 
+    font-size: 2.6em;
+    font-weight: bold;
+  }
+
+  .action_items { 
+    position: absolute; 
+    right: $horizontal-page-margin; 
+    top: 28px;
+
+    a { 
+      @include light-button; 
+      @include icon(#777, 0.8em); 
+      @include gradient(#f9f9f9, #dddbdb);
+      padding: .8em 1.5em .7em 1.5em;
+      border: 1px solid #f8f8f8;
+      span.icon { vertical-align: bottom; margin-right: 4px;} 
+      &:hover{ @include icon-color(#000); }
+      &:active { border: inherit; }
+    }
+  }
+}
+
+// ----------------------------------- Main Structure 
+#active_admin_content { 
+  margin: 0; 
+  padding: 25px $horizontal-page-margin; 
+  
+  #main_content_wrapper { 
+    float: left; 
+    width: 100%; 
+
+    #main_content{ 
+      margin-right: 300px; 
+    }
+  }
+
+  &.without_sidebar #main_content_wrapper #main_content{ margin-right: 0; }
+
+  #sidebar { 
+    float: left; 
+    width: 270px; 
+    margin-left: -270px; 
+  }
+}
+
+// ----------------------------------- Footer 
+#footer {
+  padding: 30px 30px;  
+  font-size: 0.8em; 
+  clear: both; 
+
+  p { 
+    padding-top: 10px
+  }
+}
+
+// ----------------------------------- Links 
+a, a:link, a:visited {
+  color: $link-color;
+  text-decoration: underline;
+}
+a:hover { text-decoration: none; }
+
+// ----------------------------------- Buttons 
+
+td, p {
+  @include icon(#B3BCC1, 0.8em);
+  span.icon { margin: 0 3px; }
+}
+
+a.member_link {
+  margin-right: 7px;
+  white-space: nowrap;
+}
+
+a.button, input[type=submit] { @include dark-button; }
+
+// ----------------------------------- Breadcrumbs 
+.breadcrumb {
+  text-transform: uppercase;
+  font-size: 0.9em;
+  font-weight: normal;
+
+  a, a:link {
+    color: #8a949e ;
+    text-decoration: none;
+  }
+
+  a:hover { text-decoration: underline; }
+
+  .breadcrumb_sep {
+    margin: 0 2px;
+    color: #aab2ba;
+  }
+}
+
+// ----------------------------------- Sections & Panels
+// Helper class to apply to elements to make them sections
+.section, .panel{ @include section; }
+
+// ----------------------------------- Tables 
+table {
+  width: 100%;
+  margin-bottom: 10px;
+  border: 0;
+  border-spacing: 0;
+
+
+  th { 
+    @include section-header;
+    text-align: left;
+    padding-left: $cell-horizontal-padding;
+    padding-right: $cell-horizontal-padding;
+
+    a, a:link, a:visited {
+      color: $section-header-text-color;
+      text-decoration: none;
+      display: block;
+    }
+
+    &.sortable a {
+      background: url('/images/active_admin/orderable.png') no-repeat 0 4px; padding-left: 13px;
+    }
+
+    &.sorted-asc a { background-position: 0 -27px; }
+    &.sorted-desc a {  background-position: 0 -56px;}
+
+    &.sorted-asc, &.sorted-desc {
+      @include gradient(darken($secondary-gradient-start, 5%), darken($secondary-gradient-stop, 5%));
+      border-bottom: 1px solid $secondary-gradient-stop;
+    }
+  }
+
+  tr.even td { background: $table-stripe-color; }
+
+  td {
+    padding: 10px $cell-horizontal-padding 8px $cell-horizontal-padding;
+    border-bottom: 1px solid #e8e8e8;
+    vertical-align: top;
+  }
+}
+
+// ----------------------------------- Tables inside Panels
+
+.panel_contents table {
+  margin-top: 5px;
+  th { 
+    padding-top: 10px;
+    background: none;
+    color: $primary-color;
+    @include no-shadow;
+    @include text-shadow;
+    text-transform: uppercase;
+    border-bottom: 1px solid #ccc;
+  }
+  tr.odd td { background: darken($table-stripe-color, 3%); }
+  tr.even td { background: $table-stripe-color; }
+}
+
+// ----------------------------------- Sidebar Sections 
+.sidebar_section { @include section; }
+
+// -------------------------------------- Pagination 
+.pagination_information { 
+  float: right;
+  margin-bottom: 5px;
+  font-size: 0.95em;
+  color: #b3bcc1;
+  b { color: #5c6469; }
+}
+
+.pagination { 
+  display: inline; 
+  font-size: 0.9; 
+  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;
+  }
+  span.page.current { padding-left: 7px; }
+}
+
+// -------------------------------------- Index Footer (Under Table) 
+#index_footer { padding-top: 5px; text-align: right; font-size: 0.85em; }
+
+
+
+.index_content { clear: both; }
+
+// -------------------------------------- Index as Grid 
+table.index_grid td { border: none; background: none; padding: 0 20px 20px 0; margin: 0;}
+
+
+// -------------------------------------- Filter Forms 
+form {
+  .buttons { 
+    margin-top: 15px; 
+    input[type=submit] { margin-right: 10px; }
+  }
+  .filter_form_field {
+    margin-bottom: 10px; 
+    clear: both;
+
+
+    label {
+      display: block;
+      text-transform: uppercase;
+      color: $section-header-text-color;
+      font-size: 0.9em;
+      font-weight: bold;
+    }
+    .datepicker { width: 80px; }
+    &.filter_numeric { input[type=text] { width: 80px; margin-left: 5px; } }
+    &.filter_check_boxes {
+      label { margin-bottom: 3px; }
+      .check_boxes_wrapper label { 
+        font-weight: normal; 
+        margin-bottom: 3px;
+        text-transform: none;
+        font-size: 1.0em;
+        input { vertical-align: baseline; }
+      }
+    }
+  }
+  a.clear_filters_btn { @include light-button; }
+}
+
+
+// -------------------------------------- Logged Out 
+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);
+    color: #fff;
+    margin: -13px -30px 20px -30px;
+  }
+
+  .flash { 
+    @include no-shadow;
+    @include text-shadow(#fff);
+    padding: 0; 
+    color: #666;
+    background: none;
+  }
+
+  #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; }
+  }
+
+}
+
+// -------------------------------------- Date Picker 
+.ui-datepicker {
+  @include primary-gradient;
+  padding: 5px 5px 0 5px;
+  color: #fff;
+  display: none;
+  a { 
+    color: #fff;
+    text-decoration: none;
+    &:hover {
+      cursor: pointer;
+    }
+    &.ui-datepicker-prev { float: left; }
+    &.ui-datepicker-next { float: right; }
+  }
+  .ui-datepicker-title { text-align: center; display: block;}
+  table {
+    td, th { padding: 1px 3px; }
+    td { border: none; }
+  }
+}
+
+// -------------------------------------- Dashboard 
+table.dashboard {
+  width: 100%; 
+  td { border-bottom: none; }
+  .dashboard_section { @include section; }
+}
+
+
+// -------------------------------------- Resource Attributes Table 
+.attributes_table { overflow: hidden; }
+
+.attributes_table table {
+  th, td {
+    padding: 8px $cell-horizontal-padding 6px $cell-horizontal-padding;
+    vertical-align: top;
+    border-bottom: 1px solid #e8e8e8; 
+  }
+  th {
+    @include no-shadow;
+    background: none;
+    width: 150px;
+    font-size: 0.9em;
+    padding-left: 0;
+    text-transform: uppercase;
+    color: $primary-color;
+    @include text-shadow;
+  }
+  td {
+    .empty {
+      color: #bbb;
+      font-size: 0.8em;
+      text-transform: uppercase;
+      letter-spacing: 0.2em;
+    }
+  }
+}
+
+.sidebar_section .attributes_table th { width: 50px; }
+
+
+// -------------------------------------- Status Tags
+.status {
+  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; }
+
+
+}
+
+
+// -------------------------------------- Scopes
+.scopes {
+  float: left;
+  margin-bottom: 10px;
+  font-size: 1.0em;
+
+  .scope {
+    padding: 4px 8px 3px 8px;
+    margin-right: 4px;
+    a { text-decoration: none; font-weight: bold; color: #888; }
+    a:hover { text-decoration: underline; ; }
+    &.selected { 
+      @include rounded(5px);
+      @include inset-shadow(0,1px,0,#ccc);
+      @include text-shadow;
+      background: #efefef;
+      color: #666;
+      em { font-weight: bold; font-style: normal;  
+      }
+    }
+    .count{ color: #aaa; font-size: 0.9em; }
+  }
+  .scopes_seperator { display: none; }
+}
+
+// -------------------------------------- Columns
+.columns {
+  clear: both;
+  padding: 0;
+  .column { float: left; }
+}

data/lib/active_admin/version.rb

@@ -0,0 +1,3 @@
+module ActiveAdmin
+  VERSION = '0.2.2'
+end