rails_admin-lbgraham 0.4.2

data/app/assets/stylesheets/rails_admin/base/README.txt

@@ -0,0 +1,2 @@
+For RailsAdmin developers:
+We should use sass variables & mixins as much as possible so that themers/users can override them cleanly

data/app/assets/stylesheets/rails_admin/base/mixins.css.scss

@@ -0,0 +1 @@
+/* RailsAdmin SASS mixins */

data/app/assets/stylesheets/rails_admin/base/theming.css.scss

@@ -0,0 +1,270 @@
+/*
+  RailsAdmin main CSS
+  Keep it clean, people
+*/
+
+body.rails_admin {
+
+  .thumbnail {
+    display:inline-block;
+  }
+
+  /* room for upper navbar */
+  padding-top: 60px;
+
+  /* Application name */
+  .navbar .brand {
+    small {
+      color:$red;
+      font-weight:bold;
+    }
+  }
+
+  .sidebar-nav {
+    padding: 9px 0;
+  }
+
+  /* fat labels in forms */
+  .label.form-label {
+    padding: 7px 7px 8px 7px;
+  }
+
+  /* new/edit/export forms */
+  .form-horizontal {
+    /* hide hidden fields controls by default */
+    .control-group .hidden_type {
+      display:none;
+    }
+    
+    legend {
+      cursor:pointer;
+      i {
+        vertical-align: inherit !important;
+      }
+    }
+    
+    &.denser {
+      .controls .nav {
+        margin-bottom:5px;
+      }
+      .remove_nested_fields {
+        position:absolute;
+      }
+      margin:0px;
+      p {
+        font-size: 12px;
+        line-height: 16px;
+      }
+      .help-block {
+        margin-top: 0px;
+      }
+      .input-prepend, .input-append {
+        margin-bottom: 0px;
+        label {
+          margin-bottom: 0px;
+        }
+      }
+      .control-group {
+        margin: 0px;
+        padding-top:15px;
+      }
+      .control-label {
+        width:145px;
+      }
+      legend {
+        margin-bottom:0px;
+      }
+    }
+    
+    /* We want input size to be used, unfixate input width */
+    input, textarea {
+      width:auto;
+    }
+    .help-block {
+      clear:left;
+    }
+    input[type=file] {
+      display:block;
+    }
+
+    /* nested forms */
+    .tab-content .tab-pane {
+      &>.remove_nested_fields {
+        display:none;
+      }
+      &:hover>.remove_nested_fields {
+        display:block;
+      }
+      
+      border-left:5px solid $blue;
+      padding-left:5px;
+      fieldset {
+        margin-left:-10px;
+        .control-group > label {
+          padding-left:10px;
+          width:135px;
+        }
+        legend {
+          float:left;
+          margin-left:10px;
+        }
+      }
+    }
+
+    /* double nesting, guys. Easy. */
+    .tab-content .tab-content .tab-pane {
+      border-color:lighten($blue, 20%);
+      margin-left:10px;
+      fieldset {
+        margin-left:-20px;
+        .control-group > label {
+          padding-left:20px;
+          width:125px;
+        }
+        legend {
+          margin-left:20px;
+        }
+      }
+    }
+
+    /* triple nesting!*/
+    .tab-content .tab-content .tab-content .tab-pane {
+      border-color:lighten($blue, 30%);
+      margin-left:20px;
+      fieldset {
+        margin-left:-30px;
+        .control-group > label {
+          padding-left:30px;
+          width:115px;
+        }
+        legend {
+          margin-left:30px;
+        }
+      }
+    }
+
+    /* totally awesome! nesting on 4 levels! */
+    .tab-content .tab-content .tab-content  .tab-content .tab-pane {
+      border-color:lighten($blue, 40%);
+      margin-left:30px;
+      fieldset {
+        margin-left:-40px;
+        .control-group > label {
+          padding-left:40px;
+          width:105px;
+        }
+        legend {
+          margin-left:40px;
+        }
+      }
+    }
+  }
+
+  .modal {
+    width: 750px;
+    margin-left: -375px;
+  }
+
+  /* nested nav */
+  .nav.nav-list {
+    .nav-level-1 {
+      padding-left:30px;
+    }
+    .nav-level-2 {
+      padding-left:60px;
+    }
+    .nav-level-3 {
+      padding-left:90px;
+    }
+  }
+
+  /* tab links should match icon color */
+  .nav.nav-tabs li.icon a {
+    color: $black;
+  }
+
+  /* Table cells behaviour */
+  .table {
+    .thumbnail {
+      float:left;
+      & + * {
+        clear:left;
+      }
+    }
+    /* backport of Bootstrap 1.4 table headers */
+    .header {
+      cursor: pointer;
+      &:after {
+        content: "";
+        float: right;
+        margin-top: 7px;
+        border-width: 0 4px 4px;
+        border-style: solid;
+        border-color: #000 transparent;
+        visibility: hidden;
+      }
+    }
+    .headerSortUp,
+    .headerSortDown {
+      background-color: rgba(141,192,219,.25);
+      text-shadow: 0 1px 1px rgba(255,255,255,.75);
+    }
+    .header:hover {
+      &:after {
+        visibility:visible;
+      }
+    }
+    .headerSortDown,
+    .headerSortDown:hover {
+      &:after {
+        visibility:visible;
+        @include opacity(60);
+      }
+    }
+    .headerSortUp {
+      &:after {
+        border-bottom: none;
+        border-left: 4px solid transparent;
+        border-right: 4px solid transparent;
+        border-top: 4px solid #000;
+        visibility:visible;
+        @include box-shadow(none);
+        @include opacity(60);
+      }
+    }
+
+    /* text-overflow when cell content > 150px */
+    td {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width:150px;
+    }
+
+    /* icons */
+    td.links {
+      max-width: none;
+      .inline {
+        margin:0px;
+        li { display:inline-block; }
+      }
+    }
+
+    /* Shrink to content width */
+    .shrink {
+      width:1px;
+      white-space:nowrap;
+    }
+
+    /* History */
+    th.created_at {
+      width:160px;
+    }
+    th.username {
+      width:140px;
+    }
+    th.item {
+      width:60px;
+    }
+  }
+}

