www/index.yaws

   1 <html>
   2 <head>
   3 <style>
   4 .css-treeview ul,
   5 .css-treeview li
   6 {
   7     padding: 0;
   8     margin: 0;
   9     list-style: none;
  10 }
  11
  12 .css-treeview input
  13 {
  14     position: absolute;
  15     opacity: 0;
  16 }
  17
  18 .css-treeview
  19 {
  20     font: normal 12px "Segoe UI", Arial, Sans-serif;
  21     -moz-user-select: none;
  22     -webkit-user-select: none;
  23     user-select: none;
  24 }
  25
  26 .css-treeview a
  27 {
  28     color: #00f;
  29     text-decoration: none;
  30 }
  31
  32 .css-treeview a:hover
  33 {
  34     text-decoration: underline;
  35 }
  36
  37 .css-treeview input + label + ul
  38 {
  39     margin: 0 0 0 22px;
  40 }
  41
  42 .css-treeview input ~ ul
  43 {
  44     display: none;
  45 }
  46
  47 .css-treeview label,
  48 .css-treeview label::before
  49 {
  50     cursor: pointer;
  51 }
  52
  53 .css-treeview input:disabled + label
  54 {
  55     cursor: default;
  56     opacity: .6;
  57 }
  58
  59 .css-treeview input:checked:not(:disabled) ~ ul
  60 {
  61     display: block;
  62 }
  63
  64 .css-treeview label,
  65 .css-treeview label::before
  66 {
  67     background: url("icons.png") no-repeat;
  68 }
  69
  70 .css-treeview label,
  71 .css-treeview a,
  72 .css-treeview label::before
  73 {
  74     display: inline-block;
  75     height: 16px;
  76     line-height: 16px;
  77     vertical-align: middle;
  78 }
  79
  80 .css-treeview label
  81 {
  82     background-position: 18px 0;
  83 }
  84
  85 .css-treeview label::before
  86 {
  87     content: "";
  88     width: 16px;
  89     margin: 0 22px 0 0;
  90     vertical-align: middle;
  91     background-position: 0 -32px;
  92 }
  93
  94 .css-treeview input:checked + label::before
  95 {
  96     background-position: 0 -16px;
  97 }
  98
  99 /* webkit adjacent element selector bugfix */
 100 @media screen and (-webkit-min-device-pixel-ratio:0)
 101 {
 102     .css-treeview
 103     {
 104         -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
 105     }
 106
 107     @-webkit-keyframes webkit-adjacent-element-selector-bugfix
 108     {
 109         from
 110         {
 111             padding: 0;
 112         }
 113         to
 114         {
 115             padding: 0;
 116         }
 117     }
 118 }
 119 </style>
 120 </head>
 121 <body>
 122 <erl>
 123 out(A) -> xsql:ls("/").
 124 </erl>
 125 </body>
 126 </html>