rhodes 1.5.5 → 2.0.0.beta1

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

@@ -1,99 +1,106 @@
+/* bb main containers */
 body {
     margin: 0;
-    font-family: Helvetica, Arial;
-    background: #ffffff;
-    color: #000000;
+    font-family: Arial, Helvetica;
+    font-size:16px;
+		background: white;
+    color: black;
     overflow-x: hidden;
 }
-.toolbar {
-    border-bottom: 1px solid #2d3642;
-    border-top: 1px solid #6d84a2;
-    padding: 10px;
-		background: #000000;
+
+div#pageTitle {
+		background: black;
     width: auto;
 }
-.toolbar > h1 {
+
+div#pageTitle h1 {
+		margin: 0;
+		padding: 4px;
     width: auto;
-    font-size: 25px;
-    max-height: 40px;
-    font-weight: bold;
-    text-align: center;
+    font-size: 16px;
+    max-height: 16px;
+    font-weight: normal;
+    text-align: left;
     white-space: nowrap;
-    color: #ffffff;
-}
-.button {
-    position: absolute;
-    overflow: hidden;
-    top: 8px;
-    right: 6px;
-    margin: 3px;
-    border-width: 0 5px;
-    padding: 3px;
-    width: auto;
-    height: auto;
-    line-height: 30px;
-    font-family: inherit;
-    font-size: 12px;
+    color: white;
     font-weight: bold;
-    color: #ffffff;
-    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
-    text-decoration: none;
-    white-space: nowrap;
-    background-color: #555555;
 }
-ul {
-	margin: 0 0 0 5px;
-	padding: 0;
+
+/*toolbar */
+div#toolbar{
+	border-bottom:1px solid lightgray;
+	height: 25px;
+	line-height: 25px;
+	padding-left: 4px;
+	width:100%;
 }
-li {list-style-type :none;}
-a:link, a:visited, a:unvisited, a:hover {
-	color:#000000;
-	text-decoration: none;
-	font-weight:bold;
-	font-family: Arial;
+
+/*content div styling*/
+div#content h2 {
+	font-size:15px;
+	display:block;
+	margin:4px;
 }
-a {
-	color:#000000;
-	text-decoration: none;
-	font-weight:bold;
-	font-family: Arial;
+
+div#content h2.groupTitle{
+	background:black;
+	height:14px;
+	font-size:10px;
+	padding:5px;
+	border-bottom:1px solid lightgray;
 }
-li > a {
-	text-decoration: underline;
+
+div#content div.alert{
+	color:red;
 }
-img {border-width: 0;}
-table > tr {
-	line-height: normal;
+
+div#content div.warning{
+	margin-left:4px;
 }
-fieldset {margin:5px;padding:5px}
-fieldset > div > label {margin: 0 3px 0 3px;vertical-align:top}
-/* BB and WM do not like table-layout:fixed, but iPhone does */
-table.grid {
-  width: 100%;
-  margin: 10px;
-  padding: 5px;
-  border: 3px solid #999999;
-  background: #ffffff;
-  font-size: 80%;
+
+div#content p{
+	font-size:14px; 
 }
-table.grid td {
-	border-bottom: 1px solid #BBBBBB;
-	padding:10px;
-	margin:0;
+
+/* bb list styles */
+div#content ul {
+	margin: 0;
+	padding: 0;
 }
-table.grid tr:last-of-type td {border-bottom: none;}
-/* BB and WM want a width of 25% vs. 33% for iPhone */
-.gridleft {
-	text-align: right;
-	width: 25%;
-	color: #4183C4;
+
+div#content ul li {
+	list-style-type :none;
+	border-bottom:1px solid lightgray;
+	height: 25px;
+	line-height:25px;
+	padding:0 5px 0 5px;
 }
-.gridright {
-	text-align: left;
+
+div#content ul li a {
+	text-decoration: none;
 	font-weight:bold;
+	color:black;
+	display:block;
+	overflow: hidden; 
 }
-.menu_icon {
-    border:none;
-    vertical-align: middle;
-    padding-right: 4px;
+
+/* bb table styles */
+
+div#content table {
+  display:block;
+	border:none;
+	border-spacing:0;
+  font-size: 80%;
+	margin:4px;
+}
+
+div#content table th {
+	width:100%;
+	display: block;
+	border-bottom:1px solid #BBBBBB;
+}
+
+div#content table tr td {
+	padding:5px;
+	margin:0;
 }

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

