samples/web/Sample/Tizen/Web App/Saythis/project/css/main.css

   1 /*
   2  * Copyright (c) 2012, Intel Corporation.
   3  *
   4  * This program is licensed under the terms and conditions of the
   5  * Apache License, version 2.0.  The full text of the Apache License is at
   6  * http://www.apache.org/licenses/LICENSE-2.0
   7  *
   8  */
   9
  10 /* -------------------------------- global ----------------------------- */
  11
  12 body {
  13     margin: 0px;
  14     -webkit-user-select: none;
  15     background-color: "white";
  16     box-shadow: 5px 5px 20px black;
  17     top: 50%;
  18     left: 50%;
  19     -webkit-transform: translate(-50%, -50%);
  20     position: absolute;
  21     width: 90%;
  22     height: 80%;
  23     -webkit-box-align: center;
  24     -webkit-box-pack: center;
  25     -webkit-box-orient: vertical;
  26     display: -webkit-box;
  27 }
  28
  29 #main_page {
  30     position: absolute;
  31     margin: 0;
  32     padding: 0;
  33     width: 100%;
  34     height: 100%;
  35     background-color: #ACD2F6;
  36 }
  37
  38 #instructionLabel {
  39     margin-top: 30px;
  40     width: 80%;
  41     height: 15%;
  42     margin-left: 10%;
  43     margin-right: 10%;
  44     text-align: center;
  45     font-size: 50px;
  46     font-weight: lighter;
  47     color: #111111;
  48 }
  49
  50 #inputArea {
  51     width: 80%;
  52     height: 60%;
  53     margin-left: 10%;
  54     margin-right: 10%;
  55     font-size: 50px;
  56     font-weight: lighter;
  57     resize: none;
  58 }
  59
  60 #buttonPanel {
  61     width: 80%;
  62     height: 20%;
  63     margin-left: 10%;
  64     margin-right: 10%;
  65 }
  66
  67 #speakButton {
  68     width: 20%;
  69     height: 50px;
  70     margin-top: 30px;
  71     margin-left: 40%;
  72     margin-right: 40%;
  73     text-align: center;
  74     font-size: 26px;
  75     font-weight: lighter;
  76     color: #ffffff;
  77     background-color: #470009;
  78 }
  79
  80 .pressed {
  81     background-color: grey !important;
  82 }
  83
  84 #speakButtonLabel {
  85     position: relative;
  86     top: 25%;
  87 }