|
|
|
|
.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;
|
|
|
|
|
}
|
|
|
|
|
|