rhodes 3.3.3.beta.1 → 3.3.3.beta.2

data/res/generators/templates/application/public/css/jqmobile-patch.css

@@ -1,21 +1,17 @@
-/* min-width has been changed from 450px to 320px */
 @media all and (min-width: 320px){
 	.ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  }
 	.ui-controlgroup-controls { width: 60%; display: inline-block; }
 }
 
-/* min-width has been changed from 450px to 320px */
 @media all and (min-width: 320px){
 	.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
 }
 
-/* min-width has been changed from 450px to 320px */
 @media all and (min-width: 320px){
 	label.ui-select { display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
 	.ui-select { width: 60%; display: inline-block; }
 }	
 
-/* min-width has been changed from 450px to 320px */
 @media all and (min-width: 320px){
 	label.ui-input-text  { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0 }
 	input.ui-input-text, 
@@ -25,7 +21,7 @@
 	.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
 }
 
-/* fields placement fix, because min-width has been changed from 450px to 320px */
+
 @media all and (min-width: 320px){
     .ui-controlgroup-controls,
     .ui-select,
@@ -47,3 +43,20 @@
         word-wrap: break-word;  /* breaks-up long strings with no spaces */
     }
 }
+
+/* endless scrolling feature support */
+div.ui-page-active ul.endless.loading li.loadingMessage {
+    display: block;
+}
+div.ui-page-active ul.endless li.loadingMessage {
+    display: none;
+}
+
+/*
+Fix for flying screen (horizontal axis motions) issue
+proposed here: https://groups.google.com/d/msg/rhomobile/ZfGetqYv-JI/KpncA9zHAlQJ
+*/
+
+div.ui-header {
+   border-style: solid none;
+}

data/res/generators/templates/application/public/css/windows_phone7.css

