Files
studiobeve.no/assets/js/jquery.flexdatalist.min.css
T
2025-10-04 11:38:07 +02:00

133 lines
2.4 KiB
CSS
Executable File

.flexdatalist-results{
position:absolute;
top:0;
left:0;
border:1px solid #444;
border-top:none;
background:#fff;
z-index:100000;
max-height:300px;
overflow-y:auto;
color:#333;
list-style:none;
margin:0;
padding:0
}
.flexdatalist-results li{
border-bottom:1px solid #ccc;
padding:8px 15px;
font-size:14px;
line-height:20px
}
.flexdatalist-results li span.highlight{
font-weight:700;
text-decoration:underline
}
.flexdatalist-results li.active{
background:#2B82C9;
color:#fff;
cursor:pointer
}
.flexdatalist-results li.no-results{
font-style:italic;
color:#888
}
.flexdatalist-results li.group{
background:#F3F3F4;
color:#666;
padding:8px 8px
}
.flexdatalist-results li .group-name{
font-weight:700
}
.flexdatalist-results li .group-item-count{
font-size:85%;
color:#777;
display:inline-block;
padding-left:10p
}
.flexdatalist-multiple:before{
content:'';
display:block;
clear:bot
}
.flexdatalist-multiple{
width:100%;
margin:0;
padding:0;
list-style:none;
text-align:left;
cursor:text
}
.flexdatalist-multiple.disabled{
background-color:#eee;
cursor:default
}
.flexdatalist-multiple:after{
content:'';
display:block;
clear:both
}
.flexdatalist-multiple li{
display:inline-block;
position:relative;
margin:5px
}
.flexdatalist-multiple li.input-container,.flexdatalist-multiple li.input-container input{
border:none;
height:auto;
padding:0 0 0 4px;
line-height:24px
}
.flexdatalist-multiple li.value{
display:inline-block;
padding:2px 25px 2px 7px;
background:#efefef;
border-radius:3px;
color:#444;
line-height:20px;
float:left
}
.flexdatalist-multiple li.toggle{
cursor:pointer;
transition:opacity ease-in-out 300ms
}
.flexdatalist-multiple li.toggle.disabled{
text-decoration:line-through;
opacity:0.80
}
.flexdatalist-multiple li.value span.fdl-remove{
font-weight:700;
padding:2px 5px;
font-size:20px;
line-height:20px;
cursor:pointer;
position:absolute;
top:0;
right:0;
opacity:0.70
}
.flexdatalist-multiple li.value span.fdl-remove:hover{
opacity:1
}