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

   1 @import "config.less";
   2
   3 .ui-tokentextarea {
   4         display : table;
   5         outline : none;
   6         position : relative;
   7 }
   8
   9 .ui-tokentextarea .ui-tokentextarea-label {
  10         display : inline-block;
  11         text-align : center;
  12         position : relative;
  13         margin-left : .3em;
  14         margin-right : .3em;
  15         padding : .6em 0em;
  16         color : @color_tokentextarea_label_text;
  17         font-weight : bold;
  18         text-align : center;
  19         font-size : 1em;
  20 }
  21
  22 .ui-tokentextarea-input {
  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-input-visible {
  34         display : inline-block !important;
  35 }
  36
  37 .ui-tokentextarea-input-invisible {
  38         display : none !important;
  39 }
  40
  41 .ui-tokentextarea div {
  42         display : inline-block;
  43         text-align : center;
  44         cursor : pointer;
  45         position : relative;
  46         margin : .3em;
  47         padding : .2em .5em;
  48         font-size : 1em;
  49         text-shadow : 0 .1em .1em rgba(0,0,0,.3);
  50         -ms-border-radius : .2em;
  51         -o-border-radius : .2em;
  52         -webkit-border-radius : .2em;
  53         -moz-border-radius : .2em;
  54         border-radius : .2em;
  55         .LESSbox-shadow(0, .1em, .1em, rgba(0,0,0,.2));
  56         color : @color_tokentextarea_block_text;
  57         overflow : hidden;
  58         text-overflow : ellipsis;
  59         white-space : nowrap;
  60 }
  61
  62 div.ui-tokentextarea-block {
  63         background-color : @color_tokentextarea_block_bg;
  64         background-image : -webkit-gradient(linear, left top, left bottom, from(@color_tokentextarea_block_bg), to(rgb(115, 148, 189)));
  65         background-size : contain;
  66         background-repeat : no-repeat;
  67         padding-left : .7em;
  68 }
  69
  70 div.ui-tokentextarea-sblock {
  71         background-color : @color_tokentextarea_press_bg;
  72         background-image : -webkit-gradient(linear, left top, left bottom, from(@color_tokentextarea_press_bg), to(rgb(75, 142, 222)));
  73         background-size : contain;
  74         background-repeat : no-repeat;
  75         padding-left : .7em;
  76 }
  77
  78 .ui-tokentextarea .ui-tokentextarea-desclabel {
  79         display : inline-block;
  80         outline : none;
  81         position : relative;
  82         border : 0;
  83         color : @color_tokentextarea_label_text;
  84         text-align : left;
  85         font-size : 1em;
  86 }
  87
  88 .ui-tokentextarea-link-base {
  89         position : absolute;
  90         right : 0em;
  91         bottom : .2em;
  92 }