@import "jquery/jquery-ui.css";
@import "./common.css";
@import "./showSideBoxesMobile.css";

#searchbox {
	margin-right: 10px;
}

#whatisit { max-width: 30em;  padding:1ex; }
#whatisit h3 {
	margin-top: -4px;
}

table#tree { padding: 1ex 1ex; }
table#tree { text-align:left; }


table#tree table { padding:0; padding-left: 4ex; margin:0; border:0; }
table#tree td { white-space: pre; font-family:monospace; margin:0; padding:0; border: 0 }
table#tree tr { margin:0; border:0; padding:0 }

table#tree tr:nth-child(even) { background-color: #fafafa }
table#tree tr table { background-color: white }


td  a { padding: 1px; }
td.folder > a { padding-left: 22px; background: url("folder.png") no-repeat left }
td.file > a { padding-left: 22px; background: url("txt.png") no-repeat left }
td.parent > a { padding-left: 22px; background: url("back.png") no-repeat left }

td a.opener { color:inherit; background: none; padding:0 }

/* class list */
td span.meta { white-space:pre-line;display:inline ; float:right;}
td span.meta a { }
td span.meta ul { margin: 0; padding:0; display:inline ;}
td span.meta ul {
	margin: 0;
	padding: 0;
	display: inline-grid;
	padding-left: 150px;
}
li::marker {
	display: none;
	color: transparent;
}

/* Hide [+], make more list-ish */
@media only screen and (max-width: 30em) {
    table#tree td { white-space: pre-line; }
    td a.opener { display : none; }
    td span.meta { display: block; float: none;}
    td > a { margin-bottom: 1em !important; display:block;}
    td span.meta ul li { margin-bottom: 1em ; }
    td span.meta ul {
        padding-left: 10px;
    }
}