From ac2958c51c49985b91ffbded073be9a682eb3ae6 Mon Sep 17 00:00:00 2001 From: brianjjones Date: Mon, 16 Sep 2013 16:42:57 -0700 Subject: [PATCH] Fixing the css file so the application is oriented properly Change-Id: Ia3ff7dea81b98535e42b0d9d86152ce2df1ccf81 Signed-off-by: brianjjones --- css/main.css | 38 ++++---------------------------------- packaging/saythis.changes | 3 +++ 2 files changed, 7 insertions(+), 34 deletions(-) diff --git a/css/main.css b/css/main.css index 2eb9909..d7a7880 100644 --- a/css/main.css +++ b/css/main.css @@ -1,7 +1,7 @@ /* * Copyright (c) 2012, Intel Corporation. * - * This program is licensed under the terms and conditions of the + * This program is licensed under the terms and conditions of the * Apache License, version 2.0. The full text of the Apache License is at * http://www.apache.org/licenses/LICENSE-2.0 * @@ -18,44 +18,14 @@ body { left: 50%; -webkit-transform: translate(-50%, -50%); position: absolute; - width: 1024px; - height: 600px; + width: 90%; + height: 80%; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-orient: vertical; display: -webkit-box; } -/* 800 x 480 */ -@media (orientation: landscape) { - body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.625, 0.6667); } -} -/* 1024 x 600 */ -@media (min-width: 1024px) and (min-height: 600px) and (orientation: landscape) { - body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.8, 0.833); } -} -/* 1280 x 720 */ -@media (min-width: 1280px) and (min-height: 720px) and (orientation: landscape) { - body { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); } -} - -/* 480 x 800 */ -@media (orientation: portrait) { - body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0.625, 0.6667) translate(50%, -50%); } -} -/* 600 x 1024 */ -@media (min-width: 600px) and (min-height: 1024px) and (orientation: portrait) { - body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0.8, 0.833) translate(50%, -50%); } -} -/* 720 x 1230 */ -@media (min-width: 720px) and (min-height: 1230px) and (orientation: portrait) { - body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0.96, 1.0) translate(50%, -50%); } -} -/* 720 x 1280 */ -@media (min-width: 720px) and (min-height: 1280px) and (orientation: portrait) { - body { top: 0%; left: 0%; -webkit-transform: translate(-50%, -50%) rotate(90deg) translate(50%, -50%); } -} - #main_page { position: absolute; margin: 0; @@ -114,4 +84,4 @@ body { #speakButtonLabel { position: relative; top: 25%; -} \ No newline at end of file +} diff --git a/packaging/saythis.changes b/packaging/saythis.changes index 55d6809..6da879e 100644 --- a/packaging/saythis.changes +++ b/packaging/saythis.changes @@ -1,3 +1,6 @@ +* Mon Sep 16 2013 brianjjones accepted/tizen/20130912.212624@78077f1 +- Fixing the css file so the application is oriented properly + * Thu Sep 12 2013 brianjjones 1.0_branch@71f490d - Updating saythis to use the tizen.speech.vocalizeString() method instead of websockets - Making it so pressing enter says the words -- 2.7.4