thallada
/
default-stylesheet


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<html>
  <head>
    <style>
      body {
        background-color: cornsilk;
      }
      p, input, label, select, ul, ol, code, pre, blockquote, button, table, hr, details, summary, em, strong, i, b, q,
      s, small, span, a, h1, h2, h3, h4, h5, h6 {
        background-color: pink;
        color: black;
        font-family: monospace;
        margin: 10px;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="../dist/example.min.css">
  </head>
  <body>
    <div>
      <p>These are elements affected by the global styling on this page.</p>
      <p>
        <em>Emphasized</em> <strong>strong</strong> <i>italic</i> <b>bold</b> <q>quoted</q> <s>strikethrough</s>
        <small>small</small>
      </p>
      <span>Span</span><br>
      <a href="https://github.com/thallada/default-stylesheet">Link</a><br>
      <h1>Heading 1</h1>
      <h2>Heading 2</h2>
      <h3>Heading 3</h3>
      <h4>Heading 4</h4>
      <h5>Heading 5</h5>
      <h6>Heading 6</h6>
      <label><input type="checkbox"> A checkbox</label><br>
      <input type="button" value="A button"><br>
      <input type="textarea" value="Example text"><br>
      <select>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
      </select>
      <ul>
        <li>One</li>
        <li>Two</li>
      </ul>
      <ol>
        <li>One</li>
        <li>Two</li>
      </ol>
      <code>function () { console.log('Hello, world!'); }</code><br>
      <pre>preformatted</pre><br>
      <blockquote>"This is a blockquote!"</blockquote>
      <table>
        <tr>
          <th>Category 1</th>
          <th>Category 2</th>
        </tr>
        <tr>
          <td>0.34</td>
          <td>1.12</td>
        </tr>
      </table>
      <hr>
      <details open>
        <summary>Summary</summary>
        <ol>
          <li>Item 1</li>
          <li>Item 2</li>
          <li>Item 3</li>
        </ol>
      </details>
      <button>Button!</button>
    </div>
    <div id="embedded" class="embedded">
      <div class="embedded-wrapper">
        <p>This is an embedded component isolated from the surrounding CSS cascade.</p>
        <p>
          <em>Emphasized</em> <strong>strong</strong> <i>italic</i> <b>bold</b> <q>quoted</q> <s>strikethrough</s>
          <small>small</small>
        </p>
        <span>Span</span><br>
        <a href="https://github.com/thallada/default-stylesheet">Link</a><br>
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <h4>Heading 4</h4>
        <h5>Heading 5</h5>
        <h6>Heading 6</h6>
        <label><input type="checkbox"> A checkbox</label><br>
        <input type="button" value="A button"><br>
        <input type="textarea" value="Example text"><br>
        <select>
          <option value="1">Option 1</option>
          <option value="2">Option 2</option>
          <option value="3">Option 3</option>
        </select>
        <ul>
          <li>One</li>
          <li>Two</li>
        </ul>
        <ol>
          <li>One</li>
          <li>Two</li>
        </ol>
        <code>function () { console.log('Hello, world!'); }</code><br>
        <pre>preformatted</pre><br>
        <blockquote>"This is a blockquote!"</blockquote>
        <table>
          <tr>
            <th>Category 1</th>
            <th>Category 2</th>
          </tr>
          <tr>
            <td>0.34</td>
            <td>1.12</td>
          </tr>
        </table>
        <hr>
        <details open>
          <summary>Summary</summary>
          <ol>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
          </ol>
        </details>
        <button>Button!</button>
      </div>
    </div>
  </body>
</html>