rhodes-framework 1.0.10 → 1.1.0

data/spec/public/css/base.css

@@ -0,0 +1,39 @@
+fieldset select {margin-top:5px;}
+.clearer {clear:both;}
+ul.info {
+	margin-left:0px;padding-left:0;
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:none;
+}
+ul.info li {
+	font-weight:bold;
+	margin-left:10px;
+	padding-left:0;
+}
+li.overview div {
+	font-size:85%;
+	font-weight:normal;
+	color:#4183C4;
+}
+.tallrow {
+	position: relative;
+	height:84px;
+	border-bottom: 1px solid #999999;
+  -webkit-border-radius: 0;
+}
+textarea {
+  font-size: 16px;
+  font-weight: normal;
+}
+label {font-size: 80%;}
+.tallrow label { float:left; line-height: 42px;font-weight: bold; margin-left:14px;}
+.tallrow select { float:right; clear:left; font-size: 120%; height: 30px;}
+.tallrow input:not(input[type|=radio]):not(input[type|=checkbox]) {
+	width:auto;
+	margin: 0;
+	padding: 6px;
+}
+.separator {color:#999999}
+.deletebutton {color:#990000}
+

data/spec/public/css/blackberry.css

@@ -0,0 +1,99 @@
+body {
+    margin: 0;
+    font-family: Helvetica, Arial;
+    background: #ffffff;
+    color: #000000;
+    overflow-x: hidden;
+}
+.toolbar {
+    border-bottom: 1px solid #2d3642;
+    border-top: 1px solid #6d84a2;
+    padding: 10px;
+		background: #000000;
+    width: auto;
+}
+.toolbar > h1 {
+    width: auto;
+    font-size: 25px;
+    max-height: 40px;
+    font-weight: bold;
+    text-align: center;
+    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;
+    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;
+}
+li {list-style-type :none;}
+a:link, a:visited, a:unvisited, a:hover {
+	color:#000000;
+	text-decoration: none;
+	font-weight:bold;
+	font-family: Arial;
+}
+a {
+	color:#000000;
+	text-decoration: none;
+	font-weight:bold;
+	font-family: Arial;
+}
+li > a {
+	text-decoration: underline;
+}
+img {border-width: 0;}
+table > tr {
+	line-height: normal;
+}
+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%;
+}
+table.grid td {
+	border-bottom: 1px solid #BBBBBB;
+	padding:10px;
+	margin: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;
+}
+.gridright {
+	text-align: left;
+	font-weight:bold;
+}
+.menu_icon {
+    border:none;
+    vertical-align: middle;
+    padding-right: 4px;
+}

data/spec/public/css/iphone.css

@@ -0,0 +1,392 @@
+/* BEGIN IUI SECTION */
+
+/* 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) {
+    position: absolute;
+    margin: 0;
+    padding: 0;
+    left: 0;
+    top: 45px;
+    width: 100%;
+    min-height: 372px;
+}
+
+body[orient="landscape"] > *:not(.toolbar) {
+    min-height: 268px;
+}
+
+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;
+}
+
+a[selected="progress"] {
+    background-image: url(/public/images/loading.gif), url(/public/images/selection.png) !important;
+}
+
+/************************************************************************************************/
+
+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;
+}
+
+.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;
+}
+
+body[orient="landscape"] > .toolbar > h1 {
+    margin-left: -125px;
+    width: 250px;
+}
+
+.button {
+    position: absolute;
+    overflow: hidden;
+    top: 8px;
+    right: 6px;
+    margin: 0;
+    border-width: 0 5px;
+    padding: 0 3px;
+    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;
+}
+
+.blueButton {
+    -webkit-border-image: url(/public/images/blueButton.png) 0 5 0 5;
+    border-width: 0 5px;
+}
+
+.leftButton {
+    left: 6px;
+    right: auto;
+}
+
+#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;
+}
+
+.whiteButton,
+.grayButton {
+    display: block;
+    border-width: 0 12px;
+    padding: 10px;
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    text-decoration: inherit;
+    color: inherit;
+}
+
+.whiteButton {
+    -webkit-border-image: url(/public/images/whiteButton.png) 0 12 0 12;
+    text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
+}
+
+.grayButton {
+    -webkit-border-image: url(/public/images/grayButton.png) 0 12 0 12;
+    color: #FFFFFF;
+}
+
+/************************************************************************************************/
+
+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;
+}
+
+body > ul > li.group:first-child {
+    top: 0;
+    border-top: none;
+}
+
+body > 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;
+    width: 100%;
+    min-height: 417px;
+    z-index: 2;
+    background: rgba(0, 0, 0, 0.8);
+    padding: 0;
+    text-align: right;
+}
+
+.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;
+}
+
+.dialog > fieldset > h1 {
+    margin: 0 10px 0 10px;
+    padding: 0;
+    font-size: 20px;
+    font-weight: bold;
+    color: #FFFFFF;
+    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
+    text-align: center;
+}
+
+.dialog > fieldset > label {
+    position: absolute;
+    margin: 16px 0 0 6px;
+    font-size: 14px;
+    color: #999999;
+}
+
+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;
+}
+
+/************************************************************************************************/
+
+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);
+}
+
+.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;
+    font-size: 16px;
+}
+
+.row  {
+    position: relative;
+    min-height: 42px;
+    border-bottom: 1px solid #999999;
+    -webkit-border-radius: 0;
+    text-align: right;
+}
+
+fieldset > .row:last-child {
+    border-bottom: none !important;
+}
+
+.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;
+}
+.row > input[type|=radio], .row > input[type|=checkbox] {
+  margin: 7px 7px 0 0;
+  height: 25px;
+  width: 25px;
+}
+
+.row > label {
+    position: absolute;
+    margin: 0 0 0 14px;
+    line-height: 42px;
+    font-weight: bold;
+}
+
+.row > select {
+	position: relative;
+	font-size: 120%;
+	height: 30px;
+}
+
+.row > span {
+    position: absolute;
+    padding: 12px 10px 0 110px;
+    margin: 0;
+}
+
+.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;
+}
+
+/************************************************************************************************/
+
+#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);
+}
+
+
+
+/* END IUI SECTION */
+
+
+
+/* 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;
+}
+/* generate a new button to match toolbar */
+.button {
+  -webkit-border-image: url(/public/images/right_button.png) 0 5 0 5;	
+}
+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;
+}
+table.grid tr:last-of-type td {
+	border-bottom: none;
+}
+.gridleft {
+	text-align: right;
+	width: 35%;
+	color: #4183C4;
+}
+.gridright {
+	text-align: left;
+	font-weight:bold;
+}
+.menu_icon {
+  border:none;
+	vertical-align:middle;
+	padding-right: 4px;
+	margin-top: -4px;
+}
+/* show the hidden back button */
+.right_button {margin: -45px 0 0 0}
+.left_button {display: inline}