1 line
6.0 KiB
CSS
1 line
6.0 KiB
CSS
|
@keyframes pulsingAnim{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}@keyframes scrollingBg{0%{background-position:0 0}100%{background-position:-100% 0}}@keyframes highlightAnim{0%{background:#fff}15%{background:#ff64b1}30%{background:#fff}50%{background:#ff64b1}100%{background:inherit}}.simplecomplete{position:relative;border:solid .125em rgba(0,0,0,.3);border-radius:.5em;background:linear-gradient(90deg, #FFFFFF 0, #FFFFFF 100%);box-sizing:border-box;transition:background 3s}.simplecomplete *{box-sizing:border-box}.simplecomplete__input{display:flex;flex-flow:row nowrap}.simplecomplete__input-field,.simplecomplete__value{flex:1;background:#fff;padding:.5em .75em;overflow-x:auto;white-space:nowrap;border:solid .0625em transparent;border-radius:.4em;outline:none;margin:.125em}@media screen and (max-width: 992px){.simplecomplete__input-field,.simplecomplete__value{border-radius:0}}.simplecomplete__input-cancel{position:absolute;top:50%;right:0;width:2em;transform:translateY(-50%);text-align:center;font-size:2em;cursor:pointer}.simplecomplete__input-cancel:after{display:inline-block;content:"×";color:#aaa}@media screen and (max-width: 992px){.simplecomplete__input-cancel{position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;transform:none;top:auto;right:auto;background:#fff}.simplecomplete__input-cancel:after{display:block;padding:0 1em;color:#ddd}}.simplecomplete__value:not(.hide)~.simplecomplete__input{display:none}.simplecomplete__value>.selected-option,.simplecomplete__value>.empty-item{display:inline-block;cursor:pointer;padding:.5em .75em;margin:0 .125em;background:#efefef;color:#bbb;font-weight:500;border-radius:.5em;border:solid .0625em transparent;background:#ddd;color:#111}.simplecomplete__value>.selected-option:first-child,.simplecomplete__value>.empty-item:first-child{margin-left:-0.25em}.simplecomplete__value>.selected-option:last-child,.simplecomplete__value>.empty-item:last-child{margin-right:-0.25em}.simplecomplete__value>.empty-item{background:#fff;color:#bbb;font-weight:400}.simplecomplete__value.is-empty{color:#bbb}.simplecomplete.is-multiple .simplecomplete__value>.selected-option:after,.simplecomplete.is-blankable .simplecomplete__value>.selected-option:after{content:"×";display:inline;margin-left:.25em;color:#888}.simplecomplete.is-multiple .simplecomplete__input-cancel,.simplecomplete.is-blankable .simplecomplete__input-cancel{display:block}.simplecomplete__results{position:absolute;top:100%;left:0;max-width:100%;background:#fff;box-shadow:0 .125em .25em 0 #aaa;z-index:255;border-radius:.5em}@media screen and (max-width: 992px){.simplecomplete__results{position:relative;top:0;flex:1;overflow-y:auto;background:#fff;box-shadow:none;border-radius:0}}.simplecomplete__results-list{border-radius:.5em;overflow:hidden;overflow-y:auto;max-height:30vh;padding:.5em}.simplecomplete__results-list-item,.simplecomplete__results-list-empty{cursor:pointer;display:block;padding:.5em 1em;color:#bbb;font-weight:500}.simplecomplete__results-list-item:not(:last-child),.simplecomplete__results-list-empty:not(:last-child){border-bottom:solid 1px #f7f7f7}.simplecomplete__results-list-item:hover,.simplecomplete__results-list-empty:hover{color:#111}.simplecomplete__results-list-item>.highlight,.simplecomplete__results-list-empty>.highlight{display:inline;color:#ff64b1;border-radius:.5em}.simplecomplete__results-list-item.selected,.simplecomplete__results-list-empty.selected{font-weight:500;background:#ff64b1;color:#fff;border-radius:.5em}.simplecomplete__results-list-item.selected:hover,.simplecomplete__results-list-empty.selected:hover{background:#ff3197;color:#fff}.simplecomplete__results-list-item.selected>.highlight,.simplecomplete__results-list-empty.selected>.highlight{color:#111;background:#fffe47;padding:.125em .25em;margin:-0.125em 0}.simplecomplete__results-list-item.disabled,.simplecomplete__results-list-empty.disabled{border-radius:.5em;background:#efefef;font-style:italic}@media screen and (max-width: 992px){.simplecomplete__results-list{max-height:none}}.simplecomplete .hide{
|