data/app/assets/stylesheets/rails_admin/base/variables.css.scss

@@ -0,0 +1 @@
+/* RailsAdmin SASS variables */

data/app/assets/stylesheets/rails_admin/custom/mixins.css.scss

@@ -0,0 +1,12 @@
+/*
+  Customize Sass mixins from Twitter-Bootstrap/RailsAdmin theme or add new ones for your own use.
+  Copy this file to your app/assets/rails_admin/custom/mixins.css.scss, leave this one untouched
+  Don't require it in your application.rb
+
+  Available mixins to use/override:
+
+  https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/mixins.css.scss
+  https://github.com/sferik/rails_admin/blob/master/app/assets/stylesheets/rails_admin/base/mixins.css.scss
+  Plus the ones from your theme.
+*/
+

data/app/assets/stylesheets/rails_admin/custom/theming.css.scss

@@ -0,0 +1,13 @@
+/*
+  Customize RailsAdmin theme here.
+  Copy this file to your app/assets/stylesheets/rails_admin/custom/theming.css.scss, leave this one untouched
+  Don't require it in your application.rb
+
+  Look at the markup in RailsAdmin and go there to get inspiration from:
+
+  http://twitter.github.com/bootstrap/
+
+  Test me: (actual color should be the one defined in variables.css.scss if you did)
+
+  body{ background-color: $linkColor; }
+*/

data/app/assets/stylesheets/rails_admin/custom/variables.css.scss

@@ -0,0 +1,15 @@
+/*
+  Customize Sass variables from Twitter-Bootstrap/RailsAdmin theme or add new ones for your own use.
+  Copy this file to your app/assets/rails_admin/custom/variables.css.scss, leave this one untouched
+  Don't require it in your application.rb
+
+  Available variables to use/override:
+
+  https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_variables.scss
+  https://github.com/sferik/rails_admin/blob/master/app/assets/stylesheets/rails_admin/base/variables.css.scss
+  Plus the ones from your themes.
+
+  Test me: pink links
+
+  $linkColor: #F0F;
+*/

data/app/assets/stylesheets/rails_admin/imports.css.scss.erb

@@ -0,0 +1,82 @@
+@charset "UTF-8";
+
+<%
+  theme = ENV['RAILS_ADMIN_THEME'] || :default
+%>
+
+/***  Variables  ***/
+
+@import "bootstrap/variables";
+@import "rails_admin/base/variables";
+@import "rails_admin/themes/<%= theme %>/variables";
+@import "rails_admin/custom/variables";
+
+/***  Mixins  ***/
+
+@import "bootstrap/mixins";
+@import "rails_admin/base/mixins";
+@import "rails_admin/themes/<%= theme %>/mixins";
+@import "rails_admin/custom/mixins";
+
+/*** Reset ***/
+@import "bootstrap/reset";
+/***  Libraries  ***/
+
+@import "rails_admin/aristo/jquery-ui-1.8.7.custom";
+@import "rails_admin/jquery.ui.timepicker";
+@import "rails_admin/ra.calendar-additions";
+@import "rails_admin/ra.filtering-multiselect";
+@import "rails_admin/ra.widgets";
+@import "rails_admin/jquery.colorpicker";
+
+
+/*** Font-awesome ***/
+
+@import 'font-awesome';
+
+/***  Bootstrap Theming  ***/
+
+@import "bootstrap/scaffolding";
+@import "bootstrap/grid";
+@import "bootstrap/layouts";
+@import "bootstrap/type";
+@import "bootstrap/forms";
+@import "bootstrap/tables";
+@import "bootstrap/dropdowns";
+@import "bootstrap/wells";
+@import "bootstrap/component-animations";
+@import "bootstrap/close";
+@import "bootstrap/buttons";
+@import "bootstrap/button-groups";
+@import "bootstrap/alerts";
+@import "bootstrap/navs";
+@import "bootstrap/navbar";
+@import "bootstrap/breadcrumbs";
+@import "bootstrap/pagination";
+@import "bootstrap/pager";
+@import "bootstrap/modals";
+@import "bootstrap/tooltip";
+@import "bootstrap/popovers";
+@import "bootstrap/thumbnails";
+@import "bootstrap/labels-badges";
+@import "bootstrap/progress-bars";
+@import "bootstrap/accordion";
+@import "bootstrap/carousel";
+@import "bootstrap/hero-unit";
+@import "bootstrap/utilities";
+
+/***  RailsAdmin Theming  ***/
+
+@import "rails_admin/base/theming";
+@import "rails_admin/themes/<%= theme %>/theming";
+@import "rails_admin/custom/theming";
+
+
+
+
+
+
+
+
+
+

