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 : 5.1rem;
  13         height : 6.1rem;
  14         margin-right: 0.3rem;
  15         margin-left: 0.3rem;
  16         margin-bottom: 1.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 : 5rem;
  28         width : 5rem;
  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.8rem 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.8rem Georgia, serif !important;
  74
  75         width: 5rem;
  76         display: inline-block;
  77         white-space : nowrap;
  78         overflow : hidden !important;
  79         text-overflow : ellipsis !important;
  80         -o-text-overflow:ellipsis;
  81         resize:horizontal;
  82 }
  83
  84 .ui-demo-rotation-list-namecard {
  85         height : 70px;
  86         display:block;
  87         border-bottom-color: #444;
  88 }
  89
  90 .ui-demo-namecard-list-pic {
  91         height : 2.7rem;
  92         width : 2.7rem;
  93         float : left;
  94         padding-top : 0rem;
  95         padding-left : 0.2rem;
  96         padding-right : 1rem;
  97         padding-bottom: 0rem;
  98         border-width: 0;
  99 }
 100
 101 .ui-demo-namecard-list-pic-img {
 102         height : 2.7rem;
 103         width : 2.7rem;
 104 }
 105
 106 .ui-demo-namecard-list-contents {
 107         height : 2.5rem;
 108 }
 109
 110 .ui-demo-namecard-list-contents span{
 111         left : 9.6rem;
 112         font-weight : normal;
 113         font-size : 1.2rem;
 114         color : gray;
 115         padding-top : 1rem;
 116         font-family: Helvetica, Arial, sans-serif;
 117         margin-top: 0rem;
 118 }