@@ -1,392 +1,382 @@
-/* BEGIN IUI SECTION */
+/* Common css */
 
-/* iui.css (c) 2007-8 by iUI Project Members, see LICENSE.txt for license */
 body {
     margin: 0;
     font-family: Helvetica;
-    background: #FFFFFF;
-    color: #000000;
-    overflow-x: hidden;
-    -webkit-user-select: none;
-    -webkit-text-size-adjust: none;
 }
 
-body > *:not(.toolbar) {
+h1 {
+    font-size: 1.4em;
+}
+
+
+/* header */
+
+div#pageTitle h1 {
     position: absolute;
-    margin: 0;
-    padding: 0;
-    left: 0;
-    top: 45px;
+    text-align: center;
     width: 100%;
-    min-height: 372px;
+    margin: 0 auto 0 auto;
+    line-height: 50px;
+    color: white;
+    text-shadow: 1px 1px 1px #000;
 }
 
-body[orient="landscape"] > *:not(.toolbar) {
-    min-height: 268px;
+
+/* toolbar */
+
+div#toolbar {
+    width: 100%;
+    height: 50px;
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #aebbcb),color-stop(0.5, #8094ae), color-stop(1.0, #6e84a2));
 }
 
-a[selected], a:active {
-    background-color: #194fdb !important;
-    background-image: url(/public/images/listArrowSel.png), url(/public/images/selection.png) !important;
-    background-repeat: no-repeat, repeat-x;
-    background-position: right center, left top;
-    color: #FFFFFF !important;
+div#toolbar div {
+    position: absolute;
+    overflow: hidden;
+    text-align: center;
 }
 
-a[selected="progress"] {
-    background-image: url(/public/images/loading.gif), url(/public/images/selection.png) !important;
+div#toolbar div#leftItem {
+    top: 10px;
+    left: 10px;
+    width: 50px;
 }
 
-/************************************************************************************************/
+div#toolbar div#centerItem {
+    bottom: 20px;
+		width:100%;
+    margin-left: 10px;
+    height: 30px;
+}
 
-body > .toolbar {
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    padding: 10px;
-    height: 45px;
-    background: url(/public/images/toolbar.png) #6d84a2 repeat-x;
+div#toolbar div#rightItem {
+    top: 10px;
+    right: 10px;
+    width: 50px;
 }
 
-.toolbar > h1 {
-    position: absolute;
-    overflow: hidden;
-    left: 50%;
-    margin: 1px 0 0 -75px;
-    height: 45px;
-    font-size: 20px;
-    width: 150px;
-    font-weight: bold;
-    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
-    text-align: center;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    color: #FFFFFF;
+div#toolbar a {
+    color:white;
+    display: block;
+    line-height: 30px;
 }
 
-body[orient="landscape"] > .toolbar > h1 {
-    margin-left: -125px;
-    width: 250px;
+div#toolbar .backButton {
+    -webkit-border-bottom-left-radius: 16px 16px;
+    -webkit-border-bottom-right-radius: 6px 6px;
+    -webkit-border-image: url(/public/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;
+    font-size: .9em;
+    z-index: 3;
 }
 
-.button {
-    position: absolute;
+div#toolbar .deleteButton, 
+div#toolbar .regularButton, 
+div#toolbar .blueButton {
+   -webkit-border-radius: 5px;
     overflow: hidden;
-    top: 8px;
-    right: 6px;
-    margin: 0;
-    border-width: 0 5px;
-    padding: 0 3px;
+    text-align: center;
     width: auto;
     height: 30px;
-    line-height: 30px;
-    font-family: inherit;
-    font-size: 12px;
-    font-weight: bold;
-    color: #FFFFFF;
-    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
-    text-overflow: ellipsis;
-    text-decoration: none;
-    white-space: nowrap;
-    background: none;
-    -webkit-border-image: url(/public/images/toolButton.png) 0 5 0 5;
+    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;
 }
 
-.blueButton {
-    -webkit-border-image: url(/public/images/blueButton.png) 0 5 0 5;
-    border-width: 0 5px;
+div#toolbar .deleteButton {
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #aebbcb),color-stop(0.5, #8094ae), color-stop(1.0, #6e84a2));
 }
 
-.leftButton {
-    left: 6px;
-    right: auto;
+div#toolbar .regularButton {
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #92a4bc),color-stop(0.5, #476997), color-stop(1.0, #4e6c92));
 }
 
-#backButton {
-    display: none;
-    left: 6px;
-    right: auto;
-    padding: 0;
-    max-width: 55px;
-    border-width: 0 8px 0 14px;
-    -webkit-border-image: url(/public/images/backButton.png) 0 8 0 14;
+div#toolbar .blueButton {
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #6f96e9),color-stop(0.5, #3366cc), color-stop(1.0, #3366cc));
+    border: #1a49b3 1px solid;
 }
 
