media/token-input.css

   1 /* Example tokeninput style #1: Token vertical list*/
   2 ul.token-input-list {
   3     overflow: hidden;
   4     height: auto !important;
   5     height: 30px;
   6     width: 180px;
   7     border: 1px solid #532029;
   8     cursor: text;
   9     font-size: 14px;
  10     font-family: 'Adobe Caslon Pro', Georgia, sans-serif;
  11     z-index: 999;
  12     margin: 0;
  13     padding: 0;
  14     background-color: #C9C79E;
  15 }
  16
  17 ul.token-input-list li {
  18     list-style-type: none;
  19 }
  20
  21 ul.token-input-list li input {
  22     border: 0;
  23     width: 180px;
  24     padding: 3px 8px;
  25     background-color: #C9C79E;
  26 }
  27
  28 li.token-input-token {
  29     overflow: hidden;
  30     height: 18px;
  31     margin: 3px;
  32     padding: 3px 5px;
  33     background-color: #FBFEF3;
  34     color: #000;
  35         border: 1px solid #532029;
  36     font-weight: bold;
  37     cursor: default;
  38     display: block;
  39 }
  40
  41 li.token-input-token p {
  42     float: left;
  43     padding: 0;
  44     margin: 0;
  45 }
  46
  47 li.token-input-token span {
  48     float: right;
  49     color: #532029;
  50     cursor: pointer;
  51 }
  52
  53 li.token-input-selected-token {
  54     background-color: #FCB49E;
  55     color: #000;
  56 }
  57
  58 li.token-input-selected-token span {
  59     color: #532029;
  60 }
  61
  62 div.token-input-dropdown {
  63     position: absolute;
  64         margin-left:150px;
  65     width: 176px;
  66     background-color: #C9C79E;
  67     overflow: hidden;
  68     border-left: 2px solid #532029;
  69     border-right: 2px solid #532029;
  70     border-bottom: 2px solid #532029;
  71     cursor: default;
  72     font-size: 14px;
  73     font-family: 'Adobe Caslon Pro', Georgia, sans-serif;
  74     z-index: 1;
  75 }
  76
  77 div.token-input-dropdown p {
  78     margin: 0;
  79     padding: 5px;
  80     font-weight: bold;
  81     color: #000;
  82 }
  83
  84 div.token-input-dropdown ul {
  85     margin: 0;
  86     padding: 0;
  87 }
  88
  89 div.token-input-dropdown ul li {
  90     background-color: #C9C79E;
  91     padding: 3px;
  92     list-style-type: none;
  93 }
  94
  95 div.token-input-dropdown ul li.token-input-dropdown-item {
  96     background-color: #C9C79E;
  97 }
  98
  99 div.token-input-dropdown ul li.token-input-dropdown-item2 {
 100     background-color: #C9C79E;
 101 }
 102
 103 div.token-input-dropdown ul li em {
 104     font-weight: bold;
 105     font-style: normal;
 106 }
 107
 108 div.token-input-dropdown ul li.token-input-selected-dropdown-item {
 109     background-color: #532029;
 110         border: 2px solid #FBFEF3;
 111         color: #fff;
 112 }
 113