box thing

dabblet.css

/* box thing */

div{
    width:300px;
    height:180px;
    margin: 50px auto;
    position:relative;
    background:  #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0, 0.25);
    border-radius: 3px;
}    

div::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: -15px;
    right: -15px;    
    padding: 15px;
    background-image:  
      linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), 
      linear-gradient(-45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
    background-size:30px 30px;  
    background-position: 15px 15px;
}

dabblet.html

<div />

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}