-.whiteButton,
-.grayButton {
+div#content {
+    background: url('/public/images/pinstripes.png');
+		min-height:480px;
+}
+
+div#content form button.createButton {
+    position: absolute;
+    bottom: 20px;
+    height: 35px;
+}
+
+div#content .standardButton {
+    -webkit-appearance: none;
+    -webkit-border-radius: 8px;
+    background: white;
+    color: #436395;
+    font-size: 15px;
+    font-weight: bold;
+		width:100%;
+    height: 40px;
+    border: 1px solid black;
+    margin-top:10px;
+}
+
+div#content .standardButton a {
     display: block;
-    border-width: 0 12px;
-    padding: 10px;
+    width: 100%;
+    color: #436395;
     text-align: center;
-    font-size: 20px;
-    font-weight: bold;
-    text-decoration: inherit;
-    color: inherit;
+    line-height: 40px;
 }
 
-.whiteButton {
-    -webkit-border-image: url(/public/images/whiteButton.png) 0 12 0 12;
-    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
+
+/*  text styles  */
+
+.darkBlue {
+	color:#7287A4;
 }
 
-.grayButton {
-    -webkit-border-image: url(/public/images/grayButton.png) 0 12 0 12;
-    color: #FFFFFF;
+div#content h2.groupTitle{
+	font-size:16px;
+	margin: 8px;
+	color:#565E70;
 }
 
-/************************************************************************************************/
 
-body > ul > li {
-    position: relative;
-    margin: 0;
-    border-bottom: 1px solid #E0E0E0;
-    padding: 8px 0 8px 10px;
-    font-size: 20px;
-    font-weight: bold;
-    list-style: none;
-}
-
-body > ul > li.group {
-    position: relative;
-    top: -1px;
-    margin-bottom: -2px;
-    border-top: 1px solid #7d7d7d;
-    border-bottom: 1px solid #999999;
-    padding: 1px 10px;
-    background: url(/public/images/listGroup.png) repeat-x;
-    font-size: 17px;
-    font-weight: bold;
-    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
-    color: #FFFFFF;
+/* lists */
+
+div#content ul {
+    border-top: 1px solid #848284;
+    background-color: white;
+	margin-bottom:50px;
 }
 
-body > ul > li.group:first-child {
-    top: 0;
-    border-top: none;
+div#content ul li {
+    border-bottom: 1px solid #848284;
+		min-height: 40px;
 }
 
-body > ul > li > a {
+div#content ul li a {
     display: block;
-    margin: -8px 0 -8px -10px;
-    padding: 8px 32px 8px 10px;
-    text-decoration: none;
-    color: inherit;
-    background: url(/public/images/listArrow.png) no-repeat right center;
-}
-
-a[target="_replace"] {
-    box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    padding-top: 25px;
-    padding-bottom: 25px;
-    font-size: 18px;
-    color: cornflowerblue;
-    background-color: #FFFFFF;
-    background-image: none;
-}
-
-/************************************************************************************************/
-    
-body > .dialog {
-    top: 0;
+    color: black;
+    font-size: 20px;
+    height: 100%;
     width: 100%;
-    min-height: 417px;
-    z-index: 2;
-    background: rgba(0, 0, 0, 0.8);
-    padding: 0;
-    text-align: right;
+    padding: 15px 0 15px 0;
+}
+div#content ul li > span  {
+    padding: 15px 0 15px 0;
 }
 
-.dialog > fieldset {
-    box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    width: 100%;
-    margin: 0;
-    border: none;
-    border-top: 1px solid #6d84a2;
-    padding: 10px 6px;
-    background: url(/public/images/toolbar.png) #7388a5 repeat-x;
+div#content ul li a:hover {
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(5, 140, 245)), to(rgb(1, 95, 230)));
 }
 