@@ -0,0 +1,378 @@
+a {
+    text-decoration: none;
+}
+
+body {
+    margin: 0;
+    font-family: Helvetica;
+}
+
+h1 {
+    font-size: 1.4em;
+}
+
+/* ---------- JQM theme customization ------------- */
+
+.ui-bar-a {
+	border: 1px solid 		#ccc;
+	background: 			#bbb;
+    color: white;
+    text-shadow: 1px 1px 1px #000;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #aebbcb), color-stop(0.5, #8094ae), color-stop(1.0, #6e84a2));
+/*
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb));
+*/
+}
+.ui-bar-a,
+.ui-bar-a input,
+.ui-bar-a select,
+.ui-bar-a textarea,
+.ui-bar-a button {
+	font-family: Helvetica, Arial, sans-serif;
+}
+.ui-bar-a .ui-link-inherit {
+	color: 					#333;
+}
+.ui-bar-a .ui-link {
+	color: 					#2489CE;
+	font-weight: bold;
+}
+
+
+
+.ui-btn-up-a {
+
+/*
+    -webkit-border-radius: 5px;
+    overflow: hidden;
+    text-align: center;
+    width: auto;
+    height: 30px;
+    font-size: .9em;
+    border-left: #5e7088 1px solid;
+    border-right: #5e7088 1px solid;
+    border-top: #34404e 1px solid;
+    border-bottom: #34404e 1px solid;
+    padding: 0 2px 0 2px;
+*/
+
+
+	border: 1px solid 		#222;
+	background: 			#333333;
+	font-weight: bold;
+	color: 					#fff;
+	text-shadow: 0 -1px 1px #000;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #92a4bc), color-stop(0.5, #476997), color-stop(1.0, #4e6c92));
+/*
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555));
+*/
+}
+.ui-btn-up-a a.ui-link-inherit {
+	color: 					#fff;
+}
+.ui-btn-hover-a {
+	border: 1px solid 		#000;
+	background: 			#444444;
+	font-weight: bold;
+	color: 					#fff;
+	text-shadow: 0 -1px 1px #000;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
+}
+.ui-btn-hover-a a.ui-link-inherit {
+	color: 					#fff;
+}
+.ui-btn-down-a {
+	border: 1px solid 		#000;
+	background: 			#3d3d3d;
+	font-weight: bold;
+	color: 					#fff;
+	text-shadow: 0 -1px 1px #000;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#7a7a7a));
+}
+.ui-btn-down-a a.ui-link-inherit {
+	color: 					#fff;
+}
+.ui-btn-up-a,
+.ui-btn-hover-a,
+.ui-btn-down-a {
+	font-family: Helvetica, Arial, sans-serif;
+	text-decoration: none;
+}
+
+
+.ui-body-c {
+	border: 1px solid 		#B3B3B3;
+	color: 					#333333;
+	text-shadow: 0 1px 0 	#fff;
+	background: 			#f0f0f0;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
+}
+.ui-body-c,
+.ui-body-c input,
+.ui-body-c select,
+.ui-body-c textarea,
+.ui-body-c button {
+	font-family: Helvetica, Arial, sans-serif;
+}
+.ui-body-c .ui-link-inherit {
+	color: 					#333333;
+}
+.ui-body-c .ui-link {
+	color: 					#2489CE;
+	font-weight: bold;
+}
+
+.ui-btn-up-c {
+	border: 1px solid 		#ccc;
+	background: 			#eee;
+	font-weight: bold;
+	color: 					#444;
+	text-shadow: 0 1px 1px #f6f6f6;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee));
+}
+.ui-btn-up-c a.ui-link-inherit {
+	color: 					#2F3E46;
+}
+
+.ui-btn-hover-c {
+	border: 1px solid 		#bbb;
+	background: 			#dadada;
+	font-weight: bold;
+	color: 					#101010;
+	text-shadow: 0 1px 1px 	#fff;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dadada));
+}
+.ui-btn-hover-c a.ui-link-inherit {
+	color: 					#2F3E46;
+}
+.ui-btn-down-c {
+	border: 1px solid 		#808080;
+	background: 			#fdfdfd;
+	font-weight: bold;
+	color: 					#111111;
+	text-shadow: 0 1px 1px 	#ffffff;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fdfdfd));
+}
+.ui-btn-down-c a.ui-link-inherit {
+	color: 					#2F3E46;
+}
+.ui-btn-up-c,
+.ui-btn-hover-c,
+.ui-btn-down-c {
+	font-family: Helvetica, Arial, sans-serif;
+	text-decoration: none;
+}
+
+
+.ui-corner-tl {
+	-moz-border-radius-topleft: 		4px;
+	-webkit-border-top-left-radius: 	4px;
+	border-top-left-radius: 			4px;
+}
+.ui-corner-tr {
+	-moz-border-radius-topright: 		4px;
+	-webkit-border-top-right-radius: 	4px;
+	border-top-right-radius: 			4px;
+}
+.ui-corner-bl {
+	-moz-border-radius-bottomleft: 		4px;
+	-webkit-border-bottom-left-radius: 	4px;
+	border-bottom-left-radius: 			4px;
+}
+.ui-corner-br {
+	-moz-border-radius-bottomright: 	4px;
+	-webkit-border-bottom-right-radius: 4px;
+	border-bottom-right-radius: 		4px;
+}
+.ui-corner-top {
+	-moz-border-radius-topleft: 		4px;
+	-webkit-border-top-left-radius: 	4px;
+	border-top-left-radius: 			4px;
+	-moz-border-radius-topright: 		4px;
+	-webkit-border-top-right-radius: 	4px;
+	border-top-right-radius: 			4px;
+}
+.ui-corner-bottom {
+	-moz-border-radius-bottomleft: 		4px;
+	-webkit-border-bottom-left-radius: 	4px;
+	border-bottom-left-radius: 			4px;
+	-moz-border-radius-bottomright: 	4px;
+	-webkit-border-bottom-right-radius: 4px;
+	border-bottom-right-radius: 		4px;
+	}
+.ui-corner-right {
+	-moz-border-radius-topright: 		4px;
+	-webkit-border-top-right-radius: 	4px;
+	border-top-right-radius: 			4px;
+	-moz-border-radius-bottomright: 	4px;
+	-webkit-border-bottom-right-radius: 4px;
+	border-bottom-right-radius: 		4px;
+}
+.ui-corner-left {
+	-moz-border-radius-topleft: 		4px;
+	-webkit-border-top-left-radius: 	4px;
+	border-top-left-radius: 			4px;
+	-moz-border-radius-bottomleft: 		4px;
+	-webkit-border-bottom-left-radius: 	4px;
+	border-bottom-left-radius: 			4px;
+}
+.ui-corner-all {
+	-moz-border-radius: 				4px;
+	-webkit-border-radius: 				4px;
+	border-radius: 						4px;
+}
+
+
+
+.ui-btn-corner-tl {
+	-moz-border-radius-topleft: 		7px;
+	-webkit-border-top-left-radius: 	7px;
+	border-top-left-radius: 			7px;
+}
+.ui-btn-corner-tr {
+	-moz-border-radius-topright: 		7px;
+	-webkit-border-top-right-radius: 	7px;
+	border-top-right-radius: 			7px;
+}
+.ui-btn-corner-bl {
+	-moz-border-radius-bottomleft: 		7px;
+	-webkit-border-bottom-left-radius: 	7px;
+	border-bottom-left-radius: 			7px;
+}
+.ui-btn-corner-br {
+	-moz-border-radius-bottomright: 	7px;
+	-webkit-border-bottom-right-radius: 7px;
+	border-bottom-right-radius: 		7px;
+}
+.ui-btn-corner-top {
+	-moz-border-radius-topleft: 		7px;
+	-webkit-border-top-left-radius: 	7px;
+	border-top-left-radius: 			7px;
+	-moz-border-radius-topright: 		7px;
+	-webkit-border-top-right-radius: 	7px;
+	border-top-right-radius: 			7px;
+}
+.ui-btn-corner-bottom {
+	-moz-border-radius-bottomleft: 		7px;
+	-webkit-border-bottom-left-radius: 	7px;
+	border-bottom-left-radius: 			7px;
+	-moz-border-radius-bottomright: 	7px;
+	-webkit-border-bottom-right-radius: 7px;
+	border-bottom-right-radius: 		7px;
+}
+.ui-btn-corner-right {
+	 -moz-border-radius-topright: 		7px;
+	-webkit-border-top-right-radius: 	7px;
+	border-top-right-radius: 			7px;
+	-moz-border-radius-bottomright: 	7px;
+	-webkit-border-bottom-right-radius: 7px;
+	border-bottom-right-radius: 		7px;
+}
+.ui-btn-corner-left {
+	-moz-border-radius-topleft: 		7px;
+	-webkit-border-top-left-radius: 	7px;
+	border-top-left-radius: 			7px;
+	-moz-border-radius-bottomleft: 		7px;
+	-webkit-border-bottom-left-radius: 	7px;
+	border-bottom-left-radius: 			7px;
+}
+.ui-btn-corner-all {
+	-moz-border-radius: 				7px;
+	-webkit-border-radius: 				7px;
+	border-radius: 						7px;
+}
+
+/* ---------- Custom fixes ------------- */
+
+.ui-btn-left[data-rel="back"] .ui-btn-inner,
+.ui-btn-left[data-icon="back"] .ui-btn-inner,
+.ui-btn-left[data-icon="arrow-l"] .ui-btn-inner {
+    border-radius: 0;
+    padding-left: 5px;
+}
+.ui-btn-left[data-rel="back"],
+.ui-btn-left[data-icon="back"],
+.ui-btn-left[data-icon="arrow-l"] {
+    margin-top: 2px;
+    -webkit-box-shadow: none;
+/*
+    -webkit-border-bottom-left-radius: 200px 50px;
+    -webkit-border-top-left-radius: 200px 50px;
+*/
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+
+    -webkit-border-bottom-right-radius: 7px 7px;
+    -webkit-border-top-right-radius: 7px 7px;
+    -webkit-border-image: url(../images/backButton.png) 2 7 2 13 stretch stretch;
+    border-width: 1px 5px 2px 13px;
+    width: auto;
+}
+
+a.ui-btn-left[data-rel="back"] .ui-icon,
+a.ui-btn-left[data-icon="back"] .ui-icon,
+a.ui-btn-left[data-icon="arrow-l"] .ui-icon {
+    display: none;
+}
+
+/*
+.ui-btn-left[data-icon="home"] .ui-btn-inner {
+    border-radius: 0;
+    padding-left: 5px;
+}
+.ui-btn-left[data-icon="home"] {
+    margin-top: 2px;
+    -webkit-box-shadow: none;
+    -webkit-border-bottom-left-radius: 16px 16px;
+    -webkit-border-bottom-right-radius: 6px 6px;
+    -webkit-border-image: url(../images/backButton.png) 0 5 0 13 stretch stretch;
+    -webkit-border-top-left-radius: 16px 16px;
+    -webkit-border-top-right-radius: 6px 6px;
+    border-width: 0 5px 0 13px;
+    width: auto;
+}
+a.ui-btn-left[data-icon="home"] {
+    display: none;
+}
+*/
+
+div.itemLabel {
+    font-weight: bold;
+    font-size: 16px;
+}
+div.itemValue {
+    font-weight: normal;
+    font-size: 16px;
+}
+
+.ui-content {
+    min-height: 480px;
+    background-image: url(../images/pinstripes.png);
+}
+
+.ui-header .ui-title {
+    font-size: 18px;
+}
+
+.ui-header .ui-btn {
+    margin-top: 2px;
+}
+
+@media all and (min-width: 320px){
+    .ui-content ul li div.itemLabel {
+        display: inline-block;
+        width: 50%;
+        overflow: hidden;
+    }
+
+    .ui-content ul li div.itemValue {
+        display: inline-block;
+        overflow: hidden;
+    }
+}
+
+.errorMessage {
+    color: red;
+    text-align: center
+}

