From 0126665e4c942a2690f8443a7e47849868d1ec63 Mon Sep 17 00:00:00 2001 From: Casey Halverson Date: Mon, 22 Jun 2015 11:47:40 -0700 Subject: [PATCH] Finalizing Chrome app window layout Stylized buttons for chrome app --- examples/ChromeHAMShield/background.js | 4 +- examples/ChromeHAMShield/manifest.json | 4 +- examples/ChromeHAMShield/styles.css | 49 +++++++++++++++++++- examples/ChromeHAMShield/window.html | 62 ++++++++++++++++++++++++-- 4 files changed, 110 insertions(+), 9 deletions(-) diff --git a/examples/ChromeHAMShield/background.js b/examples/ChromeHAMShield/background.js index a800665..68880f3 100755 --- a/examples/ChromeHAMShield/background.js +++ b/examples/ChromeHAMShield/background.js @@ -1,8 +1,8 @@ chrome.app.runtime.onLaunched.addListener(function() { chrome.app.window.create("window.html", { "bounds": { - "width": 400, - "height": 500 + "width": 685, + "height": 263 } }); }); \ No newline at end of file diff --git a/examples/ChromeHAMShield/manifest.json b/examples/ChromeHAMShield/manifest.json index 11f79c9..ab32bf2 100755 --- a/examples/ChromeHAMShield/manifest.json +++ b/examples/ChromeHAMShield/manifest.json @@ -1,6 +1,6 @@ { - "name": "", - "description": "HAMShield", + "name": "HamShield", + "description": "HamShield", "version": "1.0.0", "app": { "background": { diff --git a/examples/ChromeHAMShield/styles.css b/examples/ChromeHAMShield/styles.css index ab5f11c..0946aa6 100755 --- a/examples/ChromeHAMShield/styles.css +++ b/examples/ChromeHAMShield/styles.css @@ -1 +1,48 @@ -body{} \ No newline at end of file +body{ + display: inline-block; +} + +.btn { + background: #adadad; + background-image: -webkit-linear-gradient(top, #adadad, #3d3d3d); + background-image: -moz-linear-gradient(top, #adadad, #3d3d3d); + background-image: -ms-linear-gradient(top, #adadad, #3d3d3d); + background-image: -o-linear-gradient(top, #adadad, #3d3d3d); + background-image: linear-gradient(to bottom, #adadad, #3d3d3d); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0px; + font-family: Arial; + color: #ffffff; + font-size: 20px; + padding: 10px 20px 10px 20px; + text-decoration: none; + float: left; + text-align:center; +} + +.btn:hover { + background: #3d3d3d; + text-decoration: none; +} + +.lcd { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0px; + font-family: Courier New; + color: #00ff00; + font-size: 50px; + background: #000000; + padding: 10px 20px 10px 20px; + text-decoration: none; + width: 500px; +} + +.lcd:hover { + text-decoration: none; +} + +.bs1 { width: 50px; } +.bs2 { width: 100px; } +.bs3 { width: 200px; } \ No newline at end of file diff --git a/examples/ChromeHAMShield/window.html b/examples/ChromeHAMShield/window.html index d6bfb7c..e6e6b8f 100755 --- a/examples/ChromeHAMShield/window.html +++ b/examples/ChromeHAMShield/window.html @@ -1,13 +1,67 @@ + -
- Power +
+ 220.000 MHz
-
- +
+ 1.25M | BW 12.5KHz | TX CTCSS: 103.5 | RX CTCSS: 109.4 | Filter OFF +
+
+ BW +
+
+ Band +
+
+ + +
+
+ - +
+
+ << +
+
+ >> +
+
+ SQ- +
+
+ SQ+ +
+
+ VOL +
+
+
+ CTCSS +
+
+ CDCSS +
+
+ Vox +
+
+ Filter +
+
+ Offset +
+
+ Directory +
+
+ WX +
+
+
+ Transmit
\ No newline at end of file