initial commit

src/main/java/com/commafeed/frontend/references/csstree/CssTreeViewReference.java

@@ -0,0 +1,25 @@
+package com.commafeed.frontend.references.csstree;
+
+import org.apache.wicket.markup.head.CssHeaderItem;
+import org.apache.wicket.markup.head.IHeaderResponse;
+import org.apache.wicket.request.resource.CssResourceReference;
+
+/**
+ * http://experiments.wemakesites.net/css3-treeview.html
+ * 
+ */
+public class CssTreeViewReference extends CssResourceReference {
+	private static CssTreeViewReference instance = new CssTreeViewReference();
+
+	public CssTreeViewReference() {
+		super(CssTreeViewReference.class, "css3-treeview.css");
+	}
+
+	public static void render(IHeaderResponse response) {
+		response.render(CssHeaderItem.forReference(instance));
+	}
+
+	public static CssTreeViewReference get() {
+		return instance;
+	}
+}

src/main/java/com/commafeed/frontend/references/csstree/css3-treeview.css

@@ -0,0 +1,115 @@
+.css-treeview ul,
+		.css-treeview li
+		{
+			padding: 0;
+			margin: 0;
+			list-style: none;
+		}
+
+		.css-treeview input
+		{
+			position: absolute;
+			opacity: 0;
+		}
+
+		.css-treeview
+		{
+			font: normal 11px "Segoe UI", Arial, Sans-serif;
+			-moz-user-select: none;
+			-webkit-user-select: none;
+			user-select: none;
+		}
+
+		.css-treeview a
+		{
+			color: #00f;
+			text-decoration: none;
+		}
+
+		.css-treeview a:hover
+		{
+			text-decoration: underline;
+		}
+
+		.css-treeview input + label + ul
+		{
+			margin: 0 0 0 22px;
+		}
+
+		.css-treeview input ~ ul
+		{
+			display: none;
+		}
+
+		.css-treeview label,
+		.css-treeview label::before
+		{
+			cursor: pointer;
+		}
+
+		.css-treeview input:disabled + label
+		{
+			cursor: default;
+			opacity: .6;
+		}
+
+		.css-treeview input:checked:not(:disabled) ~ ul
+		{
+			display: block;
+		}
+
+		.css-treeview label,
+		.css-treeview label::before
+		{
+			background: url("icons.png") no-repeat;
+		}
+
+		.css-treeview label,
+		.css-treeview a,
+		.css-treeview label::before
+		{
+			display: inline-block;
+			height: 16px;
+			line-height: 16px;,
+			vertical-align: middle;
+		}
+
+		.css-treeview label
+		{
+			background-position: 18px 0;
+		}
+
+		.css-treeview label::before
+		{
+			content: "";
+			width: 16px;
+			margin: 0 22px 0 0;
+			vertical-align: middle;
+			background-position: 0 -32px;
+		}
+
+		.css-treeview input:checked + label::before
+		{
+			background-position: 0 -16px;
+		}
+
+		/* webkit adjacent element selector bugfix */
+		@media screen and (-webkit-min-device-pixel-ratio:0)
+		{
+			.css-treeview 
+			{
+				-webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
+			}
+			
+			@-webkit-keyframes webkit-adjacent-element-selector-bugfix 
+			{
+				from 
+				{ 
+					padding: 0;
+				} 
+				to 
+				{ 
+					padding: 0;
+				}
+			}
+		}