<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

#menutree li

{

line-height:30px;
font-size:14px;
font-weight:bold;

}


menutree li {
   list-style: none;          /* all list item li dots invisible */
         }

li .menu_label + input[type=checkbox] {
      opacity: 0;             /* checkboxes invisible and use no space */
     }                        /* display: none; is better but fails in ie8 */

    li .menu_label {
      cursor: pointer;        /* cursor changes when you mouse over this class */
    }                         /* could add the many user-select: none; commands here */

      li .menu_label + input[type=checkbox] + ol &gt; li
         {
            display: none;         /* prevents sublists below unchecked labels from displaying */
         }

      li .menu_label + input[type=checkbox]:checked + ol &gt; li
         {
           	display: block;         /* display submenu on click */
		margin-left:10px;
		background:#edf3f5;
font-weight:normal;
		
         }





</pre></body></html>