Fixing the css file so the application is oriented properly

Change-Id: Ia3ff7dea81b98535e42b0d9d86152ce2df1ccf81
Signed-off-by: brianjjones <brian.j.jones@intel.com>

diff --git a/css/main.css b/css/main.css
index 2eb9909..d7a7880 100644 (file)
--- 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 (file)
--- a/packaging/saythis.changes
+++ b/packaging/saythis.changes
@@ -1,3 +1,6 @@
+* Mon Sep 16 2013 brianjjones <brian.j.jones@intel.com> accepted/tizen/20130912.212624@78077f1
+- Fixing the css file so the application is oriented properly
+
 * Thu Sep 12 2013 brianjjones <brian.j.jones@intel.com> 1.0_branch@71f490d
 - Updating saythis to use the tizen.speech.vocalizeString() method instead of websockets
 - Making it so pressing enter says the words