<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Just some base styles not needed for example to function */
*, html { font-family: Verdana, Arial, Helvetica, sans-serif; }


html { font-size: 100%; /* IE hack */ }
body { font-size: 1em; /* Sets base font size to 16px */ }
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }

/* CSS Tree menu styles */
aside ol.tree
{
	padding: 0 0 0 30px;

}
aside li
	{
		position: relative;
		margin-left: -15px;
		margin-bottom: 1.5%;  /* Space between main folders*/
		list-style: none;
        font: bold italic;
	}
aside li.file
	{
		margin-left: -1px !important;

	}
aside li.file a
		{
			background: url(../images/document.png) 0 0 no-repeat;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}
aside li.file a[href *= '.pdf'] { background: url(../images/document.png) 0 0 no-repeat; }
aside li.file a[href *= '.html'] { background: url(../images/document.png) 0 0 no-repeat; }
aside li.file a[href $= '.css'] { background: url(../images/document.png) 0 0 no-repeat; }
aside li.file a[href $= '.js'] { background: url(../images/document.png) 0 0 no-repeat; }
aside li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 1em;
		width: 1em;
		top: 0;
	}
aside li input + ol
		{
			background: url(../images/toggle-small-expand.png) 40px 0 no-repeat;
			margin: -0.938em 0 0 -44px; /* 15px */
			height: 1em;
		}
aside li input + ol &gt; li { display: none; margin-left: -14px !important; padding-left: 1px; }
aside li label
	{
		background: url(../images/folder-horizontal.png) 15px 1px no-repeat;
		cursor: pointer;
		display: block;
		padding-left: 37px;
	}

aside li input:checked + ol
	{
		background: url(../images/toggle-small.png) 40px 5px no-repeat;
		margin: -1.25em 0 0 -44px; /* 20px */
		padding: 1.563em 0 0 80px;
		height: auto;
	}
aside li input:checked + ol &gt; li { display: block; margin: 0 0 0.125em;  /* 2px */}
aside li input:checked + ol &gt; li:last-child { margin: 0 0 0.063em; /* 1px */ }</pre></body></html>