www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/linkit/css/linkit.autocomplete.css

   1 /**
   2  * @file
   3  * Stylesheet for the Linkit module.
   4  */
   5 .js input.form-linkit-autocomplete {
   6   background-image: url(/core/misc/throbber-inactive.png);
   7   background-position: 100% center; /* LTR */
   8   background-repeat: no-repeat;
   9 }
  10 .js[dir="rtl"] input.form-linkit-autocomplete {
  11   background-position: 0% center;
  12 }
  13 .js input.form-linkit-autocomplete.ui-autocomplete-loading {
  14   background-image: url(/core/misc/throbber-active.gif);
  15   background-position: 100% center; /* LTR */
  16 }
  17 .js[dir="rtl"] input.form-linkit-autocomplete.ui-autocomplete-loading {
  18   background-position: 0% center;
  19 }
  20
  21 /* Override the default jQuery UI theme */
  22 .linkit-ui-autocomplete {
  23   max-height: 330px;
  24   overflow: auto;
  25 }
  26 .linkit-ui-autocomplete.ui-widget  {
  27   font-size: .9em;
  28 }
  29
  30 .linkit-ui-autocomplete.ui-menu .ui-menu-item {
  31   list-style: none;
  32   padding: 5px 7px;
  33 }
  34
  35 .linkit-ui-autocomplete .ui-menu-item.ui-state-focus {
  36   margin: 0;
  37   border: 0;
  38   border-bottom: 1px solid #bfbfbf;
  39   background: #0075ba;
  40   color: #fff;
  41 }
  42
  43 .linkit-result:not(:last-of-type) {
  44   border-bottom: 1px solid #bfbfbf;
  45 }
  46
  47 .linkit-result--group {
  48   padding: 3px;
  49   background-color: #e7e7e7;
  50   border-bottom: 1px solid #bfbfbf;
  51   text-align: center;
  52   font-size: 0.9em;
  53   font-weight: 600;
  54   color: #555;
  55 }
  56
  57 .linkit-result--title {
  58   font-weight: 600;
  59 }
  60
  61 .linkit-result--description {
  62   display: block;
  63   font-size: 0.9em;
  64   line-height: 1.3;
  65 }
  66
  67 .linkit-result--description img {
  68   display: block;
  69 }