incubator-callback-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From purplecabb...@apache.org
Subject [21/51] [abbrv] git commit: applied basic wp7 theme
Date Thu, 12 Jan 2012 19:30:14 GMT
applied basic wp7 theme


Project: http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/commit/b0995fbf
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/tree/b0995fbf
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/diff/b0995fbf

Branch: refs/heads/master
Commit: b0995fbf40ad42c92cc5ef50b4ee96c299001aec
Parents: 6a55808
Author: sgrebnov <sergeyg@bsquare.com>
Authored: Thu Dec 15 17:28:00 2011 +0400
Committer: sgrebnov <sergeyg@bsquare.com>
Committed: Thu Dec 15 17:28:00 2011 +0400

----------------------------------------------------------------------
 example/www/audio.html      |   12 +-
 example/www/calculator.html |    6 +-
 example/www/camera.html     |    2 +-
 example/www/capture.html    |    2 +-
 example/www/compass.html    |    4 +-
 example/www/contacts.html   |    4 +-
 example/www/events.html     |    6 +-
 example/www/file.html       |    8 +-
 example/www/master.css      |  264 ++++++++++++++++++++++----------------
 example/www/storage.html    |    2 +-
 10 files changed, 177 insertions(+), 133 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/audio.html
----------------------------------------------------------------------
diff --git a/example/www/audio.html b/example/www/audio.html
index d0588fd..f086b72 100644
--- a/example/www/audio.html
+++ b/example/www/audio.html
@@ -79,7 +79,7 @@
         // Play audio
         media1.play();
         
