edit style of autocompleter

This commit is contained in:
Thomas Pointhuber 2014-03-19 20:26:08 +01:00
parent ecd293c8a9
commit b5c695c6f5
2 changed files with 36 additions and 36 deletions

View File

@ -1,6 +1,6 @@
ul.autocompleter-choices{position:absolute;margin:0;padding:0;list-style:none;border:1px solid #7c7c7c;border-left-color:#c3c3c3;border-right-color:#c3c3c3;border-bottom-color:#ddd;background-color:#fff;text-align:left;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;z-index:50;background-color:#fff}ul.autocompleter-choices li{position:relative;margin:-2px 0 0 0;padding:.2em 1.5em .2em 1em;display:block;float:none !important;cursor:pointer;font-weight:normal;white-space:nowrap;font-size:1em;line-height:1.5em}ul.autocompleter-choices li.autocompleter-selected{background-color:#444;color:#fff}ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{color:#9fcfff} ul.autocompleter-choices{position:absolute;margin:0;padding:0;list-style:none;border:1px solid #7c7c7c;border-left-color:#c3c3c3;border-right-color:#c3c3c3;border-bottom-color:#ddd;background-color:#fff;text-align:left;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;z-index:50;background-color:#fff}ul.autocompleter-choices li{position:relative;margin:-2px 0 0 0;padding:.2em 1.5em .2em 1em;display:block;float:none !important;cursor:pointer;font-weight:normal;white-space:nowrap;font-size:1em;line-height:1.5em}ul.autocompleter-choices li.autocompleter-selected{background-color:#444;color:#fff}ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{color:#9fcfff}
ul.autocompleter-choices span.autocompleter-queried{display:inline;float:none;font-weight:bold;margin:0;padding:0} ul.autocompleter-choices span.autocompleter-queried{display:inline;float:none;font-weight:bold;margin:0;padding:0}
.autocompleter-loading{background-image:url(images/spinner.gif);background-repeat:no-repeat;background-position:right 50%} .autocompleter-loading{background-repeat:no-repeat;background-position:right 50%}
textarea.autocompleter-loading{background-position:right bottom} textarea.autocompleter-loading{background-position:right bottom}
html{font-family:sans-serif;font-size:.9em;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#444;padding:0;margin:0} html{font-family:sans-serif;font-size:.9em;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#444;padding:0;margin:0}
body,#container{padding:0;margin:0} body,#container{padding:0;margin:0}

View File

@ -1,57 +1,57 @@
ul { ul {
&.autocompleter-choices { &.autocompleter-choices {
position: absolute; position: absolute;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
border: 1px solid #7c7c7c; border: 1px solid #7c7c7c;
border-left-color: #c3c3c3; border-left-color: #c3c3c3;
border-right-color: #c3c3c3; border-right-color: #c3c3c3;
border-bottom-color: #ddd; border-bottom-color: #ddd;
background-color: #fff; background-color: #fff;
text-align: left; text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
z-index: 50; z-index: 50;
background-color: #fff; background-color: #fff;
li { li {
position: relative; position: relative;
margin: -2px 0 0 0; margin: -2px 0 0 0;
padding: 0.2em 1.5em 0.2em 1em; padding: 0.2em 1.5em 0.2em 1em;
display: block; display: block;
float: none !important; float: none !important;
cursor: pointer; cursor: pointer;
font-weight: normal; font-weight: normal;
white-space: nowrap; white-space: nowrap;
font-size: 1em; font-size: 1em;
line-height: 1.5em; line-height: 1.5em;
&.autocompleter-selected { &.autocompleter-selected {
background-color: #444; background-color: #444;
color: #fff; color: #fff;
span.autocompleter-queried { span.autocompleter-queried {
color: #9FCFFF; color: #9FCFFF;
} }
} }
} }
span.autocompleter-queried { span.autocompleter-queried {
display: inline; display: inline;
float: none; float: none;
font-weight: bold; font-weight: bold;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
} }
} }
.autocompleter-loading { .autocompleter-loading {
background-image: url(images/spinner.gif); //background-image: url(images/spinner.gif);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 50%; background-position: right 50%;
} }
textarea.autocompleter-loading { textarea.autocompleter-loading {
background-position: right bottom; background-position: right bottom;
} }