demos/tizen-winsets/widgets/grid/css/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         font-style : italic;
  39         color : #666;
  40         border-bottom : 1px dashed;
  41         margin-top: 0rem;
  42 }
  43
  44 .ui-demo-rotation-x-namecard {
  45         width : 5.1rem;
  46         height : 6.1rem;
  47         display: block;
  48         margin-right: 0.3rem;
  49         margin-left: 0.3rem;
  50         margin-bottom: 0.6rem;
  51 }
  52
  53 .ui-demo-namecard-contents-x {
  54         height : 1rem;
  55         margin: 0rem;
  56 }
  57
  58 .ui-demo-namecard-span-x {
  59         color : gray;
  60         font : normal 0.6rem Georgia, serif !important;
  61
  62         width: 5rem;
  63         display: block;
  64         white-space : nowrap;
  65         overflow : hidden !important;
  66         text-overflow : ellipsis !important;
  67         -o-text-overflow:ellipsis;
  68         resize:horizontal;
  69 }
  70
  71 .ui-demo-namecard-contents span.name {
  72         color : gray;
  73         font : normal 0.6rem Georgia, serif !important;
  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.9rem;
 113         color : gray;
 114         padding-top : 1rem;
 115         font-family: Helvetica, Arial, sans-serif;
 116         margin-top: 0rem;
 117 }