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 : 5px;
  14         margin-right : 5px;
  15         padding : 10px 0px;
  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 : 8px;
  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-left : 5px;
  47         margin-right : 5px;
  48         margin-bottom : 5px;
  49         margin-top : 5px;
  50         padding : 3px 8px;
  51         font-size : 1em;
  52         text-shadow : 0 .1em .1em rgba(0,0,0,.3);
  53         -ms-border-radius : .2em;
  54         -o-border-radius : .2em;
  55         -webkit-border-radius : .2em;
  56         -moz-border-radius : .2em;
  57         border-radius : .2em;
  58         .LESSbox-shadow(0, .1em, .1em, rgba(0,0,0,.2));
  59         color : @color_tokentextarea_block_text;
  60         overflow : hidden;
  61         text-overflow : ellipsis;
  62         white-space : nowrap;
  63 }
  64
  65 div.ui-tokentextarea-block {
  66         background-color : @color_tokentextarea_block_bg;
  67         background-image : url(./images/00_contacts_button_header.png);
  68         background-size : contain;
  69         background-repeat : no-repeat;
  70         padding-left : 11px;
  71 }
  72
  73 div.ui-tokentextarea-sblock {
  74         background-color : @color_tokentextarea_press_bg;
  75         background-image : url(./images/00_contacts_button_header_press.png);
  76         background-size : contain;
  77         background-repeat : no-repeat;
  78         padding-left : 11px;
  79 }
  80
  81 .ui-tokentextarea .ui-tokentextarea-desclabel {
  82         display : inline-block;
  83         outline : none;
  84         position : relative;
  85         border : 0;
  86         color : @color_tokentextarea_label_text;
  87         text-align : left;
  88         font-size : 1em;
  89 }
  90
  91 .ui-tokentextarea-link-base {
  92         position : absolute;
  93         right : 0em;
  94         bottom : .2em;
  95 }