-.dialog > fieldset > h1 {
-    margin: 0 10px 0 10px;
-    padding: 0;
+div#content ul li span.title {
+    padding: 0 10px 0 10px;
     font-size: 20px;
-    font-weight: bold;
-    color: #FFFFFF;
-    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
-    text-align: center;
+		font-weight: bold;
+		display: inline;
 }
 
-.dialog > fieldset > label {
-    position: absolute;
-    margin: 16px 0 0 6px;
-    font-size: 14px;
-    color: #999999;
+div#content ul li div.itemLabel {
+    float: left;
+    width: 45%;
+    padding: 15px 0 15px 10px;
 }
 
-input:not(input[type|=radio]):not(input[type|=checkbox]) {
-    box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    width: 100%;
-    margin: 8px 0 0 0;
-    padding: 6px 6px 6px 44px;
-    font-size: 16px;
-    font-weight: normal;
+div#content ul li div.itemValue {
+    float: right;
+    width: 45%;
+    padding: 15px 10px 15px 0;
 }
 
-/************************************************************************************************/
+div#content ul li a span.disclosure_indicator {
+    background: url('/public/images/iphone/disclosure.png') no-repeat center right;
+    height: 25px;
+    width: 35px;
+    float: right;
+    margin-right: 10px;
+		display: inline;
+}
 
-body > .panel {
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    padding: 10px;
-    background: #c8c8c8 url(/public/images/pinstripes.png);
+div#content ul li a span.detail_disclosure {
+    background: url('/public/images/iphone/disclosure_detail.png') no-repeat center right;
+    height: 27px;
+    width: 34px;
+    float: right;
+    margin-right: 10px;
+		display: inline;
 }
 
-.panel > fieldset {
-    position: relative;
-    margin: 0 0 20px 0;
-    padding: 0;
-    background: #FFFFFF;
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-    border: 1px solid #999999;
-    text-align: right;
+div#content ul li a img {
+    float: left;
+    height: 100%;
+    max-width: 100px;
+}
+
+
+/* Forms */
+
+div#content form {
+   padding: 5px 0 75px 0;
+	border: none;
+	width:300px;
+	margin:0 auto;
+	font-size: medium;
+}
+
+div#content form ul {
+    -webkit-border-radius: 8px;
+    background-color: white;
+    border: 1px solid #878787;
+    display: block;
     font-size: 16px;
+    list-style-type: none;
+    margin: 0 auto 15px auto;
+    overflow: hidden;
+    padding: 0;
 }
 
-.row  {
-    position: relative;
-    min-height: 42px;
-    border-bottom: 1px solid #999999;
-    -webkit-border-radius: 0;
-    text-align: right;
+div#content form ul li {
+    display: block;
+    border-bottom: 1px solid #848284;
+    line-height: 40px;
+    min-height: 40px;
+    width: 300px;
+    overflow:hidden;
 }
 
-fieldset > .row:last-child {
-    border-bottom: none !important;
+div#content form ul li:last-child {
+    border:none;
 }
 
-.row > input:not(input[type|=radio]):not(input[type|=checkbox]) {
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    margin: 0;
-    border: none;
-    padding: 12px 10px 0 110px;
-    height: 42px;
-    background: none;
+
+div#content form ul li label {
+    float: left;
+    display:block;
+    color: black;
+    line-height: 40px;
+    padding: 0;
+    margin: 0 20px 0 10px;
+    width: 40%;
+    overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-weight:bold;
 }
-.row > input[type|=radio], .row > input[type|=checkbox] {
-  margin: 7px 7px 0 0;
-  height: 25px;
-  width: 25px;
+
+div#content form ul li label.fieldLabel {
+	display:none;
 }
 
-.row > label {
-    position: absolute;
-    margin: 0 0 0 14px;
-    line-height: 42px;
-    font-weight: bold;
+div#content form input {
+	-webkit-appearance: none;
+	width: 45%;
+    border: 0;
 }
 
-.row > select {
-	position: relative;
-	font-size: 120%;
-	height: 30px;
+div#content form input, div#content form select{
+	height:40px;
+	font-size: medium;
+	font-weight: bold;
 }
 