-        document.getElementById('play_caption').innerHTML = "<b>Now playing:</b>
";
+        document.getElementById('play_caption').innerHTML = "Now playing: ";
         document.getElementById('file_name').innerHTML = path;
         
         if (media1Timer == null && media1.getCurrentPosition) {
@@ -190,7 +190,7 @@
         console.log("Start recording...");
         mediaRec.startRecord();
 
-        document.getElementById('play_caption').innerHTML = "<b>Recording in:<b>";
+        document.getElementById('play_caption').innerHTML = "Recording in:";
         document.getElementById('file_name').innerHTML = recordSrc;
 
         // Stop recording after 10 sec
@@ -250,10 +250,10 @@
     <h1>Audio</h1>  
     <div id="info">    
         <table width="100%">
-        <tr><td id="play_caption"><b>Now playing:</b></td><td
id="file_name">&nbsp;</td></tr>
-        <tr><td><b>Status:</b></td><td id="audio_status">&nbsp;</td></tr>
-        <tr><td><b>Duration:</b></td><td id="audio_duration"></td></tr>
-        <tr><td><b>Position:</b></td><td id="audio_position"></td></tr>
+        <tr><td id="play_caption">Now playing:</td><td id="file_name">&nbsp;</td></tr>
+        <tr><td>Status:</td><td id="audio_status">&nbsp;</td></tr>
+        <tr><td>Duration:</td><td id="audio_duration"></td></tr>
+        <tr><td>Position:</td><td id="audio_position"></td></tr>
         </table>
     </div>
     <h2>Action</h2>

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/calculator.html
----------------------------------------------------------------------
diff --git a/example/www/calculator.html b/example/www/calculator.html
index b5a05d8..6ba068a 100644
--- a/example/www/calculator.html
+++ b/example/www/calculator.html
@@ -64,13 +64,13 @@
   
     <h1>Calculator</h1>
     <div id="info">        
-        <b>X:</b> <span id="Span1"></span><br/>
+        <span class='tb-label'>X</span> <span id="Span1"></span>
         <input type="text" id="x" value="1" style="width:250px;height:20px;"/>
         <br/>
-        <b>Y:</b> <span id="Span2"></span><br/>
+        <span class='tb-label'>Y</span> <span id="Span2"></span>
         <input type="text" id="y" value="2" style="width:250px;height:20px;"/>    
   
         <br/>
-        <b>Sum:</b> <span id="res"></span>
+        Sum: <span id="res"></span>
     </div>
     <h2>Action</h2>
     <a href="#" class="btn large" onclick="calculateSum();">Calculate</a>

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/camera.html
----------------------------------------------------------------------
diff --git a/example/www/camera.html b/example/www/camera.html
index ce67906..2e9b817 100644
--- a/example/www/camera.html
+++ b/example/www/camera.html
@@ -99,7 +99,7 @@
   
     <h1>Camera</h1>
     <div id="info">
-        <b>Status:</b> <span id="camera_status"></span><br>
+        Status: <span id="camera_status"></span><br>
         <img style="width:120px;height:120px;visibility:hidden;display:none;" id="camera_image"
src="" />
     </div>
     <h2>Action</h2>

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/capture.html
----------------------------------------------------------------------
diff --git a/example/www/capture.html b/example/www/capture.html
index a4313fc..ba53e7f 100644
--- a/example/www/capture.html
+++ b/example/www/capture.html
@@ -182,7 +182,7 @@
   
     <h1>Capture</h1>
     <div id="info">
-        <b>Status:</b> <span id="capture_status"></span><br/>
+        Status: <span id="capture_status"></span><br/>
         <img style="width:120px;height:120px;visibility:hidden;display:none;" id="camera_image"
src="" />
         <audio style="visibility:hidden;display:none;" id="audio_player" src="" controls
/>
         <video style="visibility:hidden;display:none;"  width="150" height="150" id="video_player"
src=""

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/compass.html
----------------------------------------------------------------------
diff --git a/example/www/compass.html b/example/www/compass.html
index 6c48aea..1b7c9c4 100644
--- a/example/www/compass.html
+++ b/example/www/compass.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
   <head>
     <!-- meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes,
initial-scale=2.0, maximum-scale=4.0, minimum-scale=1.0" / -->
@@ -133,7 +133,7 @@
   
     <h1>Compass</h1>
     <div id="info">
-        <b>Status:</b> <span id="compass_status">Stopped</span>
+        Status: <span id="compass_status">Stopped</span>
         <table width="100%"><tr>
             <td width="33%">Heading: <span id="compassHeading">&nbsp;</td>
         </tr></table>

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/contacts.html
----------------------------------------------------------------------
diff --git a/example/www/contacts.html b/example/www/contacts.html
index d65ee15..41446c8 100644
--- a/example/www/contacts.html
+++ b/example/www/contacts.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
   <head>
     <!-- meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes,
initial-scale=2.0, maximum-scale=4.0, minimum-scale=1.0" / -->
@@ -151,7 +151,7 @@
   
     <h1>Contacts</h1>    
     <div id="info">
-        <b>Results:</b><br>
+        Results:<br>
         <span id="contacts_results">&nbsp;</span>
     </div>
     <h2>Action</h2>

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/events.html
----------------------------------------------------------------------
diff --git a/example/www/events.html b/example/www/events.html
index 836ddbc..2668327 100644
--- a/example/www/events.html
+++ b/example/www/events.html
@@ -1,4 +1,4 @@
-<!DOCTYPE HTML>
+<!DOCTYPE HTML>
 <html>
   <head>
     <!-- meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes,
initial-scale=2.0, maximum-scale=4.0, minimum-scale=1.0" / -->
@@ -124,7 +124,7 @@
   
     <h1>Events</h1>
     <div id="info">
-        <b>Results:</b><br>
+        Results:<br>
         <span id="results"></span>
     </div>
 
@@ -136,6 +136,6 @@
     <div class="btn large" onclick="document.addEventListener('searchbutton', interceptSearchbutton,
false);">Intercept searchbutton</div>
     <div class="btn large" onclick="document.removeEventListener('searchbutton', interceptSearchbutton,
false);">Stop intercept of searchbutton</div>
     <div/>
-    <div onclick="goBack()" class="backBtn">Back</div>
+    <a href="index.html" class="backBtn">Back</a>
   </body>
 </html>      
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/file.html
----------------------------------------------------------------------
diff --git a/example/www/file.html b/example/www/file.html
index ff071c0..bbe620f 100644
--- a/example/www/file.html
+++ b/example/www/file.html
@@ -253,16 +253,16 @@
   
     <h1>File</h1>
     <div id="info">        
