Untitled

dabblet.css

.weixin-download-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.weixin-download-tips {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    background: #fff;
    padding: 10px;
    text-align: right;
    color: #8f8a85;
    font-size: 16px;
}

.weixin-download-tips strong,
.weixin-download-tips em {
	color: #000;
}

.weixin-download-tips em {
	font-style: normal;
	font-size: 19px;
}

.icon-weixin-download-tips-arrow {
    width: 0;
    height: 0;
    overflow: hidden;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -4px;
    right: 30px;
}

dabblet.html

<div class="weixin-download-bg">
            <div class="weixin-download-tips"><strong>不能下载？</strong>请点击右上角，选择<em>“在浏览器中打开”</em></div>
            <i class="icon-weixin-download-tips-arrow"></i>
        </div>

dabblet.js

// alert('Hello world!');

settings.json

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