src/themes/tizen/common/jquery.mobile.tizen.tokentextarea.less

   1 @import "config.less";
   2
   3 .ui-tokentextarea {
   4         display : table;
   5         outline : none;
   6 }
   7
   8 .ui-tokentextarea .ui-tokentextarea-label {
   9         display : inline-block;
  10         text-align : center;
  11         position : relative;
  12         margin-left : .3em;
  13         margin-right : .3em;
  14         padding : .6em 0em;
  15         color : @color_tokentextarea_label_text;
  16         font-weight : bold;
  17         text-align : center;
  18         font-size : 1em;
  19 }
  20
  21 .ui-tokentextarea-input {
  22         display : inline-block !important;
  23         outline : none;
  24         position : relative;
  25         border : 0 !important;
  26         padding : 0 !important;
  27         margin : .5em;
  28         color : @color_tokentextarea_input_text;
  29         text-align : left;
  30         font-size : 1em;
  31 }
  32
  33 .ui-tokentextarea div {
  34         display : inline-block;
  35         text-align : center;
  36         cursor : pointer;
  37         position : relative;
  38         margin-left : .3em;
  39         margin-right : .3em;
  40         margin-bottom : .3em;
  41         margin-top : .3em;
  42         padding : .2em .5em;
  43         font-size : 1em;
  44         text-shadow : 0 .1em .1em rgba(0,0,0,.3);
  45         -ms-border-radius : .2em;
  46         -o-border-radius : .2em;
  47         -webkit-border-radius : .2em;
  48         -moz-border-radius : .2em;
  49         border-radius : .2em;
  50         .LESSbox-shadow(0, .1em, .1em, rgba(0,0,0,.2));
  51         color : @color_tokentextarea_block_text;
  52         overflow : hidden;
  53         text-overflow : ellipsis;
  54         white-space : nowrap;
  55 }
  56
  57 div.ui-tokentextarea-block {
  58         background-color : @color_tokentextarea_block_bg;
  59         background-image : url(./images/00_contacts_button_header.png);
  60         background-size : contain;
  61         background-repeat : no-repeat;
  62         padding-left : .7em;
  63 }
  64
  65 div.ui-tokentextarea-sblock {
  66         background-color : @color_tokentextarea_press_bg;
  67         background-image : url(./images/00_contacts_button_header_press.png);
  68         background-size : contain;
  69         background-repeat : no-repeat;
  70         padding-left : .7em;
  71 }
  72
  73 .ui-tokentextarea .ui-tokentextarea-desclabel {
  74         display : inline-block;
  75         outline : none;
  76         position : relative;
  77         border : 0;
  78         color : @color_tokentextarea_label_text;
  79         text-align : left;
  80         font-size : 1em;
  81 }
  82
  83 .ui-tokentextarea-focus-button {
  84     background-image : url(./images/00_button_expand_opened.png);
  85  }