Initial package
[profile/ivi/sdk/web-sample-build.git] / 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 }