data/res/generators/templates/application/public/jqmobile/{jquery.mobile-1.0.css → jquery.mobile-1.0.1.css}

@@ -1,8 +1,8 @@
 /*
-* jQuery Mobile Framework 1.0
+* jQuery Mobile Framework 1.0.1
 * http://jquerymobile.com
 *
-* Copyright 2011 (c) jQuery Project
+* Copyright 2011-2012 (c) jQuery Project
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
@@ -1143,7 +1143,7 @@ a.ui-link-inherit {
 /* some unsets - more probably needed */
 .ui-mobile, .ui-mobile body { height: 100%; }
 .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
-.ui-mobile a img, .ui-mobile fieldset { border: 0; }
+.ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
 
 /* responsive page widths */
 .ui-mobile-viewport {  margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
@@ -1171,6 +1171,8 @@ div.ui-mobile-viewport { overflow-x: hidden; }
 .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
 	overflow: auto;
 	height: 100%;
+	left: 0;
+	right: 0;
 	-webkit-overflow-scrolling: touch;
 	-moz-overflow-scrolling: touch;
 	-o-overflow-scrolling: touch;
@@ -1185,6 +1187,22 @@ div.ui-mobile-viewport { overflow-x: hidden; }
 .ui-page.ui-mobile-pre-transition {
 	display: block;
 }
+.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview {
+	margin-top: 0;
+}
+.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-inset {
+	margin-top: 1em;
+}
+.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter {
+	margin-top: .2em;
+	margin-bottom: 0;
+}
+.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter-inset {
+	margin-bottom: -.9em;
+}
+.ui-mobile-touch-overflow.ui-native-fixed .ui-header .ui-btn { 
+	z-index: 10;
+}
 
 /* loading screen */
 .ui-loading .ui-mobile-viewport { overflow: hidden !important; }
@@ -1560,7 +1578,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
 .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
 .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
 .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
-.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
+.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; max-width: 100%; }
 .ui-navbar li .ui-btn {  margin-right: -1px; }
 .ui-navbar li .ui-btn:last-child { margin-right: 0; }
 .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
