]> git.proxmox.com Git - sencha-touch.git/blame - src/examples/touchtomatoes/resources/sass/_welcomeOverlay.scss
import Sencha Touch 2.4.2 source
[sencha-touch.git] / src / examples / touchtomatoes / resources / sass / _welcomeOverlay.scss
CommitLineData
c4685c84
TL
1.x-ie .welcomeOverlay.x-panel, .x-android-2 .welcomeOverlay.x-panel {
2 background-color: rgba(0,0,0,.5);
3}
4
5.welcomeOverlay.x-panel {
6 @include background-image(radial-gradient(center, ellipse cover, rgba(0,0,0,0.5), rgba(0,0,0,0.8)));
7 background-color: transparent;
8
9 .x-innerhtml {
10 @include st-box;
11 @include st-box-orient(vertical);
12 @include st-box-align(center);
13 @include st-box-pack(center);
14 height: 100%;
15 color: white;
16
17 .message {
18 @include st-box;
19 @include st-box-orient(vertical);
20 @include st-box-align(center);
21 @include st-box-pack(center);
22 @include text-shadow(1px 1px 0px rgba(0,0,0,.7));
23
24 @include query-medium{
25 font-size: 2em;
26 }
27 @include query-large{
28 font-size: 2.2em;
29 }
30
31 @include query-small-landscape {
32 font-size: .8em;
33 }
34
35 h2 {
36 text-align: center;
37 font-weight: 300;
38 font-size: 1.2em;
39 padding-bottom:15px;
40 color: #41942e;
41 em {
42 display: block;
43 color: #b43027;
44 font-weight: 800;
45 font-size: 1.6em;
46 }
47 }
48
49 p{
50 text-align: center;
51 font-weight: 600;
52 max-width: 75%;
53 }
54 }
55
56 .tap {
57 padding-top:30px;
58 font-weight: 100px;
59 font-size: .8em;
60 }
61
62
63 }
64}