elucid-rails_admin 0.0.1

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

@@ -0,0 +1,2 @@
+For RailsAdmin developpers;
+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,102 @@
+/*
+  RailsAdmin main CSS
+  Keep it clean, people
+*/
+
+/* Application name */
+.topbar h3 {
+  small {
+    color:red;
+    font-weight:bold;
+  }
+}
+
+/* We want input size to be used, unfixate input width */
+input, textarea {
+  width:auto;
+}
+
+/* ui-autocomplete has z-index 1 and is shown over filtering select button (.add-on) */
+.input-prepend .add-on, .input-append .add-on {
+  z-index:1;
+}
+
+/* sidebar hack (content is slipping beneath height of sidebar. There is a ticket, shouldn't stay long) */
+.sidebar {
+  height:0;
+}
+
+/* Remove when TB-sass is updated >1.3.0 (regression) */
+.container-fluid > .content {
+    margin-left: 240px;
+    float:none;
+    max-width:none;
+    min-width:none;
+}
+
+/* filtering select integration, shouldn't be needed soon with new inline forms (TB 1.4.0?) */
+.input-append {
+  display:inline-block;
+}
+
+/* Modals dimensionning */
+.modal {
+  width:700px;
+  margin:-285px 0 0 -350px;
+  .modal-body {
+    max-height:450px;
+    overflow-y:auto;
+  }
+}
+
+.help-block {
+  clear:left;
+}
+
+/* Table cells behaviour TODO: homogeinize classes a bit */
+table.zebra-striped {
+  /* text-overflow when cell content > 150px */
+  td {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width:150px;
+  }
+
+  td.links {
+    max-width: none;
+    .inline {
+      margin:0px;
+      li {
+        display:inline-block;
+        a {
+          border-right: 1px solid #DDD;
+          padding-right: 5px;
+        }
+        &:last-child {
+          a {
+            border-right: none;
+          }
+        }
+      }
+    }
+  }
+
+  /* Shrink to content width */
+  .shrink {
+    width:1px;
+    white-space:nowrap;
+  }
+
+  /* Can't apply width:1px on sortable headers => don't play nice with sorting arrows on firefox. same for 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/README

@@ -0,0 +1,3 @@
+Files in this folder are meant to be overriden by users to control variables, mixins and final theming of their own RA application. No real content should go in here.
+
+Copy this folder's content to your app/assets/stylesheets/rails_admin/custom directory.

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

@@ -0,0 +1,9 @@
+/*
+  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
+
+  Find more here:
+    https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/mixins.css.scss
+*/
+

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

@@ -0,0 +1,11 @@
+/*
+  Customize RailsAdmin theme here.
+  Copy this file to your app/assets/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,11 @@
+/*
+  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
+
+  Test me: pink links
+    $linkColor: #F0F;
+
+  Find more here:
+    https://github.com/thomas-mcdonald/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/variables.css.scss
+*/

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

@@ -0,0 +1,51 @@
+<%
+  theme = :default
+%>
+
+/*
+TODO :
+  - optionize the theme variable nicely, beware of 
+  - add plugin hooks: plugins.each{|p| @import rails_admin/plugins/p/*[variables|mixins|theming]}
+  - wiki pages for theming help
+  - update readme for users
+  - ask @sferik to RT a call for themers
+*/
+
+
+/***  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";
+
+/***  Bootstrap Theming  ***/
+
+@import "bootstrap/scaffolding";
+@import "bootstrap/type";
+@import "bootstrap/forms";
+@import "bootstrap/tables";
+@import "bootstrap/patterns";
+
+/***  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,180 @@
+.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;
+	border: 1px solid transparent;
+	position: absolute;
+	font-size: 10px;
+	font-family: Arial, Helvetica, sans-serif;
+	color: #898989;
+	top: 4px;
+	right: 11px;
+	text-align: right;
+	margin: 0;
+	padding: 0;
+	height: 11px;
+}
+.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;
+}

data/app/assets/stylesheets/rails_admin/jquery.ui.timepicker.css.scss

@@ -0,0 +1,53 @@
+/*
+ * Timepicker stylesheet
+ * Highly inspired from datepicker
+ * FG - Nov 2010 - Web3R
+ *
+ * version 0.0.3 : Fixed some settings, more dynamic
+ * version 0.0.4 : Removed width:100% on tables
+ * version 0.1.1 : set width 0 on tables to fix an ie6 bug
+ */
+
+.ui-timepicker-inline { display: inline; }
+
+#ui-timepicker-div { padding: 0.2em }
+.ui-timepicker-table { display: inline-table; width: 0; }
+.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
+
+.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }
+
+.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
+.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
+.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
+
+/* span for disabled cells */
+.ui-timepicker-table td span {
+	display:block;
+    padding:0.2em 0.3em 0.2em 0.5em;
+    width: 1.2em;
+
+    text-align:right;
+    text-decoration:none;
+}
+/* anchors for clickable cells */
+.ui-timepicker-table td a {
+    display:block;
+    padding:0.2em 0.3em 0.2em 0.5em;
+    width: 1.2em;
+    cursor: pointer;
+    text-align:right;
+    text-decoration:none;
+}
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-timepicker-cover {
+    display: none; /*sorry for IE5*/
+    display/**/: block; /*sorry for IE5*/
+    position: absolute; /*must have*/
+    z-index: -1; /*must have*/
+    filter: mask(); /*must have*/
+    top: -4px; /*must have*/
+    left: -4px; /*must have*/
+    width: 200px; /*must have*/
+    height: 200px; /*must have*/
+}

data/app/assets/stylesheets/rails_admin/ra.calendar-additions.css.scss

@@ -0,0 +1,25 @@
+.ui-timepicker-table table th.periods {
+  padding:0;
+}
+
+.ui-datepicker {
+  /* fix glitches */
+  border-width:0px;
+  table{
+    margin:0px;
+  }
+  /* make present day stand out */
+  td.ui-datepicker-today {
+    background:#ccc;
+    -webkit-box-shadow:inset 0 1px 1px #333;
+    -moz-box-shadow:inset 0 1px 1px #333;
+    box-shadow:0 1px 1px #333 inset;
+    .ui-state-highlight{
+      background:transparent;
+      border:none;
+      -webkit-box-shadow:none;
+      -moz-box-shadow:none;
+      box-shadow:none;
+    }
+  }
+}