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         width: 5rem;
  61         display: block;
  62         white-space : nowrap;
  63         overflow : hidden !important;
  64         text-overflow : ellipsis !important;
  65         -o-text-overflow:ellipsis;
  66         resize:horizontal;
  67 }
  68
  69 .ui-demo-namecard-contents span.name {
  70         color : gray;
  71         font-size : 0.6rem;
  72         width: 4rem;
  73         display: inline-block;
  74         white-space : nowrap;
  75         overflow : hidden !important;
  76         text-overflow : ellipsis !important;
  77         -o-text-overflow:ellipsis;
  78         resize:horizontal;
  79 }
  80
  81 .ui-demo-rotation-list-namecard {
  82         height : 70px;
  83         display:block;
  84         border-bottom-color: #444;
  85 }
  86
  87 .ui-demo-namecard-list-pic {
  88         height : 2.7rem;
  89         width : 2.7rem;
  90         float : left;
  91         padding-top : 0rem;
  92         padding-left : 0.2rem;
  93         padding-right : 1rem;
  94         padding-bottom: 0rem;
  95         border-width: 0;
  96 }
  97
  98 .ui-demo-namecard-list-pic-img {
  99         height : 2.7rem;
 100         width : 2.7rem;
 101 }
 102
 103 .ui-demo-namecard-list-contents {
 104         height : 2.5rem;
 105 }
 106
 107 .ui-demo-namecard-list-contents span{
 108         left : 9.6rem;
 109         font-weight : normal;
 110         font-size : 0.8rem;
 111         color : gray;
 112         padding-top : 1rem;
 113         margin-top: 0rem;
 114 }