Fixed Styling for Calendar, jqueryui theme Redmond added (just Calend…

…ar related theme files for now)
concerto · Oct 30, 2012 · 9336aa8 · 9336aa8
1 parent 74150c1
commit 9336aa8
Show file tree

Hide file tree

Showing 19 changed files with 350 additions and 165 deletions.
diff --git a/app/assets/images/elements/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png b/app/assets/images/elements/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png
diff --git a/app/assets/images/elements/jquery-ui/ui-bg_flat_55_fbec88_40x100.png b/app/assets/images/elements/jquery-ui/ui-bg_flat_55_fbec88_40x100.png
diff --git a/app/assets/images/elements/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png b/app/assets/images/elements/jquery-ui/ui-bg_glass_75_d0e5f5_1x400.png
diff --git a/app/assets/images/elements/jquery-ui/ui-bg_glass_85_dfeffc_1x400.png b/app/assets/images/elements/jquery-ui/ui-bg_glass_85_dfeffc_1x400.png
diff --git a/app/assets/images/elements/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png b/app/assets/images/elements/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png
diff --git a/app/assets/images/elements/jquery-ui/ui-bg_gloss-wave_55_5c9ccc_500x100.png b/app/assets/images/elements/jquery-ui/ui-bg_gloss-wave_55_5c9ccc_500x100.png
diff --git a/app/assets/images/elements/jquery-ui/ui-bg_inset-hard_100_f5f8f9_1x100.png b/app/assets/images/elements/jquery-ui/ui-bg_inset-hard_100_f5f8f9_1x100.png
diff --git a/app/assets/images/elements/jquery-ui/ui-bg_inset-hard_100_fcfdfd_1x100.png b/app/assets/images/elements/jquery-ui/ui-bg_inset-hard_100_fcfdfd_1x100.png
diff --git a/app/assets/images/elements/jquery-ui/ui-icons_217bc0_256x240.png b/app/assets/images/elements/jquery-ui/ui-icons_217bc0_256x240.png
diff --git a/app/assets/images/elements/jquery-ui/ui-icons_2e83ff_256x240.png b/app/assets/images/elements/jquery-ui/ui-icons_2e83ff_256x240.png
diff --git a/app/assets/images/elements/jquery-ui/ui-icons_469bdd_256x240.png b/app/assets/images/elements/jquery-ui/ui-icons_469bdd_256x240.png
diff --git a/app/assets/images/elements/jquery-ui/ui-icons_6da8d5_256x240.png b/app/assets/images/elements/jquery-ui/ui-icons_6da8d5_256x240.png
diff --git a/app/assets/images/elements/jquery-ui/ui-icons_cd0a0a_256x240.png b/app/assets/images/elements/jquery-ui/ui-icons_cd0a0a_256x240.png
diff --git a/app/assets/images/elements/jquery-ui/ui-icons_d8e7f3_256x240.png b/app/assets/images/elements/jquery-ui/ui-icons_d8e7f3_256x240.png
diff --git a/app/assets/images/elements/jquery-ui/ui-icons_f9bd01_256x240.png b/app/assets/images/elements/jquery-ui/ui-icons_f9bd01_256x240.png
diff --git a/app/assets/stylesheets/application/controls/datetime.scss.erb b/app/assets/stylesheets/application/controls/datetime.scss.erb
diff --git a/app/assets/stylesheets/application/controls/jquery-ui.redmond.scss.erb b/app/assets/stylesheets/application/controls/jquery-ui.redmond.scss.erb
diff --git a/app/assets/stylesheets/application/index-manifest.scss b/app/assets/stylesheets/application/index-manifest.scss
@@ -5,9 +5,10 @@
 @import "controls/sprites";
 @import "controls/buttons";
 @import "controls/button-groups";
-@import "controls/datetime";
+@import "controls/jquery.timepicker";
 @import "controls/sliders";
 @import "controls/jquery.qtip";
+@import "controls/jquery-ui.redmond";
 
 @import "layout/scaffolding";
 @import "layout/type";
@@ -19,6 +20,7 @@
 @import "layout/topmenu";
 @import "layout/alerts-badges";
 @import "layout/screenmodel";
+@import "layout/datetime";
 
 @import "layout/responsive-utilities";
 @import "layout/responsive-767px-max";

diff --git a/app/assets/stylesheets/application/layout/datetime.scss.erb b/app/assets/stylesheets/application/layout/datetime.scss.erb
@@ -0,0 +1,22 @@
+/*
+ * CSS to control the layout of date & time fields
+ */
+
+.timefield {
+  width: 100px !important;
+}
+
+/* the input field */
+.datefield, .timefield {
+  border:1px solid #ccc;
+  font-size:18px;
+  padding:4px;
+  text-align:center;
+  width:194px;
+
+  -moz-box-shadow:0 0 10px #eee inset;
+  -webkit-box-shadow:0 0 10px #eee inset;
+}
+
+// change width of jquery-ui datepicker calendar widget
+.ui-datepicker { width: 194px !important}