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