data/app/assets/stylesheets/rails_admin/jquery.colorpicker.css.scss

@@ -0,0 +1,182 @@
+.colorSelector {
+	display: inline-block;
+    position: relative;
+    width: 36px;
+    height: 36px;
+    background: image-url('rails_admin/colorpicker/select2.png');
+}
+
+.colorSelector div {
+    position: absolute;
+    top: 3px;
+    left: 3px;
+    width: 30px;
+    height: 30px;
+    background: image-url('rails_admin/colorpicker/select2.png') center;
+}
+
+.colorpicker {
+	width: 356px;
+	height: 176px;
+	overflow: hidden;
+	position: absolute;
+	background: image-url('rails_admin/colorpicker/custom_background.png');
+	font-family: Arial, Helvetica, sans-serif;
+	display: none;
+	z-index:11000; /* bootstrap + 1 */
+}
+.colorpicker_color {
+	width: 150px;
+	height: 150px;
+	left: 14px;
+	top: 13px;
+	position: absolute;
+	background: #f00;
+	overflow: hidden;
+	cursor: crosshair;
+}
+.colorpicker_color div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 150px;
+	height: 150px;
+	background: image-url('rails_admin/colorpicker/colorpicker_overlay.png');
+}
+.colorpicker_color div div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 11px;
+	height: 11px;
+	overflow: hidden;
+	background: image-url('rails_admin/colorpicker/colorpicker_select.gif');
+	margin: -5px 0 0 -5px;
+}
+.colorpicker_hue {
+	position: absolute;
+	top: 13px;
+	left: 171px;
+	width: 35px;
+	height: 150px;
+	cursor: n-resize;
+}
+.colorpicker_hue div {
+	position: absolute;
+	width: 35px;
+	height: 9px;
+	overflow: hidden;
+	background: image-url('rails_admin/colorpicker/custom_indic.gif') left top;
+	margin: -4px 0 0 0;
+	left: 0px;
+}
+.colorpicker_new_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 213px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker_current_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 283px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker input {
+	background-color: transparent !important;
+	border: 1px solid transparent !important;
+	position: absolute !important;
+	font-size: 10px !important;
+	font-family: Arial, Helvetica, sans-serif !important;
+	color: #898989 !important;
+	top: 4px !important;
+	right: 11px !important;
+	text-align: right !important;
+	margin: 0 !important;
+	padding: 0 !important;
+	height: 11px !important;
+	width: auto !important;
+  line-height: normal !important;
+}
+.colorpicker_hex {
+	position: absolute;
+	width: 72px;
+	height: 22px;
+	background: image-url('rails_admin/colorpicker/custom_hex.png') top;
+	left: 212px;
+	top: 142px;
+}
+.colorpicker_hex input {
+	right: 6px;
+}
+.colorpicker_field {
+	height: 22px;
+	width: 62px;
+	background-position: top;
+	position: absolute;
+}
+.colorpicker_field span {
+	position: absolute;
+	width: 12px;
+	height: 22px;
+	overflow: hidden;
+	top: 0;
+	right: 0;
+	cursor: n-resize;
+}
+.colorpicker_rgb_r {
+	background-image: image-url('rails_admin/colorpicker/custom_rgb_r.png');
+	top: 52px;
+	left: 212px;
+}
+.colorpicker_rgb_g {
+	background-image: image-url('rails_admin/colorpicker/custom_rgb_g.png');
+	top: 82px;
+	left: 212px;
+}
+.colorpicker_rgb_b {
+	background-image: image-url('rails_admin/colorpicker/custom_rgb_b.png');
+	top: 112px;
+	left: 212px;
+}
+.colorpicker_hsb_h {
+	background-image: image-url('rails_admin/colorpicker/custom_hsb_h.png');
+	top: 52px;
+	left: 282px;
+}
+.colorpicker_hsb_s {
+	background-image: image-url('rails_admin/colorpicker/custom_hsb_s.png');
+	top: 82px;
+	left: 282px;
+}
+.colorpicker_hsb_b {
+	background-image: image-url('rails_admin/colorpicker/custom_hsb_b.png');
+	top: 112px;
+	left: 282px;
+}
+.colorpicker_submit {
+	display: none;
+	position: absolute;
+	width: 22px;
+	height: 22px;
+	background: image-url('rails_admin/colorpicker/custom_submit.png') top;
+	left: 322px;
+	top: 142px;
+	overflow: hidden;
+}
+.colorpicker_focus {
+	background-position: center;
+}
+.colorpicker_hex.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_submit.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_slider {
+	background-position: bottom;
+}