Add WebCms

WebCms/Umbraco_Client/Tree/Themes/Default/style.css

@@ -0,0 +1,30 @@
+/* LOCKED */
+.tree-default .locked li a { color:gray; }
+/* DOTS */
+.tree-default ul { background-position:6px 1px; background-repeat:repeat-y; background-image:url(data:image/gif;base64,R0lGODlhAgACAIAAAB4dGf///yH5BAEAAAEALAAAAAACAAIAAAICRF4AOw==); _background-image:url("dot_for_ie.gif"); *background-image:url("dot_for_ie.gif"); }
+.tree-default li { background-position:-64px -16px; background-repeat:no-repeat; background-image:url("icons.png"); }
+/* NO DOTS */
+.tree-default .no_dots, .tree-default .no_dots ul { background:transparent; }
+.tree-default .no_dots li.leaf { background-image:none; background-color:transparent; }
+/* OPEN or CLOSED */
+.tree-default li.open { background:url("icons.png") -32px -48px no-repeat; }
+.tree-default li.closed, #jstree-dragged.tree-default li li.open { background:url("icons.png") -48px -32px no-repeat; }
+#jstree-marker { background-image:url("icons.png"); }
+/* DEFAULT, HOVER, CLICKED, LOADING STATES */
+.tree-default li a, .tree-default li span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
+.tree-default li a:hover, .tree-default li a.hover, .tree-default li span { background: #e7f4f9; border:1px solid #d8f0fa; padding:0px 3px 0px 3px; }
+.tree-default li a.clicked, .tree-default li a.clicked:hover, .tree-default li span.clicked { background: #beebff; border:1px solid #99defd; padding:0px 3px 0px 3px; }
+/* ICONS */
+.tree-default ins { background-image:url("icons.png"); background-position:0 0; background-repeat:no-repeat; }
+.tree-default ul li a.loading ins { background-image:url("throbber.gif") !important; background-position:0 0 !important; } /* UL is added to make selector stronger */
+.tree-default li a ins.forbidden { background-position:-16px -16px; }
+.tree-default .locked li a ins { background-position:0 -48px; }
+.tree-default li span ins { background-position:-16px 0; }
+#jstree-dragged.tree-default ins { background:url("icons.png") -16px -32px no-repeat; }
+#jstree-dragged.tree-default ins.forbidden { background:url("icons.png") -16px -16px no-repeat; }
+
+/* CONTEXT MENU */
+.tree-default-context a ins { background-image:url("icons.png"); background-repeat:no-repeat; background-position:-64px -64px; }
+.tree-default-context a ins.create { background-position:0 -16px; }
+.tree-default-context a ins.rename { background-position:-16px 0px; }
+.tree-default-context a ins.remove { background-position:0 -32px; }

WebCms/Umbraco_Client/Tree/Themes/Umbraco/style.css

@@ -0,0 +1,206 @@
+/* OVERRIDE TREE_COMPONENT.css */
+.tree.tree-umbraco li
+{
+	line-height: 20px;
+	min-height: 20px;
+	font: icon;
+	position:relative;
+	font-family: Arial,Lucida Grande;
+	font-size: 12px;
+}
+.tree.tree-umbraco li a
+{
+	background-image: url(../../../../umbraco/images/umbraco/sprites.png);
+	/*background-color: #fff;*/
+	padding: 0px 0px 2px 18px;
+	border: 0;
+	color: #2f2f2f;
+	background-repeat:no-repeat !important;
+	line-height: 18px;
+	height: 18px;
+    width: 100%;
+}
+.tree.tree-umbraco ul {margin-left:0px;}
+.tree.tree-umbraco ul li ul {padding-left:5px;}
+.tree.tree-umbraco li a ins { display:none;}
+/* LOADER */
+.tree.tree-umbraco ul li a.loading ins { background-image:url("throbber.gif") !important; background-position:0 0 !important;display:inline-block; float:left;}
+.tree.tree-umbraco ul li a.loading {padding:0px !important;background:none;}
+/* OPEN or CLOSED */
+.tree.tree-umbraco li { padding-left:0px; }
+.tree.tree-umbraco li li { padding-left: 15px; }
+.tree.tree-umbraco li.open { background-image:none; }
+.tree.tree-umbraco li li.open { background:url("arrows.png") -18px -43px no-repeat; }
+.tree.tree-umbraco li li:hover.open { background-position: -2px -43px; }
+.tree.tree-umbraco li.closed, #jstree-dragged.tree-default li li.open { background:url("arrows.png") 0px -20px no-repeat; }
+.tree.tree-umbraco li:hover.closed, #jstree-dragged.tree-default li li:hover.open { background-position:0px 2px; }
+/* Ensure no sprite is loaded */
+.tree.tree-umbraco li a.noSpr, .tree.tree-umbraco li a.noSpr:hover
+{
+	background-position:0px 0px;
+	background:none;
+}
+/* Hover state */
+.tree.tree-umbraco li a:hover
+{
+	text-decoration: underline;
+}
+/* Menu text styles */
+.tree.tree-umbraco li div 
+{
+	padding: 1px 3px 1px 3px;
+	height:16px;
+	line-height:16px;
+	cursor:pointer;
+}
+/* highlight the selected element */
+.tree.tree-umbraco li .clicked div 
+{
+	padding: 0px 2px 0px 2px;
+	background: #D5EFFC;
+	border:1px solid #99DEFD;
+	-moz-border-radius: 2px;
+    display: inline;
+    width: auto;
+}
+
+
+/* renaming */
+.tree.tree-umbraco li div.renaming 
+{
+	padding: 0px 2px 0px 12px;
+	background: #D5EFFC;
+	border:1px solid #99DEFD;
+	-moz-border-radius: 2px;
+}
+.tree-umbraco li div.renaming input
+{
+	border:0px;
+	font-size: 11px;
+}
+
+
+
+/* Used for checkbox tree */
+
+.tree.tree-umbraco.inheritedcheckbox li a, 
+.tree.tree-umbraco.inheritedcheckbox li a.unchecked,
+.tree.tree-umbraco.checkbox li a, 
+.tree.tree-umbraco.checkbox li a.unchecked
+ { background: url("check_0.png") no-repeat 0px 0px ! important; }
+.tree.tree-umbraco.inheritedcheckbox li a.undetermined,
+.tree.tree-umbraco.checkbox li a.undetermined
+{ background:url("check_1.png") no-repeat 0px 0px ! important; }
+.tree.tree-umbraco.inheritedcheckbox li a.checked,
+.tree.tree-umbraco.checkbox li a.checked
+{ background:url("check_2.png") no-repeat 0px 0px ! important; }
+
+/* CONTEXT MENU (overriding default styles) */
+
+#jstree-contextmenu.tree-umbraco-context
+{
+	background: #f0f0f0 url(contextMenuBg.gif) repeat-y left;
+	border: 1px solid #979797;
+	padding: 3px;
+	padding-top: 2px;
+	padding-bottom: 0px;
+	width: 180px;
+	font-family: Arial,Lucida Grande;
+	font-size: 11px;
+	z-index: 1000;
+	margin: 0px;
+	display: block;
+}
+
+
+#jstree-contextmenu.tree-umbraco-context li 
+{
+	border-left:none;
+	background:transparent;
+	height: 26px;
+}
+
+#jstree-contextmenu.tree-umbraco-context li a
+{
+	border:0px;
+	padding: 2px;
+	height: 20px;
+	line-height:20px;	
+	color: #1a1818;
+	text-decoration: none;
+	text-indent: 0px;
+	margin-top: 1px !Important;
+	margin-bottom: 3px !Important;
+}
+
+#jstree-contextmenu.tree-umbraco-context li a:hover
+{
+	border: 1px solid #a8d8eb;
+	padding: 1px;
+	background: #dcecf3;	
+	text-indent: 0px;	
+}
+#jstree-contextmenu.tree-umbraco-context .separator
+{
+	background: #FFFFFF;
+	border-top: 1px solid #E0E0E0;
+	font-size: 1px;
+	height: 1px;
+	line-height: 1px;
+	margin: 0 2px 4px 29px;
+	min-height: 1px;
+	display: block;
+}
+#jstree-contextmenu.tree-umbraco-context .separator span {display:none;}
+#jstree-contextmenu.tree-umbraco-context img
+{
+	height: 16px;
+	width: 16px;
+	margin: 1px 10px 0 4px;
+}
+
+#jstree-contextmenu.tree-umbraco-context li a ins {display:none;}
+#jstree-contextmenu.tree-umbraco-context li a span {margin:0;padding-left:1px;background:none;}
+#jstree-contextmenu.tree-umbraco-context li a span div.menuLabel{padding-left: 37px;}
+
+/* Tree icons sprites */
+
+.sprTree,
+.tree.tree-umbraco li a.sprTree.clicked:hover
+{
+	background-image: 0px 0px;
+}
+
+
+
+/* tree node overlays / custom styles */
+
+.tree.tree-umbraco li.dim a
+{
+	color:#C0C0C0;
+}
+
+.tree.tree-umbraco li div.overlay 
+{
+	position: absolute;	
+	width: 8px;
+	height: 8px;
+}
+
+.tree.tree-umbraco li div.overlay-new
+{
+	z-index: 500;
+	left: 11px;
+	top: 0px;
+	background: no-repeat url(newVersion_overlay.png);
+	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='protect_overlay.gif');
+}
+
+.tree.tree-umbraco li div.overlay-protect
+{
+	z-index: 501;
+	left: 22px;
+	top: 8px;
+	background: no-repeat url(protect_overlay.gif);
+	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='protect_overlay.gif');
+}