-.row > span {
-    position: absolute;
-    padding: 12px 10px 0 110px;
-    margin: 0;
+div#content form input[type="text"], div#content form input[type="password"] {
+    width:289px;
+    background: transparent;
+    padding: 0 5px 0 10px;
 }
 
-.thumb {
-    position: absolute;
-    top: -1px;
-    left: -1px;
-    width: 40px;
-    height: 28px;    
-    border: 1px solid #888888;
-    -webkit-border-radius: 6px;
-    background: #ffffff url(/public/images/thumb.png) repeat-x;
-}
-
-.panel > h2 {
-    margin: 0 0 8px 14px;
-    font-size: inherit;
-    font-weight: bold;
-    color: #4d4d70;
-    text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
+div#content form input[type="checkbox"] {
+    background: url('/public/images/iphone/switch.png') no-repeat center;
+		background-position-y: -27px;
+    float: right;
+    display:block;
+    margin:7px 10px 7px 10px;
+    line-height:40px;
+    height: 27px;
+    width: 94px;
 }
 
-/************************************************************************************************/
+div#content form input[type="checkbox"]:checked {
+    background-position-y: 0;
+}
 
-#preloader {
-    display: none;
-    background-image: url(/public/images/loading.gif), url(/public/images/selection.png),
-        url(/public/images/blueButton.png), url(/public/images/listArrowSel.png);
+div#content form input[type="radio"] {
+	position: relative;
+	display:block;
+	width:290px;
+	height: 40px;
+	line-height:40px;
+	margin:0;
+	-webkit-border-radius: 8px;
 }
 
+div#content form input[type="radio"]:checked {
+ background: url('/public/images/iphone/radiobutton.png') no-repeat;
+ background-position-x: 100%;
+ background-position-y: 50%;
+}
 
+div#content form select {
+  	background: url('/public/images/iphone/select.png') no-repeat right;
+    border: 0px;
+		width:100%;
+}
 
-/* END IUI SECTION */
+div#content form textarea {
+	-webkit-appearance: none;
+	border: none;
+	font-size: medium;
+	width:280px;
+	line-height:20px;
+}
 
 
+/* Settings */
 
-/* change default graphic for toolbar */
-body > .toolbar {
-  background: url(/public/images/toolbar.png) #000000 repeat-x;
-}
-/* now that we don't use back-buttons, we disable ellipsis on long labels */
-.toolbar > h1 {
-  overflow: visible;
+div#content ul#settings {
+    padding: 0;
+    margin: 0;
 }
-/* generate a new button to match toolbar */
-.button {
-  -webkit-border-image: url(/public/images/right_button.png) 0 5 0 5;	
+
+div#content ul#settings li.alertMessage{
+    text-align: center;
 }
-table.grid {
-	table-layout: fixed;
-	cellspacing: 20px;
-	width: 100%;
-	border-collapse: collapse;
-	position: relative;
-	margin: 0 0 20px 0;
-	padding: 5px;
-	-webkit-border-radius: 10px;
-	-moz-border-radius: 10px;
-	border: 1px solid #999999;
-	background: #ffffff;
-	font-size: 80%;
-	border: 0;
-}
-table.grid td {
-	border-bottom: 1px solid #BBBBBB;
-	padding:10px;
-	margin:0;
+
+div#content ul#settings li span {
+	line-height:40px;
 }
-table.grid tr:last-of-type td {
-	border-bottom: none;
+ 
+div#content ul#settings li.alertMessage span.message{
+		color: red;
 }
-.gridleft {
-	text-align: right;
-	width: 35%;
-	color: #4183C4;
+
+div#content ul#settings li span.clientID{
+	margin-left:4px;
+	font-size:10px;
 }
-.gridright {
-	text-align: left;
-	font-weight:bold;
+div#content ul#settings li div.itemLabel span.title{
+  padding: 0;
+	margin:0;
 }
-.menu_icon {
-  border:none;
-	vertical-align:middle;
-	padding-right: 4px;
-	margin-top: -4px;
+div#content div#reset {
+    height: 100%;
+		width:300px;
+    padding:10px;
 }
-/* show the hidden back button */
-.right_button {margin: -45px 0 0 0}
-.left_button {display: inline}
+
+div#content div#reset h4 {
+    width: 100%;
+		padding:0;
+		margin:0;
+		margin: 0 8px;
+		color:#565E70;
+}