Permalink
Browse files

Added Background Image with Gradient to Gold App and minor color adju…

…stments.
  • Loading branch information...
1 parent 3119c77 commit 97d8652073e507d0b5a1fb3d571526707a0afe49 @jonellcolon committed May 24, 2012
View
Binary file not shown.
@@ -3,8 +3,145 @@
label.error{display:block; margin:10px 0; color:#cc0000;}
-body {
- background-image:url(../../../../../../Downloads/images.jpeg);
- background-size:cover;
- background-repeat:no-repeat;
-}
+.ui-bar-g {
+ border: 1px solid #000000 /*{g-bar-border}*/;
+ background: #000000 /*{g-bar-background-color}*/;
+ color: #ffffff /*{g-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{g-bar-shadow-x}*/ 1px /*{g-bar-shadow-y}*/ 1px /*{g-bar-shadow-radius}*/ #444444 /*{g-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #000000 /*{g-bar-background-start}*/), to( #4d4d4d /*{g-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #000000 /*{g-bar-background-start}*/, #4d4d4d /*{g-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #000000 /*{g-bar-background-start}*/, #4d4d4d /*{g-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #000000 /*{g-bar-background-start}*/, #4d4d4d /*{g-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #000000 /*{g-bar-background-start}*/, #4d4d4d /*{g-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #000000 /*{g-bar-background-start}*/, #4d4d4d /*{g-bar-background-end}*/);
+}
+
+.ui-bar-g .ui-link-inherit {
+ color: #ffffff /*{g-bar-color}*/;
+}
+.ui-bar-g .ui-link {
+ color: #7cc4e7 /*{g-bar-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-bar-g .ui-link:hover {
+ color: #2489CE /*{g-bar-link-hover}*/;
+}
+
+.ui-bar-g .ui-link:active {
+ color: #2489CE /*{g-bar-link-active}*/;
+}
+
+.ui-bar-g .ui-link:visited {
+ color: #2489CE /*{g-bar-link-visited}*/;
+}
+
+.ui-bar-g,
+.ui-bar-g input,
+.ui-bar-g select,
+.ui-bar-g textarea,
+.ui-bar-g button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-g,
+.ui-overlay-g {
+ border: 1px solid #6e6e6e /*{g-body-border}*/;
+ color: #4d4d4d /*{g-body-color}*/;
+ text-shadow: /*{g-body-shadow-x}*/ 0px /*{g-body-shadow-y}*/ 0 /*{g-body-shadow-radius}*/ #ffffff /*{g-body-shadow-color}*/;
+ background: #f9f9f9 /*{g-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #808080 /*{g-body-background-start}*/), to( #ffffff /*{g-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #808080 /*{g-body-background-start}*/, #ffffff /*{g-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #808080 /*{g-body-background-start}*/, #ffffff /*{g-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #808080 /*{g-body-background-start}*/, #ffffff /*{g-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #808080 /*{g-body-background-start}*/, #ffffff /*{g-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #808080 /*{g-body-background-start}*/, #ffffff /*{g-body-background-end}*/);
+}
+.ui-overlay-g {
+ background-image: none;
+ border-width: 0;
+}
+.ui-body-g,
+.ui-body-g input,
+.ui-body-g select,
+.ui-body-g textarea,
+.ui-body-g button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+
+.ui-body-g .ui-link-inherit {
+ color: #4d4d4d /*{g-body-color}*/;
+}
+
+.ui-body-g .ui-link {
+ color: #33ccff /*{g-body-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-body-g .ui-link:hover {
+ color: #7bbeea /*{g-body-link-hover}*/;
+}
+
+.ui-body-g .ui-link:active {
+ color: #2489CE /*{g-body-link-active}*/;
+}
+
+.ui-body-g .ui-link:visited {
+ color: #2489CE /*{g-body-link-visited}*/;
+}
+
+.ui-btn-up-g {
+ border: 1px solid #cccccc /*{g-bup-border}*/;
+ background: #eeeeee /*{g-bup-background-color}*/;
+ font-weight: bold;
+ color: #2F3E46 /*{g-bup-color}*/;
+ text-shadow: 0 /*{g-bup-shadow-x}*/ 1px /*{g-bup-shadow-y}*/ 0 /*{g-bup-shadow-radius}*/ #ffffff /*{g-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{g-bup-background-start}*/), to( #f1f1f1 /*{g-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #ffffff /*{g-bup-background-start}*/, #f1f1f1 /*{g-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #ffffff /*{g-bup-background-start}*/, #f1f1f1 /*{g-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #ffffff /*{g-bup-background-start}*/, #f1f1f1 /*{g-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #ffffff /*{g-bup-background-start}*/, #f1f1f1 /*{g-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #ffffff /*{g-bup-background-start}*/, #f1f1f1 /*{g-bup-background-end}*/);
+}
+.ui-btn-up-g a.ui-link-inherit {
+ color: #2F3E46 /*{g-bup-color}*/;
+}
+
+.ui-btn-hover-g {
+ border: 1px solid #bbbbbb /*{g-bhover-border}*/;
+ background: #dfdfdf /*{g-bhover-background-color}*/;
+ font-weight: bold;
+ color: #2F3E46 /*{g-bhover-color}*/;
+ text-shadow: 0 /*{g-bhover-shadow-x}*/ 1px /*{g-bhover-shadow-y}*/ 0 /*{g-bhover-shadow-radius}*/ #ffffff /*{g-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{g-bhover-background-start}*/), to( #e0e0e0 /*{g-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #f6f6f6 /*{g-bhover-background-start}*/, #e0e0e0 /*{g-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #f6f6f6 /*{g-bhover-background-start}*/, #e0e0e0 /*{g-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #f6f6f6 /*{g-bhover-background-start}*/, #e0e0e0 /*{g-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #f6f6f6 /*{g-bhover-background-start}*/, #e0e0e0 /*{g-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #f6f6f6 /*{g-bhover-background-start}*/, #e0e0e0 /*{g-bhover-background-end}*/);
+}
+.ui-btn-hover-g a.ui-link-inherit {
+ color: #2F3E46 /*{g-bhover-color}*/;
+}
+.ui-btn-down-g {
+ border: 1px solid #bbbbbb /*{g-bdown-border}*/;
+ background: #d6d6d6 /*{g-bdown-background-color}*/;
+ font-weight: bold;
+ color: #2F3E46 /*{g-bdown-color}*/;
+ text-shadow: 0 /*{g-bdown-shadow-x}*/ 1px /*{g-bdown-shadow-y}*/ 0 /*{g-bdown-shadow-radius}*/ #ffffff /*{g-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{g-bdown-background-start}*/), to( #dfdfdf /*{g-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #d0d0d0 /*{g-bdown-background-start}*/, #dfdfdf /*{g-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #d0d0d0 /*{g-bdown-background-start}*/, #dfdfdf /*{g-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #d0d0d0 /*{g-bdown-background-start}*/, #dfdfdf /*{g-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #d0d0d0 /*{g-bdown-background-start}*/, #dfdfdf /*{g-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #d0d0d0 /*{g-bdown-background-start}*/, #dfdfdf /*{g-bdown-background-end}*/);
+}
+.ui-btn-down-g a.ui-link-inherit {
+ color: #2F3E46 /*{g-bdown-color}*/;
+}
+.ui-btn-up-g,
+.ui-btn-hover-g,
+.ui-btn-down-g {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ text-decoration: none;
+}
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -29,8 +29,9 @@
<style type="text/css">
.ui-page {
+ background-repeat: no-repeat;
background-size: cover;
- background: transparent no-repeat url(images/background.png)
+ background: transparent url(images/background.png)
}
</style>
@@ -290,8 +291,8 @@
<div data-role="page" id="wheels" data-add-back-btn="true">
<div data-role="header" align="center" data-position="fixed">
- <h1>Wheels</h1>
- <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="40" />
+
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="30" />
</div>
@@ -399,7 +400,7 @@
<div data-role="page" id="trunk" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
+ <div data-role="header" align="center" data-position="fixed">
<img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="30" />
@@ -426,7 +427,7 @@
<div data-role="page" id="body" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
+ <div data-role="header" align="center" data-position="fixed">
<img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="30" />
@@ -1,5 +1,6 @@
// Wait until the DOM is ready
-window.addEventListener("DOMContentLoaded", function(){
+// window.addEventListener("DOMContentLoaded", function(){
+$(document).bind('pageinit',function() {
// getElementById Function
function ge(x){
@@ -297,12 +298,32 @@ window.addEventListener("DOMContentLoaded", function(){
}*/
+
+ function validate() {
+ partlistform.validate({
+ invalidHandler: function(form, validator){
+ alert("There are required fields empty.")
+ },
+ submitHandler: function(){
+ storeData(this.key);
+ // var data = partlistform.serializeArray();
+ // parsePartList(data);
+ }
+
+ })
+
+};
+
+
+
// Variable defaults
- var contactGroups = ["--Choose One--", "Engine", "Cabin", "Wheels", "Body", "Trunk", "Exhaust"],
- partValue,
- errMsg = ge("errors");
+ var
+ partlistform = $('#partList'),
+ // contactGroups = ["--Choose One--", "Engine", "Cabin", "Wheels", "Body", "Trunk", "Exhaust"],
+ partValue
+ //errMsg = ge("errors");
;
- makeCats();
+ // makeCats();
// Set Link & Submit Click Events
var displayLink = ge("displayLink");
@@ -318,20 +339,3 @@ var parsePartList = function(data){
// uses form data here;
console.log(data);
};
-
-$(document).bind('pageinit',function() {
-
- var partlistform = $('#partList');
-
- partlistform.validate({
- invalidHandler: function(form, validator){},
- submitHandler: function(){
- var data = partlistform.serializeArray();
- parsePartList(data);
-
- }
-
- });
-
-
-});

0 comments on commit 97d8652

Please sign in to comment.