silverstripe-framework/css/TreeDropdownField.css

75 lines
1.4 KiB
CSS
Raw Normal View History

div.TreeDropdownField {
width: 35em;
padding: 0;
}
html>body div.TreeDropdownField {
position:relative;
}
div.TreeDropdownField span.items {
height: 14px;
border: 1px #7f9db9 solid;
cursor: pointer;
width: 25.4em;
float: left;
padding: 2px 0 2.5px 4px;
background-color: #fff;
margin:0;
font-size: 12px;
overflow:hidden;
}
div.TreeDropdownField div.tree_holder {
clear: left;
cursor: default;
border: 1px black solid;
margin: 0;
height: 200px;
overflow: auto;
background-color: #fff;
/**
* HACK IE6, see http://www.hedgerwow.com/360/bugs/css-select-free.html
*/
position:absolute;
z-index:10;
width:33em;/*must have for any value*/;
}
div.TreeDropdownField div.tree_holder ul.tree a {
font-size: 12px;
}
html>body div.TreeDropdownField div.tree_holder {
top: 20px;
left: 0px;
z-index: 1000;
}
/**
* HACK IE6, see http://www.hedgerwow.com/360/bugs/css-select-free.html
*/
div.TreeDropdownField div.tree_holder iframe {
display:none;/* IE5*/
display/**/:block;/* IE5*/
position:absolute;
border-style: none;
top:0;
left:0;
z-index:-1;
filter:mask();
width:31em;/*must have for any big value*/
height:200px/*must have for any big value*/;
}
div.TreeDropdownField a.editLink {
border:none;
text-decoration: none;
background: url(../../sapphire/images/TreeDropdownField_button.gif) no-repeat left top;
width: 19px;
height: 21px;
margin: 0;
padding: 0 0 0 1px;
z-index: 0;
overflow: hidden;
float:right;
}