rhodes 2.3.2 → 2.4.0.beta.1

data/platform/wp7/WPApplication/rho/apps/public/css/blackberry.css

@@ -0,0 +1,115 @@
+/* bb main containers */
+body {
+    margin: 0;
+    font-family: Arial, Helvetica;
+    font-size:16px;
+	background: white;
+    color: black;
+    overflow-x: hidden;
+}
+
+div#pageTitle {
+	background: black;
+    width: auto;
+}
+
+div#pageTitle h1 {
+	margin: 0;
+	padding: 4px;
+    width: auto;
+    font-size: 16px;
+    max-height: 16px;
+    font-weight: normal;
+    text-align: left;
+    white-space: nowrap;
+    color: white;
+    font-weight: bold;
+}
+
+/*toolbar */
+div#toolbar{
+	border-bottom:1px solid lightgray;
+	height: 25px;
+	line-height: 25px;
+	padding-left: 4px;
+	width:100%;
+}
+
+div#toolbar .noButton {
+    display:hidden;
+}
+
+/*content div styling*/
+div#content h2 {
+	font-size:15px;
+	display:block;
+	margin:4px;
+}
+
+div#content h2.groupTitle{
+	background:black;
+	height:14px;
+	font-size:10px;
+	padding:5px;
+	border-bottom:1px solid lightgray;
+}
+
+div#content div.alert{
+	color:red;
+}
+
+div#content div.warning{
+	margin-left:4px;
+}
+
+div#content p{
+	font-size:14px;
+}
+
+/* bb table styles */
+
+div#content table {
+    display:block;
+	border:none;
+	border-spacing:0;
+    font-size: 80%;
+    width:100%;
+}
+
+div#content table th {
+	width:100%;
+	display: block;
+	border-bottom:1px solid #BBBBBB;
+}
+
+div#content table tr {
+    width:100%;
+}
+div#content table tr td {
+	margin:0;
+    border-bottom:1px solid lightgray;
+	height: 25px;
+	line-height:25px;
+}
+
+div#content table tr td a {
+	text-decoration: none;
+	font-weight:bold;
+	color:black;
+	display:block;
+	overflow: hidden;
+}
+
+div#content table tr td.recordLabel {
+    width:100%;
+    padding: 5px;
+}
+
+div#content table tr td.itemLabel {
+    width:50%;
+    font-weight:bold;
+}
+
+div#content table tr td.itemValue {
+    width:50%;
+}

data/platform/wp7/WPApplication/rho/apps/public/css/iphone.css

