Mercurial > MadButterfly
diff inkscape/firefox/content/tree_component.css @ 352:4350aa369149
Use jQuery UI components.
author | wycc |
---|---|
date | Mon, 09 Mar 2009 01:27:33 +0800 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/inkscape/firefox/content/tree_component.css Mon Mar 09 01:27:33 2009 +0800 @@ -0,0 +1,209 @@ +/* TREE LAYOUT */ +.tree ul { + margin:0 0 0 5px; + padding:0 0 0 0; + list-style-type:none; +} +.tree li { + display:block; + min-height:18px; + line-height:18px; + padding:0 0 0 15px; + margin:0 0 0 0; + + /* Background fix */ + clear:both; + _height:18px; + #height:auto; +} +.tree li ul { + display:none; +} +.tree li a, +.tree li span { + /* + vertical-align:bottom; + display:-moz-inline-stack; + */ + display:inline-block; + line-height:16px; + height:16px; + padding:1px 4px 1px 23px !important; + color:black; + white-space:nowrap; + text-decoration:none; + background-color:transparent; + background-repeat:no-repeat; + background-position:4px 1px; + border:0; + margin:0; +} +.tree li a:hover, +.tree li a.hover { + background-color: #e7f4f9; + border:1px solid #d8f0fa; + padding:0px 3px 0px 22px !important; + background-position:3px 0px; +} +.tree li a.clicked, +.tree li a.clicked:hover, +.tree li span.clicked { + background-color: #beebff; + border:1px solid #99defd; + padding:0px 3px 0px 22px !important; + background-position:3px 0px; +} +.tree li span.clicked { + padding:0px 3px 0px 20px !important; +} + +.tree li a input, +.tree li span input { + margin:0; + padding:0 0; + display:block; + height:12px !important; + border:1px solid white; + background:white; + font-size:10px; + font-family:Verdana; +} +.tree li a input:not([class="xxx"]), +.tree li span input:not([class="xxx"]) { + padding:1px 0; +} + +.locked li a { + color:gray; +} + +/* FOR DOTS */ +.tree ul { + background-position:6px 1px; + background-repeat:repeat-y; +} +.tree li { + background-position:7px center; + background-repeat:no-repeat; +} +.tree li.last { + background-position:5px top; + background-repeat:no-repeat; + float:left; +} +/* NO DOTS */ +.no_dots ul { + background:transparent !important; +} +.no_dots li, .no_dots li.last { + background-color:transparent !important; +} +.no_dots li.leaf { + background-image:none !important; + background-color:transparent !important; +} + +/* OPEN OR CLOSE */ +.tree li.open ul { + display:block; +} +.tree li.closed ul { + display:none !important; +} + + +/* FOR DRAGGING */ +.tree #dragged { + padding:0 3px; + margin:0; + background:white; + opacity: .85; + filter: alpha(opacity=85); + + position:absolute; + top:-10px; + left:-10px; +} +.tree #dragged.last, +.tree #dragged:last-child { + background:white; +} +.tree #dragged ul ul { + display:none; +} + +/* RTL modification */ +.rtl * { + direction:rtl; +} +.rtl ul { + margin:0 5px 0 0; +} +.rtl li { + padding:0 15px 0 0; +} +.rtl li.last { + background-position:right top; + float:right; +} +.rtl li a, +.rtl li span { + float:right; + padding:1px 23px 1px 4px !important; + background-position:right 1px; + margin-right:1px; +} +.rtl li a:hover, +.rtl li a.hover { + background-color: #e7f4f9; + border:1px solid #d8f0fa; + padding:0px 23px 0px 3px !important; + background-position:right 0px; + margin-right:0px; +} +.rtl li a.clicked, +.rtl li a.clicked:hover, +.rtl li span.clicked { + background-color: #beebff; + border:1px solid #99defd; + padding:0px 23px 0px 3px !important; + background-position:right 0px; + margin-right:0px; +} +.rtl li span.clicked { + padding:0px 21px 0px 3px !important; +} + +.rtl ul { + background-position:right 1px; +} +.rtl li { + background-position:right center; +} +.rtl #dragged li.open { + background-position: right 5px; +} + +/* CONTEXT MENU */ +.tree .context { + display:none; + position:absolute; + list-style-type:none; + margin:0; + padding:0; +} +.tree .context .separator { + display:none; +} +.tree .context a { + display:block; + margin:0; + padding:0; +} + +.tree li, x:-moz-any-link { overflow:auto; #overflow:visible; } +/** FF2 stuff **/ +.tree li a, x:-moz-any-link { display:inline; float:left; } +.tree li, .tree li ul, .tree li.open ul, x:-moz-any-link { clear:both; } +.tree li a, x:-moz-any-link, x:default { display:inline-block; float:none; } +.tree li ul, .tree li.open ul, x:-moz-any-link, x:default { clear:none; }