2col fluid+fixed

dabblet.css

/**
 * 2col fluid+fixed
 */
html {
background: #f06;
background: linear-gradient(45deg, #c0d6e7, #90afde);
min-height: 100%; }

#wrapper {
  margin: 0 auto;
  max-width: 700px;
  padding-right: 320px; /* padding should be the total width of all right columns */
}

#content {
  float: left;
  width: 100%;
  min-width: 400px;
  padding-right: 20px;
}

.sidebar {
  float: left;
  width: 300px;
  margin-right: -1000px;
  padding-top: 50px; /* extra space padding */
}

dabblet.html

<div id="wrapper">
  <div id="content">
    <h2>Here is some header content.</h2>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam auctor interdum elit faucibus scelerisque. Curabitur eleifend orci eget ante egestas viverra ac nec mauris. Pellentesque et dolor et leo pellentesque sollicitudin vitae vel velit. Phasellus ullamcorper sapien in sapien fermentum viverra. Sed dignissim est nec risus elementum molestie. Morbi placerat pharetra massa vitae aliquam. Curabitur laoreet suscipit leo, sit amet lacinia dolor placerat eu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Nulla lacinia, ante ac dignissim viverra, nunc orci rhoncus odio, porttitor aliquet orci massa non lorem.
  </div>
  
  <div class="sidebar">
    Sed ornare sollicitudin nisi, in tristique quam laoreet non. Nullam semper, turpis et pulvinar pulvinar, quam dui consequat mi, ac aliquet arcu nunc id massa. Vivamus aliquam odio eget neque auctor tempus sollicitudin dui malesuada. Suspendisse tincidunt eleifend pellentesque.
  </div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}