@@ -0,0 +1,410 @@
+a {
+    text-decoration: none;
+}
+
+.content {
+    width: inherit;
+    height: 100%;
+}
+
+.toolbar .noButton {
+    display: none;
+}
+
+.content ul {
+    -webkit-padding-start: 0;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+.content ul li {
+    overflow: hidden;
+    clear: both;
+}
+
+.content ul li span {
+    display: block;
+}
+
+.content ul.settings li div.itemLabel span.title {
+    padding: 0;
+    margin: 0;
+}
+
+body {
+    margin: 0;
+    font-family: Helvetica;
+}
+
+h1 {
+    font-size: 1.4em;
+}
+
+/* header */
+
+.pageTitle h1 {
+    position: absolute;
+    text-align: center;
+    width: 100%;
+    margin: 0 auto 0 auto;
+    line-height: 50px;
+    color: white;
+    text-shadow: 1px 1px 1px #000;
+}
+
+/* toolbar */
+
+.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));
+}
+
+.toolbar div {
+    position: absolute;
+    overflow: hidden;
+    text-align: center;
+}
+
+.toolbar .leftItem {
+    top: 10px;
+    left: 10px;
+    width: 50px;
+}
+
+.toolbar .centerItem {
+    bottom: 20px;
+    width: 100%;
+    margin-left: 10px;
+    height: 30px;
+}
+
+.toolbar .rightItem {
+    top: 10px;
+    right: 10px;
+    width: 50px;
+}
+
+.toolbar a {
+    color: white;
+    display: block;
+    line-height: 30px;
+}
+
+.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;
+}
+
+.toolbar .deleteButton,
+.toolbar .regularButton,
+.toolbar .blueButton {
+    -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;
+}
+
+.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));
+}
+
+.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));
+}
+
+.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;
+}
+
+.content {
+    background: url('/public/images/pinstripes.png');
+    min-height: 480px;
+}
+
+.content form button.createButton {
+    position: absolute;
+    bottom: 20px;
+    height: 35px;
+}
+
+.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;
+}
+
+.content .standardButton a {
+    display: block;
+    width: 100%;
+    color: #436395;
+    text-align: center;
+    line-height: 40px;
+}
+
+/*  text styles  */
+
+.darkBlue {
+    color: #7287A4;
+}
+
+.content h2.groupTitle {
+    font-size: 16px;
+    margin: 8px;
+    color: #565E70;
+}
+
+/* lists */
+
+.content ul {
+    border-top: 1px solid #848284;
+    background-color: white;
+    margin-bottom: 50px;
+}
+
+.content ul li {
+    border-bottom: 1px solid #848284;
+    min-height: 40px;
+}
+
+.content ul li a {
+    display: block;
+    color: black;
+    font-size: 20px;
+    height: 100%;
+    width: 100%;
+    padding: 15px 0 15px 0;
+}
+
+.content ul li > span {
+    padding: 15px 0 15px 0;
+}
+
+.content ul li a:active {
+    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(5, 140, 245)), to(rgb(1, 95, 230)));
+}
+
+.content ul li span.title {
+    padding: 0 10px 0 10px;
+    font-size: 20px;
+    font-weight: bold;
+    display: inline;
+}
+
+.content ul li div.itemLabel {
+    float: left;
+    width: 45%;
+    padding: 15px 0 15px 10px;
+}
+
+.content ul li div.itemValue {
+    float: right;
+    width: 45%;
+    padding: 15px 10px 15px 0;
+}
+
+.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;
+}
+
+.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;
+}
+
+.content ul li a img {
+    float: left;
+    height: 100%;
+    max-width: 100px;
+}
+
+/* Forms */
+
+.content form {
+    padding: 5px 0 75px 0;
+    border: none;
+    width: 300px;
+    margin: 0 auto;
+    font-size: medium;
+}
+
+.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;
+}
+
+.content form ul li {
+    display: block;
+    border-bottom: 1px solid #848284;
+    line-height: 40px;
+    min-height: 40px;
+    width: 300px;
+    overflow: hidden;
+}
+
+.content form ul li:last-child {
+    border: none;
+}
+
+.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;
+}
+
+.content form ul li label.fieldLabel {
+    display: none;
+}
+
+.content form input {
+    -webkit-appearance: none;
+    width: 45%;
+    border: 0;
+}
+
+.content form input, .content form select {
+    height: 40px;
+    font-size: medium;
+    font-weight: bold;
+}
+
+.content form input[type="text"], .content form input[type="password"] {
+    width: 289px;
+    background: transparent;
+    padding: 0 5px 0 10px;
+}
+
+.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;
+}
+
+.content form input[type="checkbox"]:checked {
+    background-position-y: 0;
+}
+
+.content form input[type="radio"] {
+    position: relative;
+    display: block;
+    width: 290px;
+    height: 40px;
+    line-height: 40px;
+    margin: 0;
+    -webkit-border-radius: 8px;
+}
+
+.content form input[type="radio"]:checked {
+    background: url('/public/images/iphone/radiobutton.png') no-repeat;
+    background-position-x: 100%;
+    background-position-y: 50%;
+}
+
+.content form select {
+    background: url('/public/images/iphone/select.png') no-repeat right;
+    border: 0px;
+    width: 100%;
+}
+
+.content form textarea {
+    -webkit-appearance: none;
+    border: none;
+    font-size: medium;
+    width: 280px;
+    line-height: 20px;
+}
+
+/* Settings */
+
+.content ul.settings {
+    padding: 0;
+    margin: 0;
+}
+
+.content ul.settings li.alertMessage {
+    text-align: center;
+}
+
+.content ul.settings li span {
+    line-height: 40px;
+}
+
+.content ul.settings li.alertMessage span.message {
+    color: red;
+}
+
+.content ul.settings li span.clientID {
+    margin-left: 4px;
+    font-size: 10px;
+}
+
+.content ul.settings li div.itemLabel span.title {
+    padding: 0;
+    margin: 0;
+}
+
+.content .reset {
+    height: 100%;
+    width: 300px;
+    padding: 10px;
+}
+
+.content .reset h4 {
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    margin: 0 8px;
+    color: #565E70;
+}