← Back to branch summary

~mzanetti/qtcreator-plugin-ubuntu/fix-device_run_app-for-mir

« back to all changes in this revision

Viewing changes to share/qtcreator/templates/wizards/ubuntu/cordovaubuntu/css/index.css

  • Committer: Tarmac
  • Author(s): Kyle Nitzsche
  • Date: 2013-10-03 19:06:35 UTC
  • mfrom: (48.1.4 qtcreator-plugin-ubuntu)
  • Revision ID: tarmac-20131003190635-gn0go18jiqix0ceg
Convert default SDK cordova app to use Ubuntu HTML5 per LP: #1234822.

Approved by Alexandre Abreu, PS Jenkins bot.

Show diffs side-by-side

added added

removed removed

Lines of Context:
share/qtcreator/templates/wizards/ubuntu/cordovaubuntu/css/index.css
44
44
    text-transform:uppercase;
45
45
    width:100%;
46
46
}
47
 
 
48
 
/* Portrait layout (default) */
49
 
.app {
50
 
    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
51
 
    position:absolute;             /* position in the center of the screen */
52
 
    left:50%;
53
 
    top:50%;
54
 
    height:50px;                   /* text area height */
55
 
    width:225px;                   /* text area width */
56
 
    text-align:center;
57
 
    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
58
 
    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
59
 
                                   /* offset horizontal: half of text area width */
60
 
}
61
 
 
62
 
/* Landscape layout (with min-width) */
63
 
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
64
 
    .app {
65
 
        background-position:left center;
66
 
        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
67
 
        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
68
 
                                      /* offset horizontal: half of image width and text area width */
69
 
    }
70
 
}
71
 
 
72
 
h1 {
73
 
    font-size:24px;
74
 
    font-weight:normal;
75
 
    margin:0px;
76
 
    overflow:visible;
77
 
    padding:0px;
78
 
    text-align:center;
79
 
}
80
 
 
81
 
.event {
82
 
    border-radius:4px;
83
 
    -webkit-border-radius:4px;
84
 
    color:#FFFFFF;
85
 
    font-size:12px;
86
 
    margin:0px 30px;
87
 
    padding:2px 0px;
88
 
}
89
 
 
90
 
.event.listening {
91
 
    background-color:#333333;
92
 
    display:block;
93
 
}
94
 
 
95
 
.event.received {
96
 
    background-color:#4B946A;
97
 
    display:none;
98
 
}
99
 
 
100
47
@keyframes fade {
101
48
    from { opacity: 1.0; }
102
49
    50% { opacity: 0.4; }
108
55
    50% { opacity: 0.4; }
109
56
    to { opacity: 1.0; }
110
57
}
111
 
 
112
 
.blink {
113
 
    animation:fade 3000ms infinite;
114
 
    -webkit-animation:fade 3000ms infinite;
115
 
}