addons/web/static/lib/jquery.textext/jquery.textext.css

   1
   2 .text-core {
   3   position: relative;
   4 }
   5 .text-core .text-wrap {
   6   background: #fff;
   7   position: absolute;
   8 }
   9 .text-core .text-wrap textarea, .text-core .text-wrap input {
  10   -webkit-box-sizing: border-box;
  11   -moz-box-sizing: border-box;
  12   box-sizing: border-box;
  13   -webkit-border-radius: 3px;
  14   -moz-border-radius: 3px;
  15   border-radius: 3px;
  16   outline: none;
  17   resize: none;
  18   position: absolute;
  19   background: none;
  20   overflow: hidden;
  21   margin: 0;
  22   padding: 3px 5px 4px 5px;
  23   white-space: nowrap;
  24   font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  25   line-height: 13px;
  26   height: auto;
  27 }
  28 .text-core .text-wrap .text-arrow {
  29   -webkit-box-sizing: border-box;
  30   -moz-box-sizing: border-box;
  31   box-sizing: border-box;
  32   position: absolute;
  33   top: 0;
  34   right: 0;
  35   width: 22px;
  36   height: 22px;
  37   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOAQMAAADHWqTrAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///8yXJnt8Ns4AAAACXBIWXMAAAsSAAALEgHS3X78AAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1MzmNZGAwAAABpJREFUCJljYEAF/xsY6hkY7BgYZBgYOFBkADkdAmFDagYFAAAAAElFTkSuQmCC") 50% 50% no-repeat;
  38   cursor: pointer;
  39   z-index: 2;
  40 }
  41 .text-core .text-wrap .text-dropdown {
  42   -webkit-box-sizing: border-box;
  43   -moz-box-sizing: border-box;
  44   box-sizing: border-box;
  45   padding: 0;
  46   position: absolute;
  47   z-index: 3;
  48   background: #fff;
  49   border: 1px solid #9daccc;
  50   width: 100%;
  51   max-height: 100px;
  52   padding: 1px;
  53   font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  54   display: none;
  55   overflow-x: hidden;
  56   overflow-y: auto;
  57 }
  58 .text-core .text-wrap .text-dropdown.text-position-below {
  59   margin-top: 1px;
  60 }
  61 .text-core .text-wrap .text-dropdown.text-position-above {
  62   margin-bottom: 1px;
  63 }
  64 .text-core .text-wrap .text-dropdown .text-list .text-suggestion {
  65   padding: 3px 5px;
  66   cursor: pointer;
  67 }
  68 .text-core .text-wrap .text-dropdown .text-list .text-suggestion em {
  69   font-style: normal;
  70   text-decoration: underline;
  71 }
  72 .text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {
  73   color: #fff;
  74   background: #6d84b4;
  75 }
  76 .text-core .text-wrap .text-focus {
  77   -webkit-box-shadow: 0px 0px 6px #6d84b4;
  78   -moz-box-shadow: 0px 0px 6px #6d84b4;
  79   box-shadow: 0px 0px 6px #6d84b4;
  80   position: absolute;
  81   width: 100%;
  82   height: 100%;
  83   display: none;
  84 }
  85 .text-core .text-wrap .text-focus.text-show-focus {
  86   display: block;
  87 }
  88 .text-core .text-wrap .text-prompt {
  89   -webkit-box-sizing: border-box;
  90   -moz-box-sizing: border-box;
  91   box-sizing: border-box;
  92   position: absolute;
  93   width: 100%;
  94   height: 100%;
  95   margin: 1px 0 0 2px;
  96   font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
  97   color: #c0c0c0;
  98   overflow: hidden;
  99   white-space: pre;
 100 }
 101 .text-core .text-wrap .text-prompt.text-hide-prompt {
 102   display: none;
 103 }
 104 .text-core .text-wrap .text-tags {
 105   -webkit-box-sizing: border-box;
 106   -moz-box-sizing: border-box;
 107   box-sizing: border-box;
 108   position: absolute;
 109   width: 100%;
 110   height: 100%;
 111   padding: 3px 35px 3px 3px;
 112   cursor: text;
 113 }
 114 .text-core .text-wrap .text-tags.text-tags-on-top {
 115   z-index: 2;
 116 }
 117 .text-core .text-wrap .text-tags .text-tag {
 118   float: left;
 119 }
 120 .text-core .text-wrap .text-tags .text-tag .text-button {
 121   -webkit-border-radius: 2px;
 122   -moz-border-radius: 2px;
 123   border-radius: 2px;
 124   -webkit-box-sizing: border-box;
 125   -moz-box-sizing: border-box;
 126   box-sizing: border-box;
 127   position: relative;
 128   float: left;
 129   border: 1px solid #9daccc;
 130   background: #e2e6f0;
 131   color: #000;
 132   padding: 0px 17px 0px 3px;
 133   margin: 0 2px 2px 0;
 134   cursor: pointer;
 135   height: 16px;
 136   font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
 137 }
 138 .text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {
 139   position: absolute;
 140   right: 3px;
 141   top: 2px;
 142   display: block;
 143   width: 11px;
 144   height: 11px;
 145   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAhCAYAAAAPm1F2AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAAQ5JREFUOI2dlD0WwiAQhCc8L6HHgAPoASwtSYvX8BrQxtIyveYA8RppLO1jE+LwE8lzms2yH8MCj1QoaBzH+VuUYNYMS213UlvDRamtUbXb5ZyPHuDoxwGgip3ipfvGuGzPz+vZ/coDONdzFuYCO6ramQQG0DJIE1oPBBvM6e9LqaS2FwD7FWwnVoIAsOc2Xn1jDlyd8pfPBRVOBHA8cc/3yCmQqt0jcY4LuTyAF3pOYS6wI48LAm4MUrx5JthgSQJAt5LtNgAUgEMBBIC3AL2xgo58dEPfhE9wygef89FtCeC49UwltR1pQrK2qr9vNr7uRTCBF3pOYS6wI4/zdQ8MUpxPI9hgSQL0Xyio/QBt54DzsHQx6gAAAABJRU5ErkJggg==") 0 0 no-repeat;
 146 }
 147 .text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:hover {
 148   background-position: 0 -11px;
 149 }
 150 .text-core .text-wrap .text-tags .text-tag .text-button a.text-remove:active {
 151   background-position: 0 -22px;
 152 }