1
0
Fork 0
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
ComboBox/combobox.css

76 lines
2.4 KiB

.toggle-menu {
font-size: 12px;
border:#989898 1px solid;
display: inline-block;
padding: 5px;
margin: 5px;
border-top-left-radius: 4px 4px;
border-top-right-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;
border-bottom-right-radius: 4px 4px;
cursor: default;
user-select: none;
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: -moz-none;
-webkit-user-select: none;
}
.toggle-menu-selected {
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top, #d8d8d8 0%, #8e8e8e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#8e8e8e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d8d8d8 0%,#8e8e8e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d8d8d8 0%,#8e8e8e 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #d8d8d8 0%,#8e8e8e 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #d8d8d8 0%,#8e8e8e 100%); /* W3C */
}
.toggle-menu-collate-right {
border-top-right-radius: 0px 0px;
border-bottom-right-radius: 0px 0px;
margin-right: 0px;
}
.toggle-menu-collate-left {
border-top-left-radius: 0px 0px;
border-bottom-left-radius: 0px 0px;
margin-left: 0px;
}
.toggle-menu .title {
text-align: center;
display: inline-block;
}
.toggle-menu .arrow {
background: url("http://www.freepbx.org/trac/browser/freepbx/trunk/amp_conf/htdocs/recordings/theme/images/arrow-desc.gif?rev=10449&format=raw") no-repeat 50% 50%;
padding: 6px;
margin-left: 5px;
display: none;
}
.toggle-menu div.dropdown {
position: absolute;
border:#999999 1px solid;
background-color:#FFFFFF;
display: none;
box-shadow: 0 0 5px gray;
overflow: auto;
max-height: 100px;
}
.toggle-menu div.dropdown p {
position: relative;
padding: 3px;
margin: 0px;
text-align: left;
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: -moz-none;
-webkit-user-select: none;
}
.toggle-menu div.dropdown p:hover {
background-color: #D3D3D3;
}
.toggle-menu div.dropdown p.disabled {
color: #B8B8B8
}
.toggle-menu div.dropdown p.disabled:hover {
background-color: inherit;
}