[CallLog] updated CallLog sources
[samples/web/CallLog.git] / css / style.css
1 html,body {
2         margin: 0px 0px;
3         width: 100%;
4         height: 100%;
5         color: #fff;
6         font-family: Lucida Sans, Arial, Helvetica, sans-serif;
7         overflow: hidden;
8         -webkit-user-select: none;
9 }
10
11 ul.calllogList li.date {
12         background-color: #424242;
13         color: #9B9B9B;
14         height: 22px;
15         font-size: 15px;
16         padding-left: 10px;
17         padding-top: 5px;
18 }
19
20 ul {
21         list-style-type: none;
22         margin: 0;
23         padding: 0;
24         padding-bottom: 60px;
25         width: 100%;
26         /*float: left;*/
27 }
28
29 li {
30         border-bottom: 1px solid #5A99BA;
31         padding: 8px 8px 6px 8px;
32         background-color: #FFF;
33         /*
34         float: left;
35         width: 100%;
36         */
37 }
38 li.ui-screen-hidden{
39         display: none !important;
40 }
41
42 #delete span {
43         border-bottom: 0px;
44 }
45
46 .hidden {
47         display: none !important;
48 }
49
50 .call .numberOrName {
51         white-space: nowrap;
52         text-overflow: ellipsis;
53         width: 95%;
54         overflow: hidden;
55         font-size: 20px;
56 }
57
58 .date {
59         background-color: #5A99BA;
60         color: #FFF;
61 }
62
63 .call {
64         -moz-border-radius-bottomleft: 0;
65         -webkit-border-bottom-left-radius: 0;
66         border-bottom-left-radius: 0;
67         -moz-border-radius-bottomright: 0;
68         -webkit-border-bottom-right-radius: 0;
69         border-bottom-right-radius: 0;
70 }
71
72 .call .callTime {
73         font-size: 14px;
74         color: #646464;
75         margin-left: 20px;
76         /*float: left;*/
77         margin-top: 2px;
78 }
79
80 .call .callAllTime {
81         font-size: 20px;
82 }
83
84 .call .callDuration {
85         font-size: 14px;
86         color: #646464;
87         margin-left: 20px;
88         /*float: left;*/
89         margin-top: 2px;
90 }
91
92 .footer {
93         background-color: #242F36;
94         height: 45px;
95 }
96
97 .details {
98         background-color: #5A99BA;
99         height: 30px;
100         color: white;
101         text-align: center;
102         padding-top: 10px;
103         margin-top: 0px;
104 }
105
106 .detailsView {
107         background-color: #0f0f0f;
108 }
109
110 .contact {
111         border-bottom: 1px solid #5A99BA;
112         background-color: #FFF;
113         height: 110px;
114 }
115
116 .contact .photo {
117         width: 50px;
118         height: 50px;
119         background-image: url('../images/no_photo.png');
120         background-repeat: no-repeat;
121         margin: 8px;
122         float: left;
123         background-size: 50px 50px;
124         border: 1px solid rgba(0, 0, 0, 0.1);
125 }
126
127 .contact .name {
128         white-space: nowrap;
129         text-overflow: ellipsis;
130         width: 75%;
131         overflow: hidden;
132         font-size: 20px;
133         padding-top: 10px;
134         color: #555;
135 }
136
137 .contact .number {
138         font-size: 20px;
139         color: #948676;
140         clear: right;
141 }
142
143 .contact .number .numberOfEntries {
144         font-size: 16px;
145 }
146
147 .contact .infoContainer {
148         width: 100%;
149         height: 66px;
150 }
151
152 .contact .options {
153         clear: both;
154         margin: 0px 0px 8px 8px;
155         float: left;
156         width: 100%;
157 }
158
159 .contact .options p {
160         float: left;
161         margin: 5px 5px 5px 10px;
162         border: 1px solid #2F2F2F;
163         padding: 4px;
164         width: 25%;
165         text-align: center;
166         background-color: black;
167         border-radius: 3px;
168         border-color: #090909 #1F1F1F #1F1F1F #090909;
169         font-size: 28px;
170 }
171
172 .options .actionButton {
173         width: 43%;
174 }
175
176 #historyForCallerView .actionButton.ui-btn-down-s .ui-btn-inner {
177         color:inherit;
178 }
179 .trash {
180         background-image: url(../images/trash.png);
181         width: 21px;
182         height: 100%;
183         float: left;
184         margin: 15px;
185         background-size: 100%;
186         background-repeat: no-repeat;
187 }
188
189 #detailsStandardFooter {
190         height: 100%;
191 }
192
193 #detailsRemoveFooter {
194         height: 80px;
195 }
196
197 .trashDisabled {
198         background-image: url(../images/trash.png);
199         width: 18px;
200         height: 20px;
201         float: left;
202         margin: 13px;
203         background-size: 18px;
204         opacity: 0.5;
205 }
206
207 .cancel {
208         width: 64px;
209         height: 27px;
210         float: right;
211         border: 0;
212         margin-right: 15px;
213         margin-top: 8px;
214         background-color: #353535;
215         color: #fff;
216         border-radius: 4px;
217         width: 200px;
218         height: 80px;
219         font-size: 44px;
220         float: right;
221         margin-top: 18px;
222         margin-right: 10px;
223 }
224
225 .call .iconStatus {
226         width: 14px;
227         height: 14px;
228         float: left;
229         background-size: 14px;
230         margin-top: 2px;
231 }
232
233 .call.type_tizen-tel .iconStatus {
234         background-image: url('../images/logs_list_call_icon.png');
235 }
236
237 .call.dir_dialed .iconStatus {
238         background-image: url('../images/logs_list_dialled_icon.png');
239 }
240
241 .call.dir_missed .iconStatus {
242         background-image: url('../images/logs_list_missed_icon.png');
243 }
244
245 .call.dir_missednew .iconStatus {
246         background-image: url('../images/logs_list_missed_unchecked_icon.png');
247 }
248
249 .call.dir_received .iconStatus {
250         background-image: url('../images/logs_list_received_icon.png');
251 }
252
253 .call.dir_rejected .iconStatus {
254         background-image: url('../images/logs_list_rejected_icon.png');
255 }
256
257 .call.dir_blocked .iconStatus {
258         background-image: url('../images/logs_list_blocked_icon.png');
259 }
260
261 .noPhoto {
262         background-image: url('../images/no_photo.png');
263 }
264
265 .toRemove {
266         float: left;
267         background-size: 100%;
268         border-radius: 4px;
269         margin-right: 5px;
270 }
271
272 .toRemove input {
273         opacity: 0;
274         width: 20px;
275         height: 20px;
276 }
277
278 .toRemove .ui-checkbox {
279         position: relative !important;
280         height: auto;
281 }
282
283 .checked {
284         background-image: url('../images/checkboxChecked.png');
285 }
286
287 .selectAllBox {
288         background: #5A99BA;
289         float: left;
290         height: 33px;
291         width: 100%;
292         border-bottom: solid 1px white;
293         padding: 5px 0;
294 }
295
296 .selectAllBox .toRemove {
297         margin-top: 0px;
298         height: 30px;
299         width: 40px;
300         padding-left: 4px;
301 }
302
303 .selectAllBox p {
304         float: left;
305         margin: 5px 0 0;
306         color: #FFF;
307 }
308
309 .selectedCount {
310         height: 20px;
311         text-align: center;
312         background-color: #424242;
313         padding: 4px 0;
314 }
315
316 .calllogList .toRemove {
317         display: none;
318 }
319
320 .find {
321         height: 40px;
322         text-align: left;
323         background-color: #424242;
324         padding: 4px 0;
325 }
326
327 .find input {
328         width: 200px;
329         float: left;
330 }
331
332 .ui-image-search {
333         width: auto;
334         right: 0;
335         left: auto;
336 }
337
338 .ui-checkbox, .ui-radio {
339         height: 0;
340 }
341
342 .my-ui-checkbox {
343         position: relative;
344         float: left;
345         margin-top: -1rem;
346         margin-right: 1.5rem;
347         left: 0rem;
348 }
349
350 .ui-listview {
351         margin: 0px;
352         padding: 0px;
353         border-top-width: 0px;
354 }
355
356 .input-search-bar {
357         margin: 0px;
358 }
359
360 .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
361         margin: 0px;
362         padding: 0px;
363 }
364
365 .ui-content .ui-listview {
366         margin: 0px;
367         padding: 0px;
368 }
369
370 .ui-controlbar-s, .ui-controlbar-left, .ui-controlbar-right {
371         border: 0px;
372 }
373
374 #header.ui-bar-s .ui-btn {
375         /*width: 100px; // this property changed back button width*/
376 }
377
378 .ui-popupwindow {
379         color: black;
380         padding:0.4em;
381 }
382
383 #popupCancelActionBtn {
384         width: 80px;
385 }
386
387 #popupSubmitActionBtn {
388         width: 80px;
389 }
390
391 #popupMessage {
392         margin-bottom: 10px;
393 }
394
395 #page-header a {
396         text-decoration: none;
397 }
398
399 .ui-footer .ui-btn-text {
400         text-transform: uppercase;
401 }
402
403 .date.ui-corner-top, .date.ui-corner-bottom {
404         border-radius: 0;
405 }