-        <b>Enter file/directory name here:</b> <span id="Span1"></span><br/>
+        <span class='tb-label'>Enter file/directory name here:</span> <span
id="Span1"></span>
         <input type="text" id="filePath" style="width:250px;height:20px;"/>
         <br/>
-        <b>Enter text to write in file :</b> <span id="Span2"></span><br/>
+        <span class='tb-label'>Enter text to write in file :</span> <span
id="Span2"></span>
         <input type="text" id="textToWrite" style="width:250px;height:20px;"/>    
   
         <br/>
-        <b>Enter URL to upload file to: </b> <span id="Span3"></span><br/>
+        <span class='tb-label'>Enter URL to upload file to: </span> <span
id="Span3"></span>
         <input type="text" id="server" value='http://posttestserver.com/post.php?dir=phonegapTest'
style="width:250px;height:20px;"/>        
         <br/>
-        <b>Result:</b> <span id="file_status"></span>
+        Result: <span id="file_status"></span>
     </div>
     <h2>Action</h2>
     <a href="#" class="btn large" onclick="createOrOpen(true);">Create/Open file</a>

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/master.css
----------------------------------------------------------------------
diff --git a/example/www/master.css b/example/www/master.css
index f3f3717..7898afa 100644
--- a/example/www/master.css
+++ b/example/www/master.css
@@ -1,112 +1,156 @@
+/**
+    PhoneFontSizeSmall=14pt
+    PhoneFontSizeNormal = 15pt
+    PhoneFontSizeMedium=17pt
+    PhoneFontSizeMediumLarge=19pt
+    PhoneFontSizeLarge=24pt
+    PhoneFontSizeExtraLarge=32pt
+    PhoneFontSizeExtraExtraLarge=54pt
+    PhoneFontSizeHuge=140pt
+*/
+
+/** 
+
+main wp7 color and fonts 
+
+*/
+  
+body, input, div
+{
+    background: black;
+    color: White;
+    font-family: Segoe WP;
+    font-size: 15pt; /* PhoneFontSizeNormal */
+    margin-left:0.1em;
+    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
+}
+
+h1, h2, h3, h4 
+{    
+    display: block;
+    font-family: Segoe WP Light;
+    font-weight: bold;
+    margin: 0 0.1em;
+    min-height: 1.1em;
+    outline: 0 none;
+    overflow: hidden;
+    padding: 0;
+    text-align: left;
+    white-space: nowrap;
+ }
+
+h1
+{
+    font-size: 32pt; /* PhoneFontSizeExtraLarge */ 
+}
+
+h2
+{
+    font-size: 24pt; /* PhoneFontSizeLarge */
+    font-weight: normal;
+}
+
+h3
+{
+    font-size: 17pt; /* PhoneFontSizeMedium */
+}
+
+h4
+{
+    font-size: 15pt; /* PhoneFontSizeNormal */
+    font-weight: normal;
+}
+
+h4 > span
+{
+    color: gray;
+}
+
+/** 
+
+Buttons
+
+*/
+
+a.btn, div.btn
+{
+    background: black;
+    color: white;
+    text-decoration: none;
+    display:block;
+    font-size: 15pt;
+    text-decoration:none;
+    padding:0.7em 0;
+    margin:3px 0px 3px 5px;
+}
+
+a.backBtn, input[type="button"], input[type="submit"]
+{
+    background: black;
+    color: white;
+    border-color: white;
+    border-style: solid;
+    padding: 4px 10px;
+    border-width: 3px; /* PhoneBorderThickness */
+    font-size: 17pt; /* PhoneFontSizeMedium */
+    display: block;
+    text-decoration:none;
+    text-transform:lowercase;
   
-  body {
-	background:#222 none repeat scroll 0 0;
-	color:#FFC312;
-	font-family:Helvetica, Verdana, Geneva, sans-serif;
-	font-size:72%;
-	line-height:1.5em;
-	margin:0;
-	border-top:1px solid #393939;
-  }
-
-  #info{
-    background:#ffa;
-    border: 1px solid #ffd324;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-    clear:both;
-    margin:15px 6px 0;
-    width:295px;
-    padding:4px 0px 2px 10px;
-	color:#666;
-  }
+}
+
+input[type="button"]:active, input[type="submit"]:active
+{
+    background: white;
+    color: black;
+}
+
+/** 
+
+Input fields 
+
+*/
+
+input[type="text"]
+{
+    width: 150px;
+    padding:4px;
+    margin-bottom: 14px;
+    box-shadow: 0px 0px 12px #387bbe;
+    background-color: #8c8e8b;
+    border: 1px solid #B3B3B3;
+    color: #3e3e3e;
+    text-shadow: 0 1px 0 #FFFFFF;
+}
+
+input[type="text"]:focus,
+input[type="text"]:active {
+    box-shadow: 0 0 12px #387BBE;
+    background-color: #f0f0f0;
+}
+
+span.tb-label
+{
+    padding: 4px 10px 8px 4px;
+    font-size: 12pt;
+    color: grey; 
+    display: block;
+}
+
+/** 
+
+application specific styles
+
+*/
+
+#info {
+    border-bottom: 1px solid #666666;
+    border-top: 1px solid #666666;
+}
+
+#info table
+{
+    font-family: Segoe WP Light;
+}
+
   
