You are here

Home » API reference » Linkit 7.2

better-autocomplete.css in Linkit 7.2

Same filename and directory in other branches
  1. 7.3 better-autocomplete/better-autocomplete.css
/* Stylesheet for Better Autocomplete jQuery plugin by Didrik Nordström */

/**
 * Do NOT edit this file! Instead, include another stylesheet with your custom
 * overrides and extensions. Copy the selectors you need to edit and place them
 * in your CSS file. And remember to include that file AFTER this file.
 */

/* Reset styles for lists */
ul.better-autocomplete {
  madding: 0 !important;
  margin: 0 !important;
}
.better-autocomplete,
.better-autocomplete > .result {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none;
}

.better-autocomplete {
  text-align: left;
  font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
  overflow: auto;
  cursor: default;
  background: white;
  border-bottom: 1px solid #bfbfbf;
}

/* Groups */

.better-autocomplete > .group {
  position: relative;
  padding: 3px;
  text-align: center;
  background: #e7e7e7;
  border-color: #bfbfbf;
  border-width: 1px 1px 0 1px;
  border-style: solid;
}

.better-autocomplete > .group > h3 {
  font-size: 11px;
  color: #555;
  padding: 0;
  margin: 0;
}

/* Results */

.better-autocomplete > .result {
  position: relative;
  padding: 5px 7px;
  background: white;
  border-color: #bfbfbf;
  border-width: 1px 1px 0 1px;
  border-style: solid;
}

.better-autocomplete > .result > h4 {
  font-size: 12px;
  color: #3c3c3c;
  padding: 0;
  margin: 0 0 2px 0;
}

.better-autocomplete > .result > p {
  font-size: 11px;
  line-height: 1.3;
  color: #6f6f6f;
  padding: 0;
  margin: 0;
}

/* Highlighting */

.better-autocomplete > .result.highlight {
  background: #0075ba;
  border-top-color: #1f4a64;
}

.better-autocomplete > .result.highlight > h4,
.better-autocomplete > .result.highlight > p {
  color: white;
}

File

better-autocomplete/better-autocomplete.css
View source 
  1. 

  2. /* Stylesheet for Better Autocomplete jQuery plugin by Didrik Nordström */

  3. 

  4. /**

  5.  * Do NOT edit this file! Instead, include another stylesheet with your custom

  6.  * overrides and extensions. Copy the selectors you need to edit and place them

  7.  * in your CSS file. And remember to include that file AFTER this file.

  8.  */

  9. 

  10. /* Reset styles for lists */

  11. ul.better-autocomplete {

  12.   madding: 0 !important;

  13.   margin: 0 !important;

  14. }

  15. .better-autocomplete,

  16. .better-autocomplete > .result {

  17.   list-style: none;

  18.   padding: 0;

  19.   margin: 0;

  20.   background: none;

  21. }

  22. 

  23. .better-autocomplete {

  24.   text-align: left;

  25.   font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;

  26.   overflow: auto;

  27.   cursor: default;

  28.   background: white;

  29.   border-bottom: 1px solid #bfbfbf;

  30. }

  31. 

  32. /* Groups */

  33. 

  34. .better-autocomplete > .group {

  35.   position: relative;

  36.   padding: 3px;

  37.   text-align: center;

  38.   background: #e7e7e7;

  39.   border-color: #bfbfbf;

  40.   border-width: 1px 1px 0 1px;

  41.   border-style: solid;

  42. }

  43. 

  44. .better-autocomplete > .group > h3 {

  45.   font-size: 11px;

  46.   color: #555;

  47.   padding: 0;

  48.   margin: 0;

  49. }

  50. 

  51. /* Results */

  52. 

  53. .better-autocomplete > .result {

  54.   position: relative;

  55.   padding: 5px 7px;

  56.   background: white;

  57.   border-color: #bfbfbf;

  58.   border-width: 1px 1px 0 1px;

  59.   border-style: solid;

  60. }

  61. 

  62. .better-autocomplete > .result > h4 {

  63.   font-size: 12px;

  64.   color: #3c3c3c;

  65.   padding: 0;

  66.   margin: 0 0 2px 0;

  67. }

  68. 

  69. .better-autocomplete > .result > p {

  70.   font-size: 11px;

  71.   line-height: 1.3;

  72.   color: #6f6f6f;

  73.   padding: 0;

  74.   margin: 0;

  75. }

  76. 

  77. /* Highlighting */

  78. 

  79. .better-autocomplete > .result.highlight {

  80.   background: #0075ba;

  81.   border-top-color: #1f4a64;

  82. }

  83. 

  84. .better-autocomplete > .result.highlight > h4,

  85. .better-autocomplete > .result.highlight > p {

  86.   color: white;

  87. }