POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/select.css

   1 @CHARSET "ISO-8859-1";
   2 /*!
   3  * ui-select
   4  * http://github.com/angular-ui/ui-select
   5  * Version: 0.11.2 - 2015-03-17T04:08:46.478Z
   6  * License: MIT
   7  */
   8
   9
  10 /* Style when highlighting a search. */
  11 .ui-select-highlight {
  12   font-weight: bold;
  13 }
  14
  15 .ui-select-offscreen {
  16   clip: rect(0 0 0 0) !important;
  17   width: 1px !important;
  18   height: 1px !important;
  19   border: 0 !important;
  20   margin: 0 !important;
  21   padding: 0 !important;
  22   overflow: hidden !important;
  23   position: absolute !important;
  24   outline: 0 !important;
  25   left: 0px !important;
  26   top: 0px !important;
  27 }
  28
  29 /* Select2 theme */
  30
  31 /* Mark invalid Select2 */
  32 .ng-dirty.ng-invalid > a.select2-choice {
  33     border-color: #D44950;
  34 }
  35
  36 .select2-result-single {
  37   padding-left: 0;
  38 }
  39
  40 .select2-locked > .select2-search-choice-close{
  41   display:none;
  42 }
  43
  44 .select-locked > .ui-select-match-close{
  45     display:none;
  46 }
  47
  48 body > .select2-container.open {
  49   z-index: 9999; /* The z-index Select2 applies to the select2-drop */
  50 }
  51
  52 /* Selectize theme */
  53
  54 /* Helper class to show styles when focus */
  55 .selectize-input.selectize-focus{
  56   border-color: #007FBB !important;
  57 }
  58
  59 /* Fix input width for Selectize theme */
  60 .selectize-control > .selectize-input > input {
  61   width: 100%;
  62 }
  63
  64 /* Fix dropdown width for Selectize theme */
  65 .selectize-control > .selectize-dropdown {
  66   width: 100%;
  67 }
  68
  69 /* Mark invalid Selectize */
  70 .ng-dirty.ng-invalid > div.selectize-input {
  71     border-color: #D44950;
  72 }
  73
  74
  75 /* Bootstrap theme */
  76
  77 /* Helper class to show styles when focus */
  78 .btn-default-focus {
  79   color: #333;
  80   background-color: #EBEBEB;
  81   border-color: #ADADAD;
  82   text-decoration: none;
  83   outline: 5px auto -webkit-focus-ring-color;
  84   outline-offset: -2px;
  85   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  86 }
  87
  88 .ui-select-bootstrap .ui-select-toggle {
  89   position: relative;
  90 }
  91
  92 .ui-select-bootstrap .ui-select-toggle > .caret {
  93   position: absolute;
  94   height: 10px;
  95   top: 50%;
  96   right: 10px;
  97   margin-top: -2px;
  98 }
  99
 100 /* Fix Bootstrap dropdown position when inside a input-group */
 101 .input-group > .ui-select-bootstrap.dropdown {
 102   /* Instead of relative */
 103   position: static;
 104 }
 105
 106 .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
 107   border-radius: 4px; /* FIXME hardcoded value :-/ */
 108   border-top-right-radius: 0;
 109   border-bottom-right-radius: 0;
 110 }
 111
 112 .ui-select-bootstrap > .ui-select-match > .btn{
 113   /* Instead of center because of .btn */
 114   text-align: left !important;
 115 }
 116
 117 .ui-select-bootstrap > .ui-select-match > .caret {
 118   position: absolute;
 119   top: 45%;
 120   right: 15px;
 121 }
 122
 123 /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
 124 .ui-select-bootstrap > .ui-select-choices {
 125   width: 100%;
 126   height: auto;
 127   max-height: 200px;
 128   overflow-x: hidden;
 129   margin-top: -1px;
 130 }
 131
 132 body > .ui-select-bootstrap.open {
 133   z-index: 1000; /* Standard Bootstrap dropdown z-index */
 134 }
 135
 136 .ui-select-multiple.ui-select-bootstrap {
 137   height: auto;
 138   padding: 3px 3px 0 3px;
 139 }
 140
 141 .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
 142   background-color: transparent !important; /* To prevent double background when disabled */
 143   border: none;
 144   outline: none;
 145   height: 1.666666em;
 146   margin-bottom: 3px;
 147 }
 148
 149 .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
 150   font-size: 1.6em;
 151   line-height: 0.75;
 152 }
 153
 154 .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
 155   outline: 0;
 156   margin: 0 3px 3px 0;
 157 }
 158
 159 .ui-select-multiple .ui-select-match-item {
 160   position: relative;
 161 }
 162
 163 .ui-select-multiple .ui-select-match-item.dropping-before:before {
 164   content: "";
 165   position: absolute;
 166   top: 0;
 167   right: 100%;
 168   height: 100%;
 169   margin-right: 2px;
 170   border-left: 1px solid #428bca;
 171 }
 172
 173 .ui-select-multiple .ui-select-match-item.dropping-after:after {
 174   content: "";
 175   position: absolute;
 176   top: 0;
 177   left: 100%;
 178   height: 100%;
 179   margin-left: 2px;
 180   border-right: 1px solid #428bca;
 181 }
 182
 183 .ui-select-bootstrap .ui-select-choices-row>a {
 184     display: block;
 185     padding: 3px 20px;
 186     clear: both;
 187     font-weight: 400;
 188     line-height: 1.42857143;
 189     color: #333;
 190     white-space: nowrap;
 191 }
 192
 193 .ui-select-bootstrap .ui-select-choices-row>a:hover, .ui-select-bootstrap .ui-select-choices-row>a:focus {
 194     text-decoration: none;
 195     color: #262626;
 196     background-color: #f5f5f5;
 197 }
 198
 199 .ui-select-bootstrap .ui-select-choices-row.active>a {
 200     color: #fff;
 201     text-decoration: none;
 202     outline: 0;
 203     background-color: #428bca;
 204 }
 205
 206 .ui-select-bootstrap .ui-select-choices-row.disabled>a,
 207 .ui-select-bootstrap .ui-select-choices-row.active.disabled>a {
 208     color: #777;
 209     cursor: not-allowed;
 210     background-color: #fff;
 211 }
 212
 213 /* fix hide/show angular animation */
 214 .ui-select-match.ng-hide-add,
 215 .ui-select-search.ng-hide-add {
 216     display: none !important;
 217 }
 218
 219 /* Mark invalid Bootstrap */
 220 .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
 221     border-color: #D44950;
 222 }
 223