-  #info > h4{
-    font-size:.95em;
-    margin:5px 0;
-  }
- 	
-  #stage.theme{
-    padding-top:3px;
-  }
-
-  /* Definition List */
-  #stage.theme > dl{
-  	padding-top:10px;
-  	clear:both;
-  	margin:0;
-  	list-style-type:none;
-  	padding-left:10px;
-  	overflow:auto;
-  }
-
-  #stage.theme > dl > dt{
-  	font-weight:bold;
-  	float:left;
-  	margin-left:5px;
-  }
-
-  #stage.theme > dl > dd{
-  	width:45px;
-  	float:left;
-  	color:#a87;
-  	font-weight:bold;
-  }
-
-  /* Content Styling */
-  #stage.theme > h1, #stage.theme > h2, #stage.theme > p{
-    margin:1em 0 .5em 13px;
-  }
-
-  #stage.theme > h1{
-    color:#eee;
-    font-size:1.6em;
-    text-align:center;
-    margin:0;
-    margin-top:15px;
-    padding:0;
-  }
-
-  #stage.theme > h2{
-  	clear:both;
-    margin:0;
-    padding:3px;
-    font-size:1em;
-    text-align:center;
-  }
-
-  /* Stage Buttons */
-  #stage.theme .btn{
-  	border: 1px solid #555;
-  	-webkit-border-radius: 5px;
-  	border-radius: 5px;
-  	text-align:center;
-  	display:block;
-  	float:left;
-  	background:#444;
-  	width:150px;
-  	color:#9ab;
-  	font-size:1.1em;
-  	text-decoration:none;
-  	padding:1.2em 0;
-  	margin:3px 0px 3px 5px;
-  }
-  #stage.theme .btn.large{
-  	width:308px;
-  	padding:1.2em 0;
-  }
-  #stage.theme .backBtn{
-   border: 1px solid #555;
-   -webkit-border-radius: 5px;
-   border-radius: 5px;
-   text-align:center;
-   display:block;
-   float:right;
-   background:#666;
-   width:75px;
-   color:#9ab;
-   font-size:1.1em;
-   text-decoration:none;
-   padding:1.2em 0;
-   margin:3px 5px 3px 5px;
-  }

http://git-wip-us.apache.org/repos/asf/incubator-cordova-wp7/blob/b0995fbf/example/www/storage.html
----------------------------------------------------------------------
diff --git a/example/www/storage.html b/example/www/storage.html
index f7f4e10..abeff9c 100644
--- a/example/www/storage.html
+++ b/example/www/storage.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html>
   <head>
     <!-- meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes,
initial-scale=2.0, maximum-scale=4.0, minimum-scale=1.0" / -->


Mime
View raw message