@@ -1703,10 +1721,10 @@ Built by David Kaneda and maintained by Jonathan Stark.
 .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
 .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
 /* input, label positioning */
-.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px;  margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
+.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px;  margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }.ui-field-contain, fieldset.ui-field-contain { padding: 1.5em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
 .ui-field-contain:first-child { border-top-width: 0; }
 @media all and (min-width: 450px){
-	.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
+	.ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
 }	.ui-select { display: block; position: relative; }
 .ui-select select { position: absolute; left: -9999px; top: -9999px; }
 .ui-select .ui-btn { overflow: hidden; }
@@ -1722,7 +1740,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
 @-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
 .ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
 
-.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } 
+.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
 .ui-select .ui-btn-icon-right .ui-icon { right: 15px;  }
 
 /* labels */
@@ -1742,13 +1760,17 @@ label.ui-select { font-size: 16px; line-height: 1.4;  font-weight: normal; margi
 .ui-li.ui-selectmenu-placeholder { display: none; }
 .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
 
-@media all and (min-width: 450px){	
+@media all and (min-width: 450px){
 	.ui-field-contain label.ui-select { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
 	.ui-field-contain .ui-select { width: 60%; display: inline-block; }
-}	
+}
 
 /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
-.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
+.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
+
+/* TODO when the custom select css us moved out to it's own file this should be included */
+.ui-li-static .ui-select .ui-li-count { right: 38px; }
+label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
 input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; }
 input.ui-input-text { -webkit-appearance: none; }
 textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
@@ -1834,7 +1856,7 @@ a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
 
 div.ui-slider-switch { height: 32px;  overflow: hidden; margin-left: 0; }
 div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
-a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; }
+a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
 div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
 div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
 div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }