Permalink
Browse files

Finalizing Deep Backgrounds and Code for Gold and Bronze app

  • Loading branch information...
1 parent 97d8652 commit fa2b2ae64fb36df51ba4f755f383c66488087322 @jonellcolon committed May 25, 2012
View
BIN .DS_Store
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
@@ -12,12 +12,12 @@
<meta name="robots" content="INDEX"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="HandheldFriendly" content="True"/>
- <title>MECPART HELP</title>
+ <title>MECPART</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<header>
- <h1>MECPART HELP</h1>
+ <h1>MECPART</h1>
</header>
<!-- Form Begins Here -->
@@ -11,23 +11,23 @@ h1{
}
body{
font-family: Helvetica;
- background: rgb(230,230,230);
+ background: rgb(102,102,102);
}
header{
position: relative;
margin: -23px 0px 0px -8px;
padding: 8px 8px 0px 8px;
width: 100%;
- background: -webkit-linear-gradient(top, #ebedeb, #d3d3d4 10%, #d3d3d4, #b0b1b0 90%, #9a9b9a);
+ background: rgb(204,204,204);
border: medium;
border-color: rgb(0,0,0);
}
legend{
font-weight: bold;
font-size: 18px;
font-weight: 3px;
- background: #2a2a2a;
- color: #FFF;
+ background: rgb(204,204,204);
+ color: rgb(255,0,0);
-moz-border-radius: 3px;
border-radius: 3px;
border-color: #333;
@@ -91,4 +91,16 @@ input[type="search"]{
margin: 8px;
padding: 10px;
}
+
+p{
+ color:#FFFFFF;
+}
+
+label{
+ color:rgb(255,255,255);
+}
+
+a{
+ color:rgb(255,255,255);
+}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -1,4 +1,4 @@
-DOCTYPE HTML>
+<!DOCTYPE HTML>
<!-- Jonell Colon -->
<!-- Project 2 MUI -->
@@ -29,10 +29,10 @@
</head>
<body>
- <div data-role="page" id="home">
+ <div data-role="page" id="home" data-theme="a">
- <div data-role="header" data-position="fixed" data-theme="a">
- <h1>MECPART HELP</h1>
+ <div data-role="header" data-position="fixed" data-theme="a" align="right">
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
<!--Call To Action Image-->
@@ -95,8 +95,8 @@
<div data-role="page" id="engine" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Engine</h1>
+ <div data-role="header" data-position="fixed" align="right">
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
@@ -179,8 +179,8 @@
<div data-role="page" id="cabin" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Cabin</h1>
+ <div data-role="header" data-position="fixed" align="right">
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
@@ -263,8 +263,8 @@
<div data-role="page" id="wheels" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Wheels</h1>
+ <div data-role="header" data-position="fixed" align="right">
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
@@ -317,8 +317,8 @@
<div data-role="page" id="exhaust" data-add-back-btn="true">
- <div data-role="header" data-position="fixed">
- <h1>Exhaust</h1>
+ <div data-role="header" data-position="fixed" align="right">
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
@@ -369,10 +369,10 @@
</div>
- <div data-role="page" id="trunk" data-add-back-btn="true">
+ <div data-role="page" id="trunk" data-add-back-btn="true" data-theme="a">
- <div data-role="header" data-position="fixed">
- <h1>Trunk</h1>
+ <div data-role="header" data-position="fixed" align="right">
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
@@ -395,10 +395,10 @@
</div>
- <div data-role="page" id="body" data-add-back-btn="true">
+ <div data-role="page" id="body" data-add-back-btn="true" data-theme="a">
- <div data-role="header" data-position="fixed">
- <h1>Body</h1>
+ <div data-role="header" data-position="fixed" align="right">
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
@@ -421,10 +421,10 @@
</div>
- <div data-role="page" id="contact" data-add-back-btn="true">
+ <div data-role="page" id="contact" data-add-back-btn="true" data-theme="a">
- <div data-role="header" data-position="fixed">
- <h1>Contact</h1>
+ <div data-role="header" data-position="fixed" align="right">
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
@@ -101,6 +101,7 @@ window.addEventListener("DOMContentLoaded", function(){
ge("items").style.display = "block";
for(var i=0, len=localStorage.length; i<len;i++){
var makeli = document.createElement("li");
+ makeli.style.fontSize = "18px";
var linksLi = document.createElement("li");
makeList.appendChild(makeli);
var key = localStorage.key(i);
View
Binary file not shown.
@@ -2,6 +2,7 @@
/* CSS Document */
label.error{display:block; margin:10px 0; color:#cc0000;}
+
.ui-bar-g {
border: 1px solid #000000 /*{g-bar-border}*/;
View
@@ -44,12 +44,12 @@
<div data-role="header" align="center" data-position="fixed" data-theme="a">
- <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="30"/>
+ <img src="images/mecpartlogo.png" alt="logo" hspace="10" vspace="5" height="45"/>
</div>
<!--Call To Action Image-->
- <img src="images/calltoaction.png" onclick="location.href='#list'" alt="CTA" height="223" data-transition="slide" />
+ <img src="images/calltoaction.png" alt="CTA" height="223" class="ui-shadow" onclick="location.href='#list'" data-transition="slide" />
<div data-role="content">
<ul data-role="listview" data-filter="true" data-inset="true" data-theme="c">
@@ -731,7 +731,7 @@
<p><i>* Fields are required.</i></p>
<div data-role="fieldcontain">
- <label for="groups">* Description:</label>
+ <label for="groups"><font color="#FF0000">(*)</font> Description:</label>
<select name="listmenu" id="groups" data-native-menu="false">
<option data-placeholder="true">-- Choose One --</option>
<option value="engine">Engine</option>
@@ -744,58 +744,58 @@
</div>
<div data-role="fieldcontain">
- <label for="fullname">* Customer Name: </label>
- <input type="text" id="fullname" autocomplete="on" placeholder="John Smith" class="required" />
+ <p><label for="fullname"><font color="#FF0000">(*)</font> Customer Name: </label>
+ <input type="text" id="fullname" autocomplete="on" placeholder="John Smith" class="required" /></p>
- <label for="phone">* Phone Number: </label>
- <input type="tel" id="phone" autocomplete="on" placeholder="555-555-5555" class="required" />
+ <p><label for="phone"><font color="#FF0000">(*)</font> Phone Number: </label>
+ <input type="tel" id="phone" autocomplete="on" placeholder="555-555-5555" class="required" /></p>
- <label for="email">* E-Mail: </label>
- <input type="email" id="email" autocomplete="on" placeholder="example@address.com" class="required" />
+ <p><label for="email"><font color="#FF0000">(*)</font> E-Mail: </label>
+ <input type="email" id="email" autocomplete="on" placeholder="example@address.com" class="required" /></p>
</div>
<div data-role="fieldcontain">
- <label for="cpart">Part Needed:</label>
- <input type="text" id="cpart">
+ <p><label for="cpart">Part Needed:</label>
+ <input type="text" id="cpart"></p>
- <label for="hmany">How Many?</label>
- <input type="range" name="hmany" value="1" min="1" max="5" id="hmany">
+ <p><label for="hmany">How Many?</label>
+ <input type="range" name="hmany" value="1" min="1" max="5" id="hmany"></p>
- <label for="ctype">Car Type:</label>
- <input type="text" id="ctype">
+ <p><label for="ctype">Car Type:</label>
+ <input type="text" id="ctype"></p>
- <label for="cmodel">Car Model:</label>
- <input type="text" id="cmodel">
+ <p><label for="cmodel">Car Model:</label>
+ <input type="text" id="cmodel"></p>
- <label for="ycar">Year:</label>
- <input type="text" id="ycar">
+ <p><label for="ycar">Year:</label>
+ <input type="text" id="ycar"></p>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
- <legend>What Kind?</legend>
+ <p><legend>What Kind?</legend>
<input type="radio" name="mode" id="used" value="Used" class="required">
<label for="used">Used</label>
<input type="radio" name="mode" id="new" value="New" checked="checked">
- <label for="new">New</label>
+ <label for="new">New</label></p>
</fieldset>
- <label for="mydate">Date Added:</label>
- <input name="mydate" id="mydate" type="date" data-native-menu="true" data-role="datebox" data-options='{"mode": "calbox"}'>
+ <p><label for="mydate">Date Added:</label>
+ <input name="mydate" id="mydate" type="date" data-native-menu="true" data-role="datebox" data-options='{"mode": "calbox"}'></p>
- <label for="special">Special Request:</label>
- <textarea id="special"></textarea>
+ <p><label for="special">Special Request:</label>
+ <textarea id="special"></textarea></p>
</div>
<div data-inline="true" data-type="horizontal">
Oops, something went wrong.

0 comments on commit fa2b2ae

Please sign in to comment.