collapsible: Add collapse/expand animation (VI)
[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.popup.css
1 .ui-popup-screen {
2         top: 0;
3         left: 0;
4         width: 100%;
5         height: 100%;
6         border: 0;
7         position: absolute;
8         filter: Alpha(Opacity=50);
9         opacity: 0;
10 }
11
12 .ui-popup-screen-background-hack {
13         background-color: black;
14         filter: Alpha(Opacity=0);
15 }
16
17 @-webkit-keyframes popup-fadein {
18     from { opacity: 0; }
19     to { opacity: 0.5; }
20 }
21
22 @-moz-keyframes popup-fadein {
23     from { opacity: 0; }
24     to { opacity: 0.5; }
25 }
26
27 @-webkit-keyframes popup-fadeout {
28     from { opacity: 0.5; }
29     to { opacity: 0; }
30 }
31
32 @-moz-keyframes popup-fadeout {
33     from { opacity: 0.5; }
34     to { opacity: 0; }
35 }
36
37 .ui-popup-screen.fade.in {
38         opacity: 0.5;
39         -webkit-animation-name: popup-fadein;
40         -moz-animation-name: popup-fadein;
41 }
42
43 .ui-popup-screen.fade.out {
44         opacity: 0;
45         -webkit-animation-name: popup-fadeout;
46         -moz-animation-name: popup-fadeout;
47 }
48
49 .ui-popup.ui-content,
50 .ui-popup .ui-content {
51         overflow: visible;
52 }
53
54 .ui-popup > img {
55         width: auto;
56         height: auto;
57         max-width: 100%;
58         max-height: 100%;
59         vertical-align: middle;
60 }
61 .ui-popup iframe {
62         vertical-align: middle;
63 }
64
65 @media all and (min-width: 450px){
66         .ui-popup .ui-field-contain label.ui-submit,
67         .ui-popup .ui-field-contain .ui-controlgroup-label,
68         .ui-popup .ui-field-contain label.ui-select,
69         .ui-popup .ui-field-contain label.ui-input-text {
70                 font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
71         }
72         .ui-popup .ui-field-contain .ui-btn.ui-submit,
73         .ui-popup .ui-field-contain .ui-controlgroup-controls,
74         .ui-popup .ui-field-contain .ui-select,
75         .ui-popup .ui-field-contain input.ui-input-text,
76         .ui-popup .ui-field-contain textarea.ui-input-text,
77         .ui-popup .ui-field-contain .ui-input-search {
78                 width: 100%; display: block;
79         }
80 }
81
82 .ui-popup > .ui-btn-left,
83 .ui-popup > .ui-btn-right {
84         position: absolute; 
85         top: -9px;
86         margin: 0;
87         z-index: 1101;
88 }
89 .ui-popup > .ui-btn-left { left: -9px; }
90 .ui-popup > .ui-btn-right { right: -9px; }