Merge branch 'master' into tizen_2.1
[platform/framework/web/web-ui-fw.git] / demos / tizen-winsets / widgets / grid / namecard.css
1 .ui-demo-namecard {
2         display : inline-block;
3         width : 5.1rem;
4         height : 6.1rem;
5         margin-right: 0.4rem;
6         margin-left: 0.4rem;
7         margin-bottom: 1.5rem;
8 }
9
10 .ui-demo-rotation-namecard {
11         position : fixed;
12         width : 4.4rem;
13         height : 6.1rem;
14         margin-right: 0.3rem;
15         margin-left: 0.3rem;
16         margin-bottom: 0.5rem;
17 }
18
19 .ui-demo-namecard-pic {
20         float : left;
21         padding-top : 0.2rem;
22         padding-left : 0.2rem;
23         padding-bottom: 0rem;
24 }
25
26 .ui-demo-namecard-pic-img {
27         height : 4.3rem;
28         width : 4.3rem;
29 }
30
31 .ui-demo-namecard-contents {
32         float : left;
33         height : 1rem;
34         margin: 0rem;
35 }
36
37 .ui-demo-namecard-contents span {
38         color : #666;
39         border-bottom : 1px dashed;
40         margin-top: 0rem;
41 }
42
43 .ui-demo-rotation-x-namecard {
44         width : 5.1rem;
45         height : 6.1rem;
46         display: block;
47         margin-right: 0.3rem;
48         margin-left: 0.3rem;
49         margin-bottom: 0.6rem;
50 }
51
52 .ui-demo-namecard-contents-x {
53         height : 1rem;
54         margin: 0rem;
55 }
56
57 .ui-demo-namecard-span-x {
58         color : gray;
59         font-size : 0.6rem;
60         text-align: center;
61         width: 5rem;
62         display: block;
63         white-space : nowrap;
64         overflow : hidden !important;
65         text-overflow : ellipsis !important;
66         -o-text-overflow:ellipsis;
67         resize:horizontal;
68 }
69
70 .ui-demo-namecard-contents span.name {
71         color : gray;
72         font-size : 0.6rem;
73         text-align: center;
74         width: 4rem;
75         display: inline-block;
76         white-space : nowrap;
77         overflow : hidden !important;
78         text-overflow : ellipsis !important;
79         -o-text-overflow:ellipsis;
80         resize:horizontal;
81 }
82
83 .ui-demo-rotation-list-namecard {
84         height : 70px;
85         display:block;
86         border-bottom-color: #444;
87 }
88
89 .ui-demo-namecard-list-pic {
90         height : 2.7rem;
91         width : 2.7rem;
92         float : left;
93         padding-top : 0rem;
94         padding-left : 0.2rem;
95         padding-right : 1rem;
96         padding-bottom: 0rem;
97         border-width: 0;
98 }
99
100 .ui-demo-namecard-list-pic-img {
101         height : 2.7rem;
102         width : 2.7rem;
103 }
104
105 .ui-demo-namecard-list-contents {
106         height : 2.5rem;
107 }
108
109 .ui-demo-namecard-list-contents span{
110         left : 9.6rem;
111         font-weight : normal;
112         font-size : 0.8rem;
113         color : gray;
114         padding-top : 1rem;
115         margin-top: 0rem;
116 }