[Summary view] [Print] [Text view]

   1  /**
   2   * @provides aphront-tokenizer-control-css
   3   * @requires aphront-typeahead-control-css
   4   */
   5  
   6  body div.jx-tokenizer {
   7    background: transparent;
   8    position: relative;
   9    width: 100%;
  10  }
  11  
  12  body div.jx-tokenizer-container {
  13    position: relative;
  14    display: block;
  15    padding: 0 0 2px 0;
  16    min-height: 30px;
  17    height: auto;
  18  }
  19  
  20  var.jx-tokenizer-metrics {
  21    position: absolute;
  22    left: 20px;
  23    top: 20px;
  24  }
  25  
  26  body input.jx-tokenizer-input {
  27    border: 1px solid transparent;
  28    border-width: 1px 0px;
  29    padding: 3px;
  30    outline: none;
  31    float: left;
  32    width: 100%;
  33    border-shadow: none;
  34    box-shadow: none;
  35    -webkit-box-shadow: none;
  36    font-size: 13px;
  37    color: #333;
  38    height: 26px;
  39  }
  40  
  41  body input.jx-tokenizer-input:focus {
  42    box-shadow: none;
  43    -webkit-box-shadow: none;
  44    border-color: transparent;
  45  }
  46  
  47  body input.jx-typeahead-placeholder {
  48    margin-left: 4px;
  49    color: {$greytext};
  50  }
  51  
  52  a.jx-tokenizer-x {
  53    margin-left: 4px;
  54    color: {$bluetext};
  55  }
  56  
  57  a.jx-tokenizer-x:hover {
  58    color: {$darkbluetext};
  59    text-decoration: none;
  60  }
  61  
  62  a.jx-tokenizer-token {
  63    padding: 2px 6px 3px;
  64    border:  1px solid {$lightblueborder};
  65    margin: 3px 2px 0 4px;
  66    background: #dee7f8;
  67    float: left;
  68    cursor: pointer;
  69    border-radius: 3px;
  70    color: {$darkbluetext};
  71    min-height: 16px;
  72  }
  73  
  74  a.jx-tokenizer-token:hover {
  75    text-decoration: none;
  76    border-color: {$blueborder};
  77    background: #CDD9F0;
  78  }
  79  
  80  .jx-tokenizer-token .phui-icon-view {
  81    display: inline-block;
  82    margin: 2px 4px -3px 0;
  83    color: {$bluetext};
  84  }
  85  
  86  .tokenizer-result {
  87    position: relative;
  88    padding: 5px 8px 5px 28px;
  89  }
  90  
  91  .tokenizer-result .phui-icon-view {
  92    display: inline-block;
  93    width: 24px;
  94    height: 24px;
  95    position: absolute;
  96    top: 5px;
  97    left: 8px;
  98  }
  99  
 100  .tokenizer-result-closed {
 101    color: {$greytext};
 102  }
 103  
 104  .tokenizer-closed {
 105    margin-top: 2px;
 106  }