BEGINNING OF PAGE PACK OPTIMUS PRO TEMPLATES STYLES

dabblet.css

/* BEGINNING OF PAGE PACK OPTIMUS PRO TEMPLATES STYLES */
/* GENERAL */
.slash { margin-left:10px; }
.clear-fix { clear:both; height:0 }
#hero .contentItem #page_header.topContent h1.name { padding-bottom:10 }
.action-button { padding:5px 5px 2px 5px; margin:10px 10px 0 0; float:left; font-size:14px; text-transform:uppercase; background-color:#fff; box-shadow:0 0 10px #888; -moz-box-shadow:0 0 10px #888; -webkit-box-shadow:0 0 10px #888; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.action-button a { display:block; color:#96CB53; text-decoration:none; }

/* MODULE GENERAL */
.module-access { float:right; margin-bottom:-10px; }
.module-button { float:right; margin:0; }
.module-locked a { color:#1B95D9; }
.module-access-locked { float:right; margin:0px 40px 0 0; }

/* EVENT MODULE */
.event-module {}
.expand { margin:0; }
.expand a { display:block; text-decoration:none; }
.event-module h2 { margin:-160 0 85 20; font-size:40; line-height:45px; text-transform:uppercase; color:#1B95D9; }
.presentation-container { float:left; margin:0 10 20 0; width:162; }
.presentation-details { margin-top:-40px; background-color:#000; padding:5 10; opacity:0.7; filter:alpha(opacity=70); border-radius:0 0 10 10; -moz-border-radius:0 0 10 10; -webkit-border-radius:0 0 10 10; }
.presentation-details p { font-size:small; line-height:16px; color:#fff; }
.presentation-details .speaker-name { text-transform:uppercase; }
.presentation-details .presentation-title { font-size:small; line-height:14px; }

/* TRAINING MODULE */
.training-module { clear:both; margin-bottom:20px; background-color:#eeeeee; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:20px; }
.training-module h2 { float:left; font-size:30px; color:#1B95D9; }
.training-inner { margin-top:20px; }
.video-supplement { float:right; margin:0 30 0 20; padding:10px; background-color:#666666; border-radius:0 0 10 10; -moz-border-radius:0 0 10 10; -webkit-border-radius:0 0 10 10; }
.download-icon { float:left; margin-right:10px; }
.download-text { color:#fff; font-size:12px; text-transform:uppercase; line-height:14px; float:left }
.download-text a { text-decoration:none; color:#fff; display:block; }
.tab-header { margin-top:30px; float:left; padding:5px 10px 0px 10px; background-color:#666; border-radius:10 10 0 0; -moz-border-radius:10 10 0 0; -webkit-border-radius:10 10 0 0; }
.tab-text { font-size:14px; color:#fff; text-transform:uppercase }
.training-notes { font-size:14px; padding:10px; clear:both; border-top:1px #666 solid; border-bottom:1px #666 solid; background-color:#fff; }

/* VIDEO PAGE */
.video-inner {}
.video-supplement-container { margin:0 20px 20px 0px; float:right; }
.video-supplement-addtl { margin-right:0 }
.video-notes { clear:right; margin: 0 0 20 0; }

/* SPECIAL */
.special-container { float:left; width:205px; padding:20px; margin:20px 20px 20px 0; background-color:#eeeeee; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.special-title { text-transform:uppercase; font-size:14px; color:#1B95D9; line-height:18px; }
.special-name { text-transform:uppercase; font-size:30px; line-height:30px; margin:5px 0 0 0; color:#666; }
.special-price { text-transform:uppercase; font-size:44px; line-height:40px; color:#666; }
.money-symbol { font-size:24px; position:relative; top:-14px; }
.special-image { float:right; margin:-20px 0px -20px -20px; }

/* RESOURCE MODULE */
.resource-container { padding:20px 0; margin-bottom:-1px; border-top:1px #6DB710 solid; border-bottom:1px #6DB710 solid; }
.resource-icon { float:left; margin-right:20px; }
.resource-button { float:right; }
.resource-locked a { color:#1B95D9; }
.resource-access { float:right; margin:8px 40px 0 0; }
.resource-title { font-size:24px; line-height:24px; color:#888; }
.resource-text { font-size:12px; }

/* VIDEO MODULE */
.video-module { float:right; margin:0 }

/* AUDIO MODULE */
.audio-container { margin-top:10px; }

/* MY ACCOUNT PAGE */
.account-button { float:right; margin:0; }
h2.account-title { color:#1B95D9; }
/* END OF PAGE PACK OPTIMUS PRO TEMPLATES STYLES */

dabblet.html

Hello

dabblet.js

// alert('Hello world!');

settings.json

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