You are here

Home » API reference » Select 2 7

select2_integration.css in Select 2 7 

.select2-container.error {
  background-image: none;
  border: solid 1px red;
}
#select2-drop-mask {
  width: 0!important;
  height: 0!important;
}
.select2-results .select2-highlighted {
  background: #e5eef7;
  color: inherit;
}
.select2-container-multi.one-option-per-line .select2-choices .select2-search-choice {
  clear: both;
}
.select2-result .visible-on-hover {
  visibility: hidden;
  color: #6b6c6e;
  font-size: 10px;
}
.select2-result:HOVER .visible-on-hover {
  visibility: visible;
}
.select2-container.select2-container-multi {
  min-width: 195px;
}
.select2-container.ac-replaced-by-select2 {
  min-width: 395px;
}
.container-inline .select2-container,
div.image-style-new div.select2-container,
.webform-container-inline div.select2-container {
  display: inline-block;
}
div.image-style-new div.select2-display-none,
.webform-container-inline div.select2-display-none,
.container-inline div.select2-display-none {
  display: none;
}
.hierarchical-select .select2-container {
  margin-right: 15px;
}
.hierarchical-select .select2-container:LAST-CHILD {
  margin-right: 0;
}
.select2-container .select2-choice {
  padding: 0 0 0 4px;
}
.select2-container .select2-choice abbr {
  top: 6px;
}
.select2-container {
  max-width: 100%;
}
#views-ui-add-form .form-item-show-tagged-with .description {
  display: none;
}

File

css/select2_integration.css
View source 
  1. .select2-container.error {

  2.   background-image: none;

  3.   border: solid 1px red;

  4. }

  5. #select2-drop-mask {

  6.   width: 0!important;

  7.   height: 0!important;

  8. }

  9. .select2-results .select2-highlighted {

  10.   background: #e5eef7;

  11.   color: inherit;

  12. }

  13. .select2-container-multi.one-option-per-line .select2-choices .select2-search-choice {

  14.   clear: both;

  15. }

  16. .select2-result .visible-on-hover {

  17.   visibility: hidden;

  18.   color: #6b6c6e;

  19.   font-size: 10px;

  20. }

  21. .select2-result:HOVER .visible-on-hover {

  22.   visibility: visible;

  23. }

  24. .select2-container.select2-container-multi {

  25.   min-width: 195px;

  26. }

  27. .select2-container.ac-replaced-by-select2 {

  28.   min-width: 395px;

  29. }

  30. .container-inline .select2-container,

  31. div.image-style-new div.select2-container,

  32. .webform-container-inline div.select2-container {

  33.   display: inline-block;

  34. }

  35. div.image-style-new div.select2-display-none,

  36. .webform-container-inline div.select2-display-none,

  37. .container-inline div.select2-display-none {

  38.   display: none;

  39. }

  40. .hierarchical-select .select2-container {

  41.   margin-right: 15px;

  42. }

  43. .hierarchical-select .select2-container:LAST-CHILD {

  44.   margin-right: 0;

  45. }

  46. .select2-container .select2-choice {

  47.   padding: 0 0 0 4px;

  48. }

  49. .select2-container .select2-choice abbr {

  50.   top: 6px;

  51. }

  52. .select2-container {

  53.   max-width: 100%;

  54. }

  55. #views-ui-add-form .form-item-show-tagged-with .description {

  56.   display: none;

  57. }