github.com/StackExchange/DNSControl@v0.2.8/docs/flattener/index.html (about)

     1  <html >
     2  
     3  <head>
     4      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
     5      <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
     6      <script src="flattener.js"></script>
     7      <style>
     8  
     9  ul {
    10    margin: 0px 0px 0px 20px;
    11    list-style: none;
    12    line-height: 2em;
    13    font-family: Arial;
    14  }
    15  ul li {
    16    font-size: 16px;
    17    position: relative;
    18  }
    19  ul li:before {
    20    position: absolute;
    21    left: -15px;
    22    top: 0px;
    23    content: '';
    24    display: block;
    25    border-left: 1px solid #ddd;
    26    height: 1em;
    27    border-bottom: 1px solid #ddd;
    28    width: 10px;
    29  }
    30  ul li:after {
    31    position: absolute;
    32    left: -15px;
    33    bottom: -7px;
    34    content: '';
    35    display: block;
    36    border-left: 1px solid #ddd;
    37    height: 100%;
    38  }
    39  ul li.root {
    40    margin: 0px 0px 0px -20px;
    41  }
    42  ul li.root:before {
    43    display: none;
    44  }
    45  ul li.root:after {
    46    display: none;
    47  }
    48  ul li:last-child:after {
    49    display: none;
    50  }
    51  
    52          </style>
    53  </head>
    54  
    55  <body>
    56      <div class='container' style='padding-bottom:50px'>
    57      <input type="text" id="domain" value="stackoverflow.com"></input>
    58      <button id="lookup_btn">Lookup</button>
    59      <div id="results"></div>
    60      <div id="flattened"></div>
    61      </div>
    62  </body>