diff --git a/customize.dist/index.css b/customize.dist/index.css
deleted file mode 100644
index 9be8bfa50..000000000
--- a/customize.dist/index.css
+++ /dev/null
@@ -1,4296 +0,0 @@
-code {
-    color: #c7254e;
-    background-color: #f9f2f4;
-    border-radius: 4px
-}
-
-code,kbd {
-    padding: 2px 4px
-}
-
-kbd {
-    color: #fff;
-    background-color: #333;
-    border-radius: 3px;
-    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
-}
-
-kbd kbd {
-    padding: 0;
-    font-size: 100%;
-    box-shadow: none
-}
-
-pre {
-    display: block;
-    margin: 0 0 10px;
-    word-break: break-all;
-    word-wrap: break-word;
-    color: #333;
-    background-color: #f5f5f5;
-    border: 1px solid #ccc;
-    border-radius: 4px
-}
-
-pre code {
-    padding: 0;
-    font-size: inherit;
-    color: inherit;
-    white-space: pre-wrap;
-    background-color: transparent;
-    border-radius: 0
-}
-
-.pre-scrollable {
-    max-height: 340px;
-    overflow-y: scroll
-}
-
-fieldset {
-    border: 0;
-    min-width: 0
-}
-
-legend {
-    display: block;
-    width: 100%;
-    margin-bottom: 20px;
-    font-size: 21px;
-    line-height: inherit;
-    color: #333;
-    border-bottom: 1px solid #e5e5e5
-}
-
-label {
-    display: inline-block;
-    max-width: 100%;
-    margin-bottom: 5px;
-    font-weight: 700
-}
-
-input[type="radio"],input[type="checkbox"] {
-    margin: 1px 0 0;
-    line-height: normal
-}
-
-input[type="file"] {
-    display: block
-}
-
-input[type="range"] {
-    display: block;
-    width: 100%
-}
-
-select[multiple],select[size] {
-    height: auto
-}
-
-input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
-    outline: thin dotted;
-    outline: 5px auto -webkit-focus-ring-color;
-    outline-offset: -2px
-}
-
-output {
-    padding-top: 7px
-}
-
-output,.form-control {
-    display: block;
-    font-size: 14px;
-    line-height: 1.4285714;
-    color: #555
-}
-
-.form-control {
-    width: 100%;
-    height: 34px;
-    padding: 6px 12px;
-    background-color: #fff;
-    background-image: none;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
-}
-
-.form-control:focus {
-    border-color: #66afe9;
-    outline: 0;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
-}
-
-.form-control::-moz-placeholder {
-    color: #777;
-    opacity: 1
-}
-
-.form-control:-ms-input-placeholder {
-    color: #777
-}
-
-.form-control::-webkit-input-placeholder {
-    color: #777
-}
-
-.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
-    cursor: not-allowed;
-    background-color: #eee;
-    opacity: 1
-}
-
-textarea.form-control {
-    height: auto
-}
-
-input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
-    line-height: 34px;
-    line-height: 1.4285714 \0
-}
-
-input[type="date"].input-sm,.form-horizontal .form-group-sm input[type="date"].form-control,.input-group-sm>input[type="date"].form-control,.input-group-sm>input[type="date"].input-group-addon,.input-group-sm>.input-group-btn>input[type="date"].btn,input[type="time"].input-sm,.form-horizontal .form-group-sm input[type="time"].form-control,.input-group-sm>input[type="time"].form-control,.input-group-sm>input[type="time"].input-group-addon,.input-group-sm>.input-group-btn>input[type="time"].btn,input[type="datetime-local"].input-sm,.form-horizontal .form-group-sm input[type="datetime-local"].form-control,.input-group-sm>input[type="datetime-local"].form-control,.input-group-sm>input[type="datetime-local"].input-group-addon,.input-group-sm>.input-group-btn>input[type="datetime-local"].btn,input[type="month"].input-sm,.form-horizontal .form-group-sm input[type="month"].form-control,.input-group-sm>input[type="month"].form-control,.input-group-sm>input[type="month"].input-group-addon,.input-group-sm>.input-group-btn>input[type="month"].btn {
-    line-height: 30px
-}
-
-input[type="date"].input-lg,.form-horizontal .form-group-lg input[type="date"].form-control,.input-group-lg>input[type="date"].form-control,.input-group-lg>input[type="date"].input-group-addon,.input-group-lg>.input-group-btn>input[type="date"].btn,input[type="time"].input-lg,.form-horizontal .form-group-lg input[type="time"].form-control,.input-group-lg>input[type="time"].form-control,.input-group-lg>input[type="time"].input-group-addon,.input-group-lg>.input-group-btn>input[type="time"].btn,input[type="datetime-local"].input-lg,.form-horizontal .form-group-lg input[type="datetime-local"].form-control,.input-group-lg>input[type="datetime-local"].form-control,.input-group-lg>input[type="datetime-local"].input-group-addon,.input-group-lg>.input-group-btn>input[type="datetime-local"].btn,input[type="month"].input-lg,.form-horizontal .form-group-lg input[type="month"].form-control,.input-group-lg>input[type="month"].form-control,.input-group-lg>input[type="month"].input-group-addon,.input-group-lg>.input-group-btn>input[type="month"].btn {
-    line-height: 46px
-}
-
-.form-group {
-    margin-bottom: 15px
-}
-
-.radio,.checkbox {
-    position: relative;
-    display: block;
-    min-height: 20px;
-    margin-top: 10px;
-    margin-bottom: 10px
-}
-
-.radio label,.checkbox label {
-    padding-left: 20px;
-    margin-bottom: 0;
-    font-weight: 400;
-    cursor: pointer
-}
-
-.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] {
-    position: absolute;
-    margin-left: -20px;
-    margin-top: 4px \9
-}
-
-.radio+.radio,.checkbox+.checkbox {
-    margin-top: -5px
-}
-
-.radio-inline,.checkbox-inline {
-    display: inline-block;
-    padding-left: 20px;
-    margin-bottom: 0;
-    vertical-align: middle;
-    font-weight: 400;
-    cursor: pointer
-}
-
-.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline {
-    margin-top: 0;
-    margin-left: 10px
-}
-
-input[type="radio"][disabled],input[type="radio"].disabled,fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],input[type="checkbox"].disabled,fieldset[disabled] input[type="checkbox"],.radio-inline.disabled,fieldset[disabled] .radio-inline,.checkbox-inline.disabled,fieldset[disabled] .checkbox-inline,.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label {
-    cursor: not-allowed
-}
-
-.form-control-static {
-    padding-top: 7px;
-    padding-bottom: 7px;
-    margin-bottom: 0
-}
-
-.form-control-static.input-lg,.form-horizontal .form-group-lg .form-control-static.form-control,.input-group-lg>.form-control-static.form-control,.input-group-lg>.form-control-static.input-group-addon,.input-group-lg>.input-group-btn>.form-control-static.btn,.form-control-static.input-sm,.form-horizontal .form-group-sm .form-control-static.form-control,.input-group-sm>.form-control-static.form-control,.input-group-sm>.form-control-static.input-group-addon,.input-group-sm>.input-group-btn>.form-control-static.btn {
-    padding-left: 0;
-    padding-right: 0
-}
-
-.input-sm,.form-horizontal .form-group-sm .form-control,.input-group-sm>.form-control {
-    height: 30px;
-    padding: 5px 10px;
-    font-size: 12px;
-    line-height: 1.5;
-    border-radius: 3px
-}
-
-.input-group-sm>.input-group-addon {
-    height: 30px;
-    line-height: 1.5
-}
-
-.input-group-sm>.input-group-btn>.btn {
-    height: 30px;
-    padding: 5px 10px;
-    font-size: 12px;
-    line-height: 1.5;
-    border-radius: 3px
-}
-
-select.input-sm,.form-horizontal .form-group-sm select.form-control,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,.input-group-sm>.input-group-btn>select.btn {
-    height: 30px;
-    line-height: 30px
-}
-
-textarea.input-sm,.form-horizontal .form-group-sm textarea.form-control,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,.input-group-sm>.input-group-btn>textarea.btn,select[multiple].input-sm,.form-horizontal .form-group-sm select[multiple].form-control,.input-group-sm>select[multiple].form-control,.input-group-sm>select[multiple].input-group-addon,.input-group-sm>.input-group-btn>select[multiple].btn {
-    height: auto
-}
-
-.input-lg,.form-horizontal .form-group-lg .form-control,.input-group-lg>.form-control {
-    height: 46px;
-    padding: 10px 16px;
-    font-size: 18px;
-    line-height: 1.33;
-    border-radius: 6px
-}
-
-.input-group-lg>.input-group-addon {
-    height: 46px;
-    line-height: 1.33
-}
-
-.input-group-lg>.input-group-btn>.btn {
-    height: 46px;
-    padding: 10px 16px;
-    font-size: 18px;
-    line-height: 1.33;
-    border-radius: 6px
-}
-
-select.input-lg,.form-horizontal .form-group-lg select.form-control,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,.input-group-lg>.input-group-btn>select.btn {
-    height: 46px;
-    line-height: 46px
-}
-
-textarea.input-lg,.form-horizontal .form-group-lg textarea.form-control,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,.input-group-lg>.input-group-btn>textarea.btn,select[multiple].input-lg,.form-horizontal .form-group-lg select[multiple].form-control,.input-group-lg>select[multiple].form-control,.input-group-lg>select[multiple].input-group-addon,.input-group-lg>.input-group-btn>select[multiple].btn {
-    height: auto
-}
-
-.has-feedback {
-    position: relative
-}
-
-.has-feedback .form-control {
-    padding-right: 42.5px
-}
-
-.form-control-feedback {
-    position: absolute;
-    top: 25px;
-    right: 0;
-    z-index: 2;
-    display: block;
-    width: 34px;
-    height: 34px;
-    line-height: 34px;
-    text-align: center
-}
-
-.input-lg+.form-control-feedback,.input-lg+.form-horizontal .form-group-lg .form-control,.form-horizontal .form-group-lg .input-lg+.form-control,.input-lg+.input-group-lg>.form-control,.input-group-lg>.input-lg+.form-control,.input-lg+.input-group-lg>.input-group-addon,.input-group-lg>.input-lg+.input-group-addon,.input-lg+.input-group-lg>.input-group-btn>.btn,.input-group-lg>.input-group-btn>.input-lg+.btn {
-    width: 46px;
-    height: 46px;
-    line-height: 46px
-}
-
-.input-sm+.form-control-feedback,.input-sm+.form-horizontal .form-group-sm .form-control,.form-horizontal .form-group-sm .input-sm+.form-control,.input-sm+.input-group-sm>.form-control,.input-group-sm>.input-sm+.form-control,.input-sm+.input-group-sm>.input-group-addon,.input-group-sm>.input-sm+.input-group-addon,.input-sm+.input-group-sm>.input-group-btn>.btn,.input-group-sm>.input-group-btn>.input-sm+.btn {
-    width: 30px;
-    height: 30px;
-    line-height: 30px
-}
-
-.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline {
-    color: #3c763d
-}
-
-.has-success .form-control {
-    border-color: #3c763d;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
-}
-
-.has-success .form-control:focus {
-    border-color: #2b542b;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
-}
-
-.has-success .input-group-addon {
-    color: #3c763d;
-    border-color: #3c763d;
-    background-color: #dff0d8
-}
-
-.has-success .form-control-feedback {
-    color: #3c763d
-}
-
-.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline {
-    color: #8a6d3b
-}
-
-.has-warning .form-control {
-    border-color: #8a6d3b;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
-}
-
-.has-warning .form-control:focus {
-    border-color: #66502c;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c09f6b
-}
-
-.has-warning .input-group-addon {
-    color: #8a6d3b;
-    border-color: #8a6d3b;
-    background-color: #fcf8e3
-}
-
-.has-warning .form-control-feedback {
-    color: #8a6d3b
-}
-
-.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline {
-    color: #a94442
-}
-
-.has-error .form-control {
-    border-color: #a94442;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
-}
-
-.has-error .form-control:focus {
-    border-color: #843534;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
-}
-
-.has-error .input-group-addon {
-    color: #a94442;
-    border-color: #a94442;
-    background-color: #f2dede
-}
-
-.has-error .form-control-feedback {
-    color: #a94442
-}
-
-.has-feedback label.sr-only~.form-control-feedback {
-    top: 0
-}
-
-.help-block {
-    display: block;
-    margin-top: 5px;
-    margin-bottom: 10px;
-    color: #737373
-}
-
-.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-top: 7px
-}
-
-.form-horizontal .radio,.form-horizontal .checkbox {
-    min-height: 27px
-}
-
-.form-horizontal .form-group {
-    margin-left: -15px;
-    margin-right: -15px
-}
-
-.form-horizontal .form-group:before {
-    content: " ";
-    display: table
-}
-
-.form-horizontal .form-group:after {
-    content: " ";
-    display: table;
-    clear: both
-}
-
-.form-horizontal .has-feedback .form-control-feedback {
-    top: 0;
-    right: 15px
-}
-
-.btn {
-    display: inline-block;
-    vertical-align: middle;
-    cursor: pointer;
-    background-image: none;
-    border: 1px solid transparent;
-    white-space: nowrap;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none
-}
-
-.btn:focus,.btn:active:focus,.btn.active:focus {
-    outline: thin dotted;
-    outline: 5px auto -webkit-focus-ring-color;
-    outline-offset: -2px
-}
-
-.btn:hover,.btn:focus {
-    color: #333;
-    text-decoration: none
-}
-
-.btn:active,.btn.active {
-    outline: 0;
-    background-image: none;
-    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
-}
-
-.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
-    cursor: not-allowed;
-    pointer-events: none;
-    opacity: .65;
-    filter: alpha(opacity=65);
-    box-shadow: none
-}
-
-.btn-default {
-    color: #333;
-    background-color: #fff;
-    border-color: #ccc
-}
-
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle {
-    color: #333;
-    background-color: #e6e6e6;
-    border-color: #adadad
-}
-
-.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle {
-    background-image: none
-}
-
-.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active {
-    background-color: #fff;
-    border-color: #ccc
-}
-
-.btn-default .badge {
-    color: #fff;
-    background-color: #333
-}
-
-.btn-primary {
-    color: #fff;
-    background-color: #428bca;
-    border-color: #3580bd
-}
-
-.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle {
-    color: #fff;
-    background-color: #3073a9;
-    border-color: #28608e
-}
-
-.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle {
-    background-image: none
-}
-
-.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active {
-    background-color: #428bca;
-    border-color: #3580bd
-}
-
-.btn-primary .badge {
-    color: #428bca;
-    background-color: #fff
-}
-
-.btn-success {
-    color: #fff;
-    background-color: #5cb85c;
-    border-color: #4eae4c
-}
-
-.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.btn-success.dropdown-toggle {
-    color: #fff;
-    background-color: #469d44;
-    border-color: #3b8439
-}
-
-.btn-success:active,.btn-success.active,.open>.btn-success.dropdown-toggle {
-    background-image: none
-}
-
-.btn-success.disabled,.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled:active,.btn-success.disabled.active,.btn-success[disabled],.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled]:active,.btn-success[disabled].active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success.active {
-    background-color: #5cb85c;
-    border-color: #4eae4c
-}
-
-.btn-success .badge {
-    color: #5cb85c;
-    background-color: #fff
-}
-
-.btn-info {
-    color: #fff;
-    background-color: #5bc0de;
-    border-color: #46bada
-}
-
-.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.btn-info.dropdown-toggle {
-    color: #fff;
-    background-color: #31b2d5;
-    border-color: #269cbc
-}
-
-.btn-info:active,.btn-info.active,.open>.btn-info.dropdown-toggle {
-    background-image: none
-}
-
-.btn-info.disabled,.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled:active,.btn-info.disabled.active,.btn-info[disabled],.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled]:active,.btn-info[disabled].active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info.active {
-    background-color: #5bc0de;
-    border-color: #46bada
-}
-
-.btn-info .badge {
-    color: #5bc0de;
-    background-color: #fff
-}
-
-.btn-warning {
-    color: #fff;
-    background-color: #f0ad4e;
-    border-color: #eea236
-}
-
-.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.btn-warning.dropdown-toggle {
-    color: #fff;
-    background-color: #ec971f;
-    border-color: #d58112
-}
-
-.btn-warning:active,.btn-warning.active,.open>.btn-warning.dropdown-toggle {
-    background-image: none
-}
-
-.btn-warning.disabled,.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled:active,.btn-warning.disabled.active,.btn-warning[disabled],.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled]:active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning.active {
-    background-color: #f0ad4e;
-    border-color: #eea236
-}
-
-.btn-warning .badge {
-    color: #f0ad4e;
-    background-color: #fff
-}
-
-.btn-danger {
-    color: #fff;
-    background-color: #d9534f;
-    border-color: #d43d3a
-}
-
-.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.btn-danger.dropdown-toggle {
-    color: #fff;
-    background-color: #c92e2c;
-    border-color: #ac2525
-}
-
-.btn-danger:active,.btn-danger.active,.open>.btn-danger.dropdown-toggle {
-    background-image: none
-}
-
-.btn-danger.disabled,.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled:active,.btn-danger.disabled.active,.btn-danger[disabled],.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled]:active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger.active {
-    background-color: #d9534f;
-    border-color: #d43d3a
-}
-
-.btn-danger .badge {
-    color: #d9534f;
-    background-color: #fff
-}
-
-.btn-link {
-    color: #428bca;
-    font-weight: 400;
-    cursor: pointer;
-    border-radius: 0
-}
-
-.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
-    background-color: transparent;
-    box-shadow: none
-}
-
-.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
-    border-color: transparent
-}
-
-.btn-link:hover,.btn-link:focus {
-    color: #2a6596;
-    text-decoration: underline;
-    background-color: transparent
-}
-
-.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus {
-    color: #777;
-    text-decoration: none
-}
-
-.btn-lg {
-    padding: 10px 16px;
-    font-size: 18px;
-    line-height: 1.33;
-    border-radius: 6px
-}
-
-.btn-sm {
-    padding: 5px 10px
-}
-
-.btn-sm,.btn-xs {
-    font-size: 12px;
-    line-height: 1.5;
-    border-radius: 3px
-}
-
-.btn-xs {
-    padding: 1px 5px
-}
-
-.btn-block {
-    display: block;
-    width: 100%
-}
-
-.btn-block+.btn-block {
-    margin-top: 5px
-}
-
-input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
-    width: 100%
-}
-
-.fade {
-    opacity: 0;
-    -webkit-transition: opacity .15s linear;
-    transition: opacity .15s linear
-}
-
-.fade.in {
-    opacity: 1
-}
-
-.collapse {
-    display: none
-}
-
-.collapse.in {
-    display: block
-}
-
-tr.collapse.in {
-    display: table-row
-}
-
-tbody.collapse.in {
-    display: table-row-group
-}
-
-.collapsing {
-    position: relative;
-    height: 0;
-    overflow: hidden;
-    -webkit-transition: height .35s ease;
-    transition: height .35s ease
-}
-
-.input-group {
-    position: relative;
-    display: table;
-    border-collapse: separate
-}
-
-.input-group[class*="col-"] {
-    float: none;
-    padding-left: 0;
-    padding-right: 0
-}
-
-.input-group .form-control {
-    position: relative;
-    z-index: 2;
-    float: left;
-    width: 100%;
-    margin-bottom: 0
-}
-
-.input-group-addon,.input-group-btn,.input-group .form-control {
-    display: table-cell
-}
-
-.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) {
-    border-radius: 0
-}
-
-.input-group-addon {
-    white-space: nowrap
-}
-
-.input-group-addon,.input-group-btn {
-    width: 1%;
-    vertical-align: middle
-}
-
-.input-group-addon {
-    padding: 6px 12px;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 1;
-    color: #555;
-    text-align: center;
-    background-color: #eee;
-    border: 1px solid #ccc;
-    border-radius: 4px
-}
-
-.input-group-addon.input-sm,.form-horizontal .form-group-sm .input-group-addon.form-control,.input-group-sm>.input-group-addon.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn {
-    padding: 5px 10px;
-    font-size: 12px;
-    border-radius: 3px
-}
-
-.input-group-addon.input-lg,.form-horizontal .form-group-lg .input-group-addon.form-control,.input-group-lg>.input-group-addon.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn {
-    padding: 10px 16px;
-    font-size: 18px;
-    border-radius: 6px
-}
-
-.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] {
-    margin-top: 0
-}
-
-.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0
-}
-
-.input-group-addon:first-child {
-    border-right: 0
-}
-
-.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0
-}
-
-.input-group-addon:last-child {
-    border-left: 0
-}
-
-.input-group-btn {
-    font-size: 0;
-    white-space: nowrap
-}
-
-.input-group-btn,.input-group-btn>.btn {
-    position: relative
-}
-
-.input-group-btn>.btn+.btn {
-    margin-left: -1px
-}
-
-.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active {
-    z-index: 2
-}
-
-.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
-    margin-right: -1px
-}
-
-.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
-    margin-left: -1px
-}
-
-.pagination {
-    display: inline-block;
-    padding-left: 0;
-    margin: 20px 0;
-    border-radius: 4px
-}
-
-.pagination>li {
-    display: inline
-}
-
-.pagination>li>a,.pagination>li>span {
-    position: relative;
-    float: left;
-    padding: 6px 12px;
-    line-height: 1.4285714;
-    text-decoration: none;
-    color: #428bca;
-    background-color: #fff;
-    border: 1px solid #ddd;
-    margin-left: -1px
-}
-
-.pagination>li:first-child>a,.pagination>li:first-child>span {
-    margin-left: 0;
-    border-bottom-left-radius: 4px;
-    border-top-left-radius: 4px
-}
-
-.pagination>li:last-child>a,.pagination>li:last-child>span {
-    border-bottom-right-radius: 4px;
-    border-top-right-radius: 4px
-}
-
-.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {
-    color: #2a6596;
-    background-color: #eee;
-    border-color: #ddd
-}
-
-.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus {
-    z-index: 2;
-    color: #fff;
-    background-color: #428bca;
-    border-color: #428bca;
-    cursor: default
-}
-
-.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
-    color: #777;
-    background-color: #fff;
-    border-color: #ddd;
-    cursor: not-allowed
-}
-
-.pagination-lg>li>a,.pagination-lg>li>span {
-    padding: 10px 16px;
-    font-size: 18px
-}
-
-.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
-    border-bottom-left-radius: 6px;
-    border-top-left-radius: 6px
-}
-
-.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
-    border-bottom-right-radius: 6px;
-    border-top-right-radius: 6px
-}
-
-.pagination-sm>li>a,.pagination-sm>li>span {
-    padding: 5px 10px;
-    font-size: 12px
-}
-
-.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
-    border-bottom-left-radius: 3px;
-    border-top-left-radius: 3px
-}
-
-.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
-    border-bottom-right-radius: 3px;
-    border-top-right-radius: 3px
-}
-
-.close {
-    float: right;
-    font-size: 21px;
-    font-weight: 700;
-    line-height: 1;
-    color: #000;
-    text-shadow: 0 1px 0 #fff;
-    opacity: .2;
-    filter: alpha(opacity=20)
-}
-
-.close:hover,.close:focus {
-    color: #000;
-    text-decoration: none;
-    cursor: pointer;
-    opacity: .5;
-    filter: alpha(opacity=50)
-}
-
-button.close {
-    padding: 0;
-    cursor: pointer;
-    background: 0 0;
-    border: 0;
-    -webkit-appearance: none
-}
-
-.modal-open,.modal {
-    overflow: hidden
-}
-
-.modal {
-    display: none;
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1050;
-    -webkit-overflow-scrolling: touch;
-    outline: 0
-}
-
-.modal.fade .modal-dialog {
-    -webkit-transform: translate3d(0,-25%,0);
-    transform: translate3d(0,-25%,0);
-    -webkit-transition: -webkit-transform .3s ease-out;
-    transition: transform .3s ease-out
-}
-
-.modal.in .modal-dialog {
-    -webkit-transform: translate3d(0,0,0);
-    transform: translate3d(0,0,0)
-}
-
-.modal-open .modal {
-    overflow-x: hidden;
-    overflow-y: auto
-}
-
-.modal-dialog {
-    position: relative;
-    width: auto;
-    margin: 10px
-}
-
-.modal-content {
-    position: relative;
-    background-color: #fff;
-    border: 1px solid #999;
-    border: 1px solid rgba(0,0,0,.2);
-    border-radius: 6px;
-    box-shadow: 0 3px 9px rgba(0,0,0,.5);
-    background-clip: padding-box;
-    outline: 0
-}
-
-.modal-backdrop {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1040;
-    background-color: #000
-}
-
-.modal-backdrop.fade {
-    opacity: 0;
-    filter: alpha(opacity=0)
-}
-
-.modal-backdrop.in {
-    opacity: .5;
-    filter: alpha(opacity=50)
-}
-
-.modal-header {
-    padding: 15px;
-    border-bottom: 1px solid #e5e5e5;
-    min-height: 16.4285714px
-}
-
-.modal-header .close {
-    margin-top: -2px
-}
-
-.modal-title {
-    margin: 0;
-    line-height: 1.4285714
-}
-
-.modal-body {
-    position: relative;
-    padding: 15px
-}
-
-.modal-footer {
-    padding: 15px;
-    text-align: right;
-    border-top: 1px solid #e5e5e5
-}
-
-.modal-footer:before,.modal-footer:after {
-    content: " ";
-    display: table
-}
-
-.modal-footer:after {
-    clear: both
-}
-
-.modal-footer .btn+.btn {
-    margin-left: 5px;
-    margin-bottom: 0
-}
-
-.modal-footer .btn-group .btn+.btn {
-    margin-left: -1px
-}
-
-.modal-footer .btn-block+.btn-block {
-    margin-left: 0
-}
-
-.modal-scrollbar-measure {
-    position: absolute;
-    top: -9999px;
-    width: 50px;
-    height: 50px;
-    overflow: scroll
-}
-
-.clearfix:before,.clearfix:after {
-    content: " ";
-    display: table
-}
-
-.clearfix:after {
-    clear: both
-}
-
-.center-block {
-    display: block;
-    margin-left: auto;
-    margin-right: auto
-}
-
-.pull-right {
-    float: right!important
-}
-
-.pull-left {
-    float: left!important
-}
-
-.hide {
-    display: none!important
-}
-
-.show {
-    display: block!important
-}
-
-.invisible {
-    visibility: hidden
-}
-
-.text-hide {
-    font: 0/0 a;
-    color: transparent;
-    text-shadow: none;
-    background-color: transparent;
-    border: 0
-}
-
-.hidden {
-    display: none!important;
-    visibility: hidden!important
-}
-
-.affix {
-    position: fixed;
-    -webkit-transform: translate3d(0,0,0);
-    transform: translate3d(0,0,0)
-}
-
-.hljs {
-    display: block;
-    overflow-x: auto;
-    padding: .5em;
-    background: #002b36;
-    color: #839496;
-    -webkit-text-size-adjust: none
-}
-
-.hljs-comment,.hljs-template_comment,.diff .hljs-header,.hljs-doctype,.hljs-pi,.lisp .hljs-string,.hljs-javadoc {
-    color: #586e75
-}
-
-.hljs-keyword,.hljs-winutils,.method,.hljs-addition,.css .hljs-tag,.hljs-request,.hljs-status,.nginx .hljs-title {
-    color: #859900
-}
-
-.hljs-number,.hljs-command,.hljs-string,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula,.hljs-regexp,.hljs-hexcolor,.hljs-link_url {
-    color: #2aa198
-}
-
-.hljs-title,.hljs-localvars,.hljs-chunk,.hljs-decorator,.hljs-built_in,.hljs-identifier,.vhdl .hljs-literal,.hljs-id,.css .hljs-function {
-    color: #268bd2
-}
-
-.hljs-attribute,.hljs-variable,.lisp .hljs-body,.smalltalk .hljs-number,.hljs-constant,.hljs-class .hljs-title,.hljs-parent,.hljs-type,.hljs-link_reference {
-    color: #b58900
-}
-
-.hljs-preprocessor,.hljs-preprocessor .hljs-keyword,.hljs-pragma,.hljs-shebang,.hljs-symbol,.hljs-symbol .hljs-string,.diff .hljs-change,.hljs-special,.hljs-attr_selector,.hljs-subst,.hljs-cdata,.css .hljs-pseudo,.hljs-header {
-    color: #cb4b16
-}
-
-.hljs-deletion,.hljs-important {
-    color: #dc322f
-}
-
-.hljs-link_label {
-    color: #6c71c4
-}
-
-.tex .hljs-formula {
-    background: #073642
-}
-
-*,*:before,*:after {
-    box-sizing: border-box
-}
-
-html {
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%
-}
-
-body {
-    margin: 0
-}
-
-article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
-    display: block
-}
-
-audio,canvas,progress,video {
-    display: inline-block;
-    vertical-align: baseline
-}
-
-audio:not([controls]) {
-    display: none;
-    height: 0
-}
-
-[hidden],template {
-    display: none
-}
-
-a {
-    background: 0 0
-}
-
-a:active,a:hover {
-    outline: 0
-}
-
-abbr[title] {
-    border-bottom: 1px dotted
-}
-
-b,strong {
-    font-weight: 700
-}
-
-dfn {
-    font-style: italic
-}
-
-h1 {
-    margin: .67em 0
-}
-
-mark {
-    background: #ff0;
-    color: #000
-}
-
-small {
-    font-size: 80%
-}
-
-sub,sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline
-}
-
-sup {
-    top: -.5em
-}
-
-sub {
-    bottom: -.25em
-}
-
-images {
-    border: 0
-}
-
-svg:not(:root) {
-    overflow: hidden
-}
-
-figure {
-    margin: 1em 40px
-}
-
-hr {
-    box-sizing: content-box;
-    height: 0
-}
-
-pre {
-    overflow: auto
-}
-
-code,kbd {
-    font-size: 1em
-}
-
-code,kbd,pre,samp {
-    font-family: monospace,monospace
-}
-
-samp {
-    font-size: 1em
-}
-
-button,input,optgroup,select,textarea {
-    color: inherit;
-    font: inherit;
-    margin: 0
-}
-
-button {
-    overflow: visible
-}
-
-button,select {
-    text-transform: none
-}
-
-button,html input[type="button"],input[type="reset"],input[type="submit"] {
-    -webkit-appearance: button;
-    cursor: pointer
-}
-
-button[disabled],html input[disabled] {
-    cursor: default
-}
-
-button::-moz-focus-inner,input::-moz-focus-inner {
-    border: 0;
-    padding: 0
-}
-
-input {
-    line-height: normal
-}
-
-input[type="checkbox"],input[type="radio"] {
-    box-sizing: border-box;
-    padding: 0
-}
-
-input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
-    height: auto
-}
-
-input[type="search"] {
-    -webkit-appearance: textfield;
-    box-sizing: content-box
-}
-
-input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none
-}
-
-fieldset {
-    border: 1px solid silver;
-    margin: 0 2px;
-    padding: .35em .625em .75em
-}
-
-legend {
-    border: 0;
-    padding: 0
-}
-
-textarea {
-    overflow: auto
-}
-
-optgroup {
-    font-weight: 700
-}
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0
-}
-
-.debug {
-    background-color: #ffc0cb!important
-}
-
-.ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap
-}
-
-.ir {
-    background-color: transparent;
-    border: 0;
-    overflow: hidden
-}
-
-.ir::before {
-    content: '';
-    display: block;
-    height: 150%;
-    width: 0
-}
-
-html {
-    font-size: .875em;
-    background: #fafafa;
-    color: #373D49
-}
-
-html,body {
-    font-family: Georgia,Cambria,serif;
-    height: 100%
-}
-
-body {
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 2rem
-}
-
-ul,ol {
-    margin-bottom: .83999rem;
-    padding-top: .16001rem
-}
-
-li {
-    -webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-    -moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-    font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-    margin-left: 1rem
-}
-
-li>ul,li>ol {
-    margin-bottom: 0
-}
-
-p {
-    padding-top: .66001rem;
-    -webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-    -moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-    font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
-    margin-top: 0
-}
-
-p,pre {
-    margin-bottom: 1.33999rem
-}
-
-pre {
-    font-size: 1rem;
-    padding: .66001rem 9.5px 9.5px;
-    line-height: 2rem;
-    background: -webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);
-    background: linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);
-    background-size: 100% 4rem;
-    border-color: #D3DAEA
-}
-
-blockquote {
-    margin: 0
-}
-
-blockquote p {
-    font-size: 1rem;
-    margin-bottom: .33999rem;
-    font-style: italic;
-    padding: .66001rem 1rem 1rem;
-    border-left: 3px solid #A0AABF
-}
-
-th,td {
-    padding: 12px
-}
-
-h1,h2,h3,h4,h5,h6 {
-    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-    -webkit-font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
-    -moz-font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
-    font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
-    font-style: normal;
-    font-weight: 600;
-    margin-top: 0
-}
-
-h1 {
-    line-height: 3rem;
-    font-size: 2.05714rem;
-    margin-bottom: .21999rem;
-    padding-top: .78001rem
-}
-
-h2 {
-    font-size: 1.95312rem;
-    margin-bottom: .18358rem;
-    padding-top: .81642rem
-}
-
-h2,h3 {
-    line-height: 3rem
-}
-
-h3 {
-    font-size: 1.64571rem;
-    margin-bottom: .07599rem;
-    padding-top: .92401rem
-}
-
-h4 {
-    font-size: 1.5625rem;
-    margin-bottom: .54686rem;
-    padding-top: .45314rem
-}
-
-h5 {
-    font-size: 1.25rem;
-    margin-bottom: -.56251rem;
-    padding-top: .56251rem
-}
-
-h6 {
-    font-size: 1rem;
-    margin-bottom: -.65001rem;
-    padding-top: .65001rem
-}
-
-a {
-    cursor: pointer;
-    color: rgb(39, 176, 0);
-    text-decoration: none
-}
-
-img {
-    height: auto;
-    max-width: 100%
-}
-
-.g {
-    display: block
-}
-
-.g:after {
-    clear: both;
-    content: '';
-    display: table
-}
-
-.g-b {
-    float: left;
-    margin: 0;
-    width: 100%
-}
-
-.g {
-    margin-left: -16px;
-    margin-right: -16px
-}
-
-.g-b {
-    padding-left: 16px;
-    padding-right: 16px
-}
-
-.g-b--center {
-    display: block;
-    float: none;
-    margin: 0 auto
-}
-
-.g-b--right {
-    float: right
-}
-
-.g-b--1of1 {
-    width: 100%
-}
-
-.g-b--1of2,.g-b--2of4,.g-b--3of6,.g-b--4of8,.g-b--5of10,.g-b--6of12 {
-    width: 50%
-}
-
-.g-b--1of3,.g-b--2of6,.g-b--4of12 {
-    width: 33.333%
-}
-
-.g-b--2of3,.g-b--4of6,.g-b--8of12 {
-    width: 66.666%
-}
-
-.g-b--1of4,.g-b--2of8,.g-b--3of12 {
-    width: 25%
-}
-
-.g-b--3of4,.g-b--6of8,.g-b--9of12 {
-    width: 75%
-}
-
-.g-b--1of5,.g-b--2of10 {
-    width: 20%
-}
-
-.g-b--2of5,.g-b--4of10 {
-    width: 40%
-}
-
-.g-b--3of5,.g-b--6of10 {
-    width: 60%
-}
-
-.g-b--4of5,.g-b--8of10 {
-    width: 80%
-}
-
-.g-b--1of6,.g-b--2of12 {
-    width: 16.666%
-}
-
-.g-b--5of6,.g-b--10of12 {
-    width: 83.333%
-}
-
-.g-b--1of8 {
-    width: 12.5%
-}
-
-.g-b--3of8 {
-    width: 37.5%
-}
-
-.g-b--5of8 {
-    width: 62.5%
-}
-
-.g-b--7of8 {
-    width: 87.5%
-}
-
-.g-b--1of10 {
-    width: 10%
-}
-
-.g-b--3of10 {
-    width: 30%
-}
-
-.g-b--7of10 {
-    width: 70%
-}
-
-.g-b--9of10 {
-    width: 90%
-}
-
-.g-b--1of12 {
-    width: 8.333%
-}
-
-.g-b--5of12 {
-    width: 41.666%
-}
-
-.g-b--7of12 {
-    width: 58.333%
-}
-
-.g-b--11of12 {
-    width: 91.666%
-}
-
-.g-b--push--1of1 {
-    margin-left: 100%
-}
-
-.g-b--push--1of2,.g-b--push--2of4,.g-b--push--3of6,.g-b--push--4of8,.g-b--push--5of10,.g-b--push--6of12 {
-    margin-left: 50%
-}
-
-.g-b--push--1of3,.g-b--push--2of6,.g-b--push--4of12 {
-    margin-left: 33.333%
-}
-
-.g-b--push--2of3,.g-b--push--4of6,.g-b--push--8of12 {
-    margin-left: 66.666%
-}
-
-.g-b--push--1of4,.g-b--push--2of8,.g-b--push--3of12 {
-    margin-left: 25%
-}
-
-.g-b--push--3of4,.g-b--push--6of8,.g-b--push--9of12 {
-    margin-left: 75%
-}
-
-.g-b--push--1of5,.g-b--push--2of10 {
-    margin-left: 20%
-}
-
-.g-b--push--2of5,.g-b--push--4of10 {
-    margin-left: 40%
-}
-
-.g-b--push--3of5,.g-b--push--6of10 {
-    margin-left: 60%
-}
-
-.g-b--push--4of5,.g-b--push--8of10 {
-    margin-left: 80%
-}
-
-.g-b--push--1of6,.g-b--push--2of12 {
-    margin-left: 16.666%
-}
-
-.g-b--push--5of6,.g-b--push--10of12 {
-    margin-left: 83.333%
-}
-
-.g-b--push--1of8 {
-    margin-left: 12.5%
-}
-
-.g-b--push--3of8 {
-    margin-left: 37.5%
-}
-
-.g-b--push--5of8 {
-    margin-left: 62.5%
-}
-
-.g-b--push--7of8 {
-    margin-left: 87.5%
-}
-
-.g-b--push--1of10 {
-    margin-left: 10%
-}
-
-.g-b--push--3of10 {
-    margin-left: 30%
-}
-
-.g-b--push--7of10 {
-    margin-left: 70%
-}
-
-.g-b--push--9of10 {
-    margin-left: 90%
-}
-
-.g-b--push--1of12 {
-    margin-left: 8.333%
-}
-
-.g-b--push--5of12 {
-    margin-left: 41.666%
-}
-
-.g-b--push--7of12 {
-    margin-left: 58.333%
-}
-
-.g-b--push--11of12 {
-    margin-left: 91.666%
-}
-
-.g-b--pull--1of1 {
-    margin-right: 100%
-}
-
-.g-b--pull--1of2,.g-b--pull--2of4,.g-b--pull--3of6,.g-b--pull--4of8,.g-b--pull--5of10,.g-b--pull--6of12 {
-    margin-right: 50%
-}
-
-.g-b--pull--1of3,.g-b--pull--2of6,.g-b--pull--4of12 {
-    margin-right: 33.333%
-}
-
-.g-b--pull--2of3,.g-b--pull--4of6,.g-b--pull--8of12 {
-    margin-right: 66.666%
-}
-
-.g-b--pull--1of4,.g-b--pull--2of8,.g-b--pull--3of12 {
-    margin-right: 25%
-}
-
-.g-b--pull--3of4,.g-b--pull--6of8,.g-b--pull--9of12 {
-    margin-right: 75%
-}
-
-.g-b--pull--1of5,.g-b--pull--2of10 {
-    margin-right: 20%
-}
-
-.g-b--pull--2of5,.g-b--pull--4of10 {
-    margin-right: 40%
-}
-
-.g-b--pull--3of5,.g-b--pull--6of10 {
-    margin-right: 60%
-}
-
-.g-b--pull--4of5,.g-b--pull--8of10 {
-    margin-right: 80%
-}
-
-.g-b--pull--1of6,.g-b--pull--2of12 {
-    margin-right: 16.666%
-}
-
-.g-b--pull--5of6,.g-b--pull--10of12 {
-    margin-right: 83.333%
-}
-
-.g-b--pull--1of8 {
-    margin-right: 12.5%
-}
-
-.g-b--pull--3of8 {
-    margin-right: 37.5%
-}
-
-.g-b--pull--5of8 {
-    margin-right: 62.5%
-}
-
-.g-b--pull--7of8 {
-    margin-right: 87.5%
-}
-
-.g-b--pull--1of10 {
-    margin-right: 10%
-}
-
-.g-b--pull--3of10 {
-    margin-right: 30%
-}
-
-.g-b--pull--7of10 {
-    margin-right: 70%
-}
-
-.g-b--pull--9of10 {
-    margin-right: 90%
-}
-
-.g-b--pull--1of12 {
-    margin-right: 8.333%
-}
-
-.g-b--pull--5of12 {
-    margin-right: 41.666%
-}
-
-.g-b--pull--7of12 {
-    margin-right: 58.333%
-}
-
-.g-b--pull--11of12 {
-    margin-right: 91.666%
-}
-
-.splashscreen {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: #373D49;
-    z-index: 22
-}
-
-.splashscreen-dillinger {
-    width: 260px;
-    height: auto;
-    display: block;
-    margin: 0 auto;
-    padding-bottom: 3rem
-}
-
-.splashscreen p {
-    font-size: 1.25rem;
-    padding-top: .56251rem;
-    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-    font-weight: 400;
-    text-align: center;
-    max-width: 500px;
-    margin: 0 auto;
-    color: #FFF
-}
-
-.sp-center {
-    position: relative;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-    top: 50%
-}
-
-.open-menu>.wrapper {
-    overflow-x: hidden
-}
-
-.page {
-    margin: 0 auto;
-    position: relative;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 2;
-    -webkit-transition: all .25s ease-in-out;
-    transition: all .25s ease-in-out;
-    background-color: #fff;
-    padding-top: 51px;
-    will-change: left
-}
-
-.open-menu .page {
-    left: 270px
-}
-
-.title {
-    line-height: 1rem;
-    font-size: .8rem;
-    margin-bottom: .77999rem;
-    padding-top: .22001rem;
-    font-weight: 500;
-    color: #A0AABF;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    padding-left: 16px;
-    padding-right: 16px;
-    margin-top: 1rem
-}
-
-.split-preview .title {
-    padding-left: 0
-}
-
-.title-document {
-    line-height: 1rem;
-    font-size: 1.25rem;
-    margin-bottom: .89999rem;
-    padding-top: .10001rem;
-    font-weight: 400;
-    font-family: "Ubuntu Mono",Monaco;
-    color: #373D49;
-    padding-left: 16px;
-    padding-right: 16px;
-    width: 80%;
-    min-width: 300px;
-    outline: 0;
-    border: none
-}
-
-.icon {
-    display: block;
-    margin: 0 auto;
-    width: 36px;
-    height: 36px;
-    border-radius: 3px;
-    text-align: center
-}
-
-.icon svg {
-    display: inline-block;
-    margin-left: auto;
-    margin-right: auto
-}
-
-.icon-preview {
-    background-color: #373D49;
-    line-height: 40px
-}
-
-.icon-preview svg {
-    width: 19px;
-    height: 12px
-}
-
-.icon-settings {
-    background-color: #373D49;
-    line-height: 44px
-}
-
-.icon-settings svg {
-    width: 18px;
-    height: 18px
-}
-
-.icon-link {
-    width: 16px;
-    height: 16px;
-    line-height: 1;
-    margin-right: 24px;
-    text-align: right
-}
-
-.navbar {
-    background-color: #373D49;
-    height: 51px;
-    width: 100%;
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 6;
-    -webkit-transition: all .25s ease-in-out;
-    transition: all .25s ease-in-out;
-    will-change: left
-}
-
-.navbar:after {
-    content: "";
-    display: table;
-    clear: both
-}
-
-.open-menu .navbar {
-    left: 270px
-}
-
-.navbar-brand {
-    float: left;
-    margin: 0 0 0 24px;
-    padding: 0;
-    line-height: 42px
-}
-
-.navbar-brand svg {
-    width: 85px;
-    height: 11px
-}
-
-.nav-left {
-    float: left
-}
-
-.nav-right {
-    float: right
-}
-
-.nav-sidebar {
-    width: 100%
-}
-
-.menu {
-    list-style: none;
-    padding: 0;
-    margin: 0
-}
-
-.menu a {
-    border: 0;
-    color: #A0AABF;
-    text-transform: uppercase;
-    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-    outline: none
-}
-
-.menu a:hover {
-    color: #35D7BB
-}
-
-.menu .menu-item {
-    display: none;
-    float: left;
-    margin: 0;
-    border: 0;
-    position: relative
-}
-
-.menu .menu-item>a {
-    line-height: 51px;
-    padding: 0 24px;
-    display: block;
-    height: 51px;
-    font-size: 12px;
-    letter-spacing: 1px
-}
-
-.menu .menu-item--settings,.menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar,.menu .menu-item--link-unlink.in-sidebar,.menu .menu-item--documents.in-sidebar {
-    display: block
-}
-
-.menu .menu-item--documents {
-    padding-bottom: 1rem
-}
-
-.menu .menu-item.open>a {
-    background-color: #1D212A
-}
-
-.menu .menu-item-icon>a {
-    padding: 0;
-    height: auto
-}
-
-.menu .menu-item-icon:hover>a {
-    background-color: transparent
-}
-
-.menu .menu-link.open i {
-    background-color: #1D212A
-}
-
-.menu .menu-link.open g {
-    fill: #35D7BB
-}
-
-.menu .menu-link-preview,.menu .menu-link-settings {
-    margin-top: 8px;
-    width: 51px
-}
-
-.menu-sidebar {
-    width: 100%
-}
-
-.menu-sidebar .menu-item {
-    width: 100%;
-    float: none;
-    margin-bottom: 1px
-}
-
-.menu-sidebar .menu-item.open>a {
-    background-color: #373D49
-}
-
-.menu-sidebar .open .caret {
-    -webkit-transform: rotate(180deg);
-    -ms-transform: rotate(180deg);
-    transform: rotate(180deg)
-}
-
-.menu-sidebar>.menu-item:hover .dropdown a,.menu-sidebar>.menu-item:hover .dropdown .settings {
-    background-color: transparent
-}
-
-.menu-sidebar .menu-link {
-    background-color: #373D49;
-    font-weight: 600
-}
-
-.menu-sidebar .menu-link:after {
-    content: "";
-    display: table;
-    clear: both
-}
-
-.menu-sidebar .menu-link>span {
-    float: left
-}
-
-.menu-sidebar .menu-link>.caret {
-    text-align: right;
-    float: right;
-    top: 22px
-}
-
-.menu-sidebar .dropdown,.menu-sidebar .settings {
-    width: 100%;
-    background-color: transparent;
-    position: static
-}
-
-.dropdown {
-    position: absolute;
-    right: 0;
-    top: 51px;
-    width: 188px
-}
-
-.dropdown,.settings {
-    display: none;
-    background-color: #1D212A
-}
-
-.dropdown {
-    padding: 0
-}
-
-.dropdown,.settings,.sidebar-list {
-    list-style: none;
-    margin: 0
-}
-
-.sidebar-list {
-    padding: 0
-}
-
-.dropdown li,.dropdown .settings,.sidebar-list li {
-    line-height: 1;
-    margin: 32px 0;
-    padding: 0 0 0 32px
-}
-
-.dropdown a,.dropdown .settings,.sidebar-list a {
-    color: #D0D6E2;
-    display: block;
-    text-transform: none
-}
-
-.dropdown a:after,.dropdown .settings,.sidebar-list a:after {
-    content: "";
-    display: table;
-    clear: both
-}
-
-.dropdown .icon,.dropdown .settings,.sidebar-list .icon {
-    float: right
-}
-
-.open .dropdown,.open .settings,.open .sidebar-list {
-    display: block
-}
-
-.open .dropdown.collapse,.open .collapse.settings,.open .sidebar-list.collapse {
-    display: none
-}
-
-.open .dropdown.collapse.in,.open .collapse.in.settings,.open .sidebar-list.collapse.in {
-    display: block
-}
-
-.dropdown .unlinked .icon,.dropdown .unlinked .settings,.sidebar-list .unlinked .icon {
-    opacity: .3
-}
-
-.dropdown.documents li,.dropdown.documents .documents.settings,.sidebar-list.documents li {
-    background-image: url('../img/icons/file.svg');
-    background-position: 240px center;
-    background-repeat: no-repeat;
-    background-size: 14px 16px;
-    padding: 3px 32px
-}
-
-.dropdown.documents li.octocat,.dropdown.documents .documents.settings,.sidebar-list.documents li.octocat {
-    background-image: url('../img/icons/octocat.svg');
-    background-position: 234px center;
-    background-size: 24px 24px
-}
-
-.dropdown.documents li:last-child,.dropdown.documents .documents.settings,.sidebar-list.documents li:last-child {
-    margin-bottom: 1rem
-}
-
-.dropdown.documents li.active a,.dropdown.documents li.active .documents.settings,.sidebar-list.documents li.active a {
-    color: #35D7BB
-}
-
-.settings {
-    position: fixed;
-    top: 67px;
-    right: 16px;
-    border-radius: 3px;
-    width: 288px;
-    background-color: #373D49;
-    padding: 16px;
-    z-index: 7
-}
-
-.show-settings .settings {
-    display: block
-}
-
-.settings .has-checkbox {
-    float: left
-}
-
-.settings a {
-    font-size: 1.25rem;
-    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-    font-weight: 400;
-    -webkit-font-smoothing: antialiased;
-    line-height: 28px;
-    color: #D0D6E2
-}
-
-.settings a:after {
-    content: "";
-    display: table;
-    clear: both
-}
-
-.settings a:hover {
-    color: #35D7BB
-}
-
-.settings li {
-    border-bottom: 1px solid #4F535B;
-    margin: 0;
-    padding: 16px 0
-}
-
-.settings li:last-child {
-    border-bottom: none
-}
-
-.brand {
-    border: none;
-    display: block
-}
-
-.brand:hover g {
-    fill: #35D7BB
-}
-
-.toggle {
-    display: block;
-    width: 40px;
-    height: 16px;
-    padding: 25px 16px 26px;
-    float: left
-}
-
-.toggle span:after,.toggle span:before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: -6px
-}
-
-.toggle span:after {
-    top: 6px
-}
-
-.toggle span {
-    position: relative;
-    display: block
-}
-
-.toggle span,.toggle span:after,.toggle span:before {
-    width: 20px;
-    height: 2px;
-    background-color: #D3DAEA;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden
-}
-
-.open-menu .toggle span,.toggle:hover span {
-    background-color: transparent
-}
-
-.open-menu .toggle span:before,.toggle:hover span:before {
-    -webkit-transform: rotate(45deg)translate(3px,3px);
-    -ms-transform: rotate(45deg)translate(3px,3px);
-    transform: rotate(45deg)translate(3px,3px)
-}
-
-.open-menu .toggle span:after,.toggle:hover span:after {
-    -webkit-transform: rotate(-45deg)translate(5px,-6px);
-    -ms-transform: rotate(-45deg)translate(5px,-6px);
-    transform: rotate(-45deg)translate(5px,-6px)
-}
-
-.caret {
-    display: inline-block;
-    width: 0;
-    height: 0;
-    margin-left: 6px;
-    vertical-align: middle;
-    position: relative;
-    top: -1px;
-    border-top: 4px solid;
-    border-right: 4px solid transparent;
-    border-left: 4px solid transparent
-}
-
-.sidebar {
-    overflow: auto;
-    height: 100%;
-    padding-right: 15px;
-    padding-bottom: 15px;
-    width: 285px
-}
-
-.sidebar-wrapper {
-    -webkit-overflow-scrolling: touch;
-    background-color: #2B2F36;
-    left: 0;
-    height: 100%;
-    overflow-y: hidden;
-    position: fixed;
-    top: 0;
-    width: 285px;
-    z-index: 1
-}
-
-.sidebar-branding {
-    width: 160px;
-    padding: 0;
-    margin: 16px auto
-}
-
-.header {
-    border-bottom: 1px solid #E8E8E8;
-    position: relative
-}
-
-.words {
-    line-height: 1rem;
-    font-size: .8rem;
-    margin-bottom: .77999rem;
-    padding-top: .22001rem;
-    font-weight: 500;
-    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-    color: #A0AABF;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    z-index: 5;
-    position: absolute;
-    right: 16px;
-    top: 0
-}
-
-.words span {
-    color: #000
-}
-
-.btn {
-    text-align: center;
-    display: inline-block;
-    width: 100%;
-    text-transform: uppercase;
-    font-weight: 600;
-    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-    font-size: 14px;
-    text-shadow: 0 1px 0 #1b8b76;
-    padding: 16px 24px;
-    background-color: #35D7BB;
-    border-radius: 3px;
-    margin: 0 auto 16px;
-    line-height: 1;
-    color: #fff;
-    -webkit-transition: all .15s linear;
-    transition: all .15s linear;
-    -webkit-font-smoothing: antialiased
-}
-
-.btn--new,.btn--save {
-    display: block;
-    width: 238px
-}
-
-.btn--new:hover,.btn--new:focus,.btn--save:hover,.btn--save:focus {
-    color: #fff;
-    border-bottom-color: transparent;
-    box-shadow: 0 1px 3px #24b59b;
-    text-shadow: 0 1px 0 #24b59b
-}
-
-.btn--save {
-    background-color: #4A5261;
-    text-shadow: 0 1px 1px #1e2127
-}
-
-.btn--save:hover,.btn--save:focus {
-    color: #fff;
-    border-bottom-color: transparent;
-    box-shadow: 0 1px 5px #08090a;
-    text-shadow: none
-}
-
-.btn--delete {
-    display: block;
-    width: 238px;
-    background-color: transparent;
-    font-size: 12px;
-    text-shadow: none
-}
-
-.btn--delete:hover,.btn--delete:focus {
-    color: #fff;
-    border-bottom-color: transparent;
-    text-shadow: 0 1px 0 #08090a;
-    opacity: .8
-}
-
-.btn--ok,.btn--close {
-    border-top: 0;
-    background-color: #4A5261;
-    text-shadow: 0 1px 0 #08090a;
-    margin: 0
-}
-
-.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus {
-    color: #fff;
-    background-color: #292d36;
-    text-shadow: none
-}
-
-.overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(55,61,73,.8);
-    -webkit-transition: all .25s ease-in-out;
-    transition: all .25s ease-in-out;
-    -webkit-transition-timing-function: ease-out;
-    transition-timing-function: ease-out;
-    will-change: left,opacity,visibility;
-    z-index: 5;
-    opacity: 0;
-    visibility: hidden
-}
-
-.show-settings .overlay {
-    visibility: visible;
-    opacity: 1
-}
-
-.switch {
-    float: right;
-    line-height: 1
-}
-
-.switch input {
-    display: none
-}
-
-.switch small {
-    display: inline-block;
-    cursor: pointer;
-    padding: 0 24px 0 0;
-    -webkit-transition: all ease .2s;
-    transition: all ease .2s;
-    background-color: #2B2F36;
-    border-color: #2B2F36
-}
-
-.switch small,.switch small:before {
-    border-radius: 30px;
-    box-shadow: inset 0 0 2px 0 #14171F
-}
-
-.switch small:before {
-    display: block;
-    content: '';
-    width: 28px;
-    height: 28px;
-    background: #fff
-}
-
-.switch.checked small {
-    padding-right: 0;
-    padding-left: 24px;
-    background-color: #35D7BB;
-    box-shadow: none
-}
-
-.modal--dillinger.about .modal-dialog {
-    font-size: 1.25rem;
-    max-width: 500px
-}
-
-.modal--dillinger .modal-dialog {
-    max-width: 600px;
-    width: auto;
-    margin: 5rem auto
-}
-
-.modal--dillinger .modal-content {
-    background: #373D49;
-    border-radius: 3px;
-    box-shadow: 0 2px 5px 0 #2C3B59;
-    color: #fff;
-    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-    font-weight: 400;
-    padding: 2rem
-}
-
-.modal--dillinger ul {
-    list-style-type: disc;
-    margin: 1rem 0;
-    padding: 0 0 0 1rem
-}
-
-.modal--dillinger li {
-    padding: 0;
-    margin: 0
-}
-
-.modal--dillinger .modal-header {
-    border: 0;
-    padding: 0
-}
-
-.modal--dillinger .modal-body {
-    padding: 0
-}
-
-.modal--dillinger .modal-footer {
-    border: 0;
-    padding: 0
-}
-
-.modal--dillinger .close {
-    color: #fff;
-    opacity: 1
-}
-
-.modal-backdrop {
-    background-color: #373D49
-}
-
-.pagination--dillinger {
-    padding: 0!important;
-    margin: 1.5rem 0!important;
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-align-content: stretch;
-    -ms-flex-line-pack: stretch;
-    align-content: stretch
-}
-
-.pagination--dillinger,.pagination--dillinger li {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex
-}
-
-.pagination--dillinger li {
-    -webkit-box-flex: 1;
-    -webkit-flex-grow: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    text-align: center
-}
-
-.pagination--dillinger li:first-child>a,.pagination--dillinger li.disabled>a,.pagination--dillinger li.disabled>a:hover,.pagination--dillinger li.disabled>a:focus,.pagination--dillinger li>a {
-    background-color: transparent;
-    border-color: #4F535B;
-    border-right-color: transparent
-}
-
-.pagination--dillinger li.active>a,.pagination--dillinger li.active>a:hover,.pagination--dillinger li.active>a:focus {
-    border-color: #4A5261;
-    background-color: #4A5261;
-    color: #fff
-}
-
-.pagination--dillinger li>a {
-    float: none;
-    color: #fff;
-    width: 100%;
-    display: block;
-    text-align: center;
-    margin: 0;
-    border-right-color: transparent;
-    padding: 6px
-}
-
-.pagination--dillinger li>a:hover,.pagination--dillinger li>a:focus {
-    border-color: #35D7BB;
-    background-color: #35D7BB;
-    color: #fff
-}
-
-.pagination--dillinger li:last-child a {
-    border-color: #4F535B
-}
-
-.pagination--dillinger li:first-child a {
-    border-right-color: transparent
-}
-
-.diNotify {
-    position: absolute;
-    z-index: 9999;
-    left: 0;
-    right: 0;
-    top: 0;
-    margin: 0 auto;
-    max-width: 400px;
-    text-align: center;
-    -webkit-transition: top .5s ease-in-out,opacity .5s ease-in-out;
-    transition: top .5s ease-in-out,opacity .5s ease-in-out;
-    visibility: hidden
-}
-
-.diNotify-body {
-    -webkit-font-smoothing: antialiased;
-    background-color: #35D7BB;
-    background: #666E7F;
-    border-radius: 3px;
-    color: #fff;
-    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
-    font-weight: 400;
-    overflow: hidden;
-    padding: 1rem 2rem .5rem;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: baseline;
-    -webkit-align-items: baseline;
-    -ms-flex-align: baseline;
-    align-items: baseline;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
-    justify-content: center
-}
-
-.diNotify-icon {
-    display: block;
-    width: 16px;
-    height: 16px;
-    line-height: 16px;
-    position: relative;
-    top: 3px
-}
-
-.diNotify-message {
-    padding-left: 1rem
-}
-
-.zen-wrapper {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 10;
-    background-color: #FFF;
-    opacity: 0;
-    -webkit-transition: opacity .25s ease-in-out;
-    transition: opacity .25s ease-in-out
-}
-
-.zen-wrapper.on {
-    opacity: 1
-}
-
-.enter-zen-mode {
-    background-image: url('../img/icons/enter-zen.svg');
-    right: .5rem;
-    top: .5rem;
-    display: none
-}
-
-.enter-zen-mode,.close-zen-mode {
-    font: 0/0 a;
-    color: transparent;
-    text-shadow: none;
-    background-color: transparent;
-    border: 0;
-    background-repeat: no-repeat;
-    width: 32px;
-    height: 32px;
-    display: block;
-    position: absolute
-}
-
-.close-zen-mode {
-    background-image: url('../img/icons/exit-zen.svg');
-    right: 1rem;
-    top: 1rem
-}
-
-.zen-page {
-    position: relative;
-    top: 0;
-    bottom: 0;
-    z-index: 11;
-    height: 100%;
-    width: 100%
-}
-
-#zen {
-    font-size: 1.25rem;
-    width: 300px;
-    height: 80%;
-    margin: 0 auto;
-    position: relative;
-    top: 10%
-}
-
-#zen:before,#zen:after {
-    content: "";
-    position: absolute;
-    height: 10%;
-    width: 100%;
-    z-index: 12;
-    pointer-events: none
-}
-
-#zen:after {
-    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0)0%,#fff 100%);
-    background-image: linear-gradient(-180deg,rgba(255,255,255,0)0%,#fff 100%);
-    bottom: 0
-}
-
-.split {
-    overflow: scroll
-}
-
-.split-editor {
-    padding-left: 0;
-    padding-right: 0;
-    position: relative
-}
-
-.show-preview .split-editor {
-    display: none
-}
-
-.split-preview {
-    background-color: #fff;
-    display: none;
-    position: absolute;
-    top: 129px;
-    z-index: 4
-}
-
-.show-preview .split-preview {
-    display: block
-}
-
-#editor {
-    font-size: 1rem;
-    font-family: "Ubuntu Mono",Monaco;
-    font-weight: 400;
-    line-height: 2rem;
-    width: 100%;
-    height: 100%
-}
-
-#editor .ace_gutter {
-    -webkit-font-smoothing: antialiased
-}
-
-#preview a {
-    color: #A0AABF;
-    text-decoration: underline
-}
-
-.sr-only {
-    visibility: hidden;
-    text-overflow: 110%;
-    overflow: hidden;
-    top: -100px;
-    position: absolute
-}
-
-.mnone {
-    margin: 0!important
-}
-
-@media screen and (min-width:27.5em) {
-    html {
-        font-size: .875em
-    }
-
-    body {
-        font-size: 1rem
-    }
-
-    ul,ol {
-        margin-bottom: .83999rem;
-        padding-top: .16001rem
-    }
-
-    p {
-        padding-top: .66001rem
-    }
-
-    p,pre {
-        margin-bottom: 1.33999rem
-    }
-
-    pre,blockquote p {
-        font-size: 1rem;
-        padding-top: .66001rem
-    }
-
-    blockquote p {
-        margin-bottom: .33999rem
-    }
-
-    h1 {
-        font-size: 2.05714rem;
-        margin-bottom: .21999rem;
-        padding-top: .78001rem
-    }
-
-    h2 {
-        font-size: 1.95312rem;
-        margin-bottom: .18358rem;
-        padding-top: .81642rem
-    }
-
-    h3 {
-        font-size: 1.64571rem;
-        margin-bottom: .07599rem;
-        padding-top: .92401rem
-    }
-
-    h4 {
-        font-size: 1.5625rem;
-        margin-bottom: .54686rem;
-        padding-top: .45314rem
-    }
-
-    h5 {
-        font-size: 1.25rem;
-        margin-bottom: -.56251rem;
-        padding-top: .56251rem
-    }
-
-    h6 {
-        font-size: 1rem;
-        margin-bottom: -.65001rem;
-        padding-top: .65001rem
-    }
-
-    .g {
-        margin-left: -16px;
-        margin-right: -16px
-    }
-
-    .g-b {
-        padding-left: 16px;
-        padding-right: 16px
-    }
-
-    .g-b--m1of1 {
-        width: 100%
-    }
-
-    .g-b--m1of2,.g-b--m2of4,.g-b--m3of6,.g-b--m4of8,.g-b--m5of10,.g-b--m6of12 {
-        width: 50%
-    }
-
-    .g-b--m1of3,.g-b--m2of6,.g-b--m4of12 {
-        width: 33.333%
-    }
-
-    .g-b--m2of3,.g-b--m4of6,.g-b--m8of12 {
-        width: 66.666%
-    }
-
-    .g-b--m1of4,.g-b--m2of8,.g-b--m3of12 {
-        width: 25%
-    }
-
-    .g-b--m3of4,.g-b--m6of8,.g-b--m9of12 {
-        width: 75%
-    }
-
-    .g-b--m1of5,.g-b--m2of10 {
-        width: 20%
-    }
-
-    .g-b--m2of5,.g-b--m4of10 {
-        width: 40%
-    }
-
-    .g-b--m3of5,.g-b--m6of10 {
-        width: 60%
-    }
-
-    .g-b--m4of5,.g-b--m8of10 {
-        width: 80%
-    }
-
-    .g-b--m1of6,.g-b--m2of12 {
-        width: 16.666%
-    }
-
-    .g-b--m5of6,.g-b--m10of12 {
-        width: 83.333%
-    }
-
-    .g-b--m1of8 {
-        width: 12.5%
-    }
-
-    .g-b--m3of8 {
-        width: 37.5%
-    }
-
-    .g-b--m5of8 {
-        width: 62.5%
-    }
-
-    .g-b--m7of8 {
-        width: 87.5%
-    }
-
-    .g-b--m1of10 {
-        width: 10%
-    }
-
-    .g-b--m3of10 {
-        width: 30%
-    }
-
-    .g-b--m7of10 {
-        width: 70%
-    }
-
-    .g-b--m9of10 {
-        width: 90%
-    }
-
-    .g-b--m1of12 {
-        width: 8.333%
-    }
-
-    .g-b--m5of12 {
-        width: 41.666%
-    }
-
-    .g-b--m7of12 {
-        width: 58.333%
-    }
-
-    .g-b--m11of12 {
-        width: 91.666%
-    }
-
-    .g-b--push--m1of1 {
-        margin-left: 100%
-    }
-
-    .g-b--push--m1of2,.g-b--push--m2of4,.g-b--push--m3of6,.g-b--push--m4of8,.g-b--push--m5of10,.g-b--push--m6of12 {
-        margin-left: 50%
-    }
-
-    .g-b--push--m1of3,.g-b--push--m2of6,.g-b--push--m4of12 {
-        margin-left: 33.333%
-    }
-
-    .g-b--push--m2of3,.g-b--push--m4of6,.g-b--push--m8of12 {
-        margin-left: 66.666%
-    }
-
-    .g-b--push--m1of4,.g-b--push--m2of8,.g-b--push--m3of12 {
-        margin-left: 25%
-    }
-
-    .g-b--push--m3of4,.g-b--push--m6of8,.g-b--push--m9of12 {
-        margin-left: 75%
-    }
-
-    .g-b--push--m1of5,.g-b--push--m2of10 {
-        margin-left: 20%
-    }
-
-    .g-b--push--m2of5,.g-b--push--m4of10 {
-        margin-left: 40%
-    }
-
-    .g-b--push--m3of5,.g-b--push--m6of10 {
-        margin-left: 60%
-    }
-
-    .g-b--push--m4of5,.g-b--push--m8of10 {
-        margin-left: 80%
-    }
-
-    .g-b--push--m1of6,.g-b--push--m2of12 {
-        margin-left: 16.666%
-    }
-
-    .g-b--push--m5of6,.g-b--push--m10of12 {
-        margin-left: 83.333%
-    }
-
-    .g-b--push--m1of8 {
-        margin-left: 12.5%
-    }
-
-    .g-b--push--m3of8 {
-        margin-left: 37.5%
-    }
-
-    .g-b--push--m5of8 {
-        margin-left: 62.5%
-    }
-
-    .g-b--push--m7of8 {
-        margin-left: 87.5%
-    }
-
-    .g-b--push--m1of10 {
-        margin-left: 10%
-    }
-
-    .g-b--push--m3of10 {
-        margin-left: 30%
-    }
-
-    .g-b--push--m7of10 {
-        margin-left: 70%
-    }
-
-    .g-b--push--m9of10 {
-        margin-left: 90%
-    }
-
-    .g-b--push--m1of12 {
-        margin-left: 8.333%
-    }
-
-    .g-b--push--m5of12 {
-        margin-left: 41.666%
-    }
-
-    .g-b--push--m7of12 {
-        margin-left: 58.333%
-    }
-
-    .g-b--push--m11of12 {
-        margin-left: 91.666%
-    }
-
-    .g-b--pull--m1of1 {
-        margin-right: 100%
-    }
-
-    .g-b--pull--m1of2,.g-b--pull--m2of4,.g-b--pull--m3of6,.g-b--pull--m4of8,.g-b--pull--m5of10,.g-b--pull--m6of12 {
-        margin-right: 50%
-    }
-
-    .g-b--pull--m1of3,.g-b--pull--m2of6,.g-b--pull--m4of12 {
-        margin-right: 33.333%
-    }
-
-    .g-b--pull--m2of3,.g-b--pull--m4of6,.g-b--pull--m8of12 {
-        margin-right: 66.666%
-    }
-
-    .g-b--pull--m1of4,.g-b--pull--m2of8,.g-b--pull--m3of12 {
-        margin-right: 25%
-    }
-
-    .g-b--pull--m3of4,.g-b--pull--m6of8,.g-b--pull--m9of12 {
-        margin-right: 75%
-    }
-
-    .g-b--pull--m1of5,.g-b--pull--m2of10 {
-        margin-right: 20%
-    }
-
-    .g-b--pull--m2of5,.g-b--pull--m4of10 {
-        margin-right: 40%
-    }
-
-    .g-b--pull--m3of5,.g-b--pull--m6of10 {
-        margin-right: 60%
-    }
-
-    .g-b--pull--m4of5,.g-b--pull--m8of10 {
-        margin-right: 80%
-    }
-
-    .g-b--pull--m1of6,.g-b--pull--m2of12 {
-        margin-right: 16.666%
-    }
-
-    .g-b--pull--m5of6,.g-b--pull--m10of12 {
-        margin-right: 83.333%
-    }
-
-    .g-b--pull--m1of8 {
-        margin-right: 12.5%
-    }
-
-    .g-b--pull--m3of8 {
-        margin-right: 37.5%
-    }
-
-    .g-b--pull--m5of8 {
-        margin-right: 62.5%
-    }
-
-    .g-b--pull--m7of8 {
-        margin-right: 87.5%
-    }
-
-    .g-b--pull--m1of10 {
-        margin-right: 10%
-    }
-
-    .g-b--pull--m3of10 {
-        margin-right: 30%
-    }
-
-    .g-b--pull--m7of10 {
-        margin-right: 70%
-    }
-
-    .g-b--pull--m9of10 {
-        margin-right: 90%
-    }
-
-    .g-b--pull--m1of12 {
-        margin-right: 8.333%
-    }
-
-    .g-b--pull--m5of12 {
-        margin-right: 41.666%
-    }
-
-    .g-b--pull--m7of12 {
-        margin-right: 58.333%
-    }
-
-    .g-b--pull--m11of12 {
-        margin-right: 91.666%
-    }
-
-    .splashscreen p {
-        font-size: 1.25rem;
-        margin-bottom: 1.43749rem;
-        padding-top: .56251rem
-    }
-
-    .title {
-        font-size: .8rem;
-        margin-bottom: .77999rem;
-        padding-top: .22001rem
-    }
-
-    .title-document {
-        margin-bottom: .89999rem;
-        padding-top: .10001rem
-    }
-
-    .title-document,.settings a {
-        font-size: 1.25rem
-    }
-
-    .words {
-        font-size: .8rem;
-        margin-bottom: .77999rem;
-        padding-top: .22001rem
-    }
-
-    .modal--dillinger.about .modal-dialog,#zen {
-        font-size: 1.25rem
-    }
-
-    #zen {
-        width: 400px
-    }
-
-    #editor {
-        font-size: 1rem
-    }
-}
-
-@media screen and (min-width:46.25em) {
-    html {
-        font-size: .875em
-    }
-
-    body {
-        font-size: 1rem
-    }
-
-    ul,ol {
-        margin-bottom: .83999rem;
-        padding-top: .16001rem
-    }
-
-    p {
-        padding-top: .66001rem
-    }
-
-    p,pre {
-        margin-bottom: 1.33999rem
-    }
-
-    pre,blockquote p {
-        font-size: 1rem;
-        padding-top: .66001rem
-    }
-
-    blockquote p {
-        margin-bottom: .33999rem
-    }
-
-    h1 {
-        font-size: 2.05714rem;
-        margin-bottom: .21999rem;
-        padding-top: .78001rem
-    }
-
-    h2 {
-        font-size: 1.95312rem;
-        margin-bottom: .18358rem;
-        padding-top: .81642rem
-    }
-
-    h3 {
-        font-size: 1.64571rem;
-        margin-bottom: .07599rem;
-        padding-top: .92401rem
-    }
-
-    h4 {
-        font-size: 1.5625rem;
-        margin-bottom: .54686rem;
-        padding-top: .45314rem
-    }
-
-    h5 {
-        font-size: 1.25rem;
-        margin-bottom: -.56251rem;
-        padding-top: .56251rem
-    }
-
-    h6 {
-        font-size: 1rem;
-        margin-bottom: -.65001rem;
-        padding-top: .65001rem
-    }
-
-    .g {
-        margin-left: -16px;
-        margin-right: -16px
-    }
-
-    .g-b {
-        padding-left: 16px;
-        padding-right: 16px
-    }
-
-    .g-b--t1of1 {
-        width: 100%
-    }
-
-    .g-b--t1of2,.g-b--t2of4,.g-b--t3of6,.g-b--t4of8,.g-b--t5of10,.g-b--t6of12 {
-        width: 50%
-    }
-
-    .g-b--t1of3,.g-b--t2of6,.g-b--t4of12 {
-        width: 33.333%
-    }
-
-    .g-b--t2of3,.g-b--t4of6,.g-b--t8of12 {
-        width: 66.666%
-    }
-
-    .g-b--t1of4,.g-b--t2of8,.g-b--t3of12 {
-        width: 25%
-    }
-
-    .g-b--t3of4,.g-b--t6of8,.g-b--t9of12 {
-        width: 75%
-    }
-
-    .g-b--t1of5,.g-b--t2of10 {
-        width: 20%
-    }
-
-    .g-b--t2of5,.g-b--t4of10 {
-        width: 40%
-    }
-
-    .g-b--t3of5,.g-b--t6of10 {
-        width: 60%
-    }
-
-    .g-b--t4of5,.g-b--t8of10 {
-        width: 80%
-    }
-
-    .g-b--t1of6,.g-b--t2of12 {
-        width: 16.666%
-    }
-
-    .g-b--t5of6,.g-b--t10of12 {
-        width: 83.333%
-    }
-
-    .g-b--t1of8 {
-        width: 12.5%
-    }
-
-    .g-b--t3of8 {
-        width: 37.5%
-    }
-
-    .g-b--t5of8 {
-        width: 62.5%
-    }
-
-    .g-b--t7of8 {
-        width: 87.5%
-    }
-
-    .g-b--t1of10 {
-        width: 10%
-    }
-
-    .g-b--t3of10 {
-        width: 30%
-    }
-
-    .g-b--t7of10 {
-        width: 70%
-    }
-
-    .g-b--t9of10 {
-        width: 90%
-    }
-
-    .g-b--t1of12 {
-        width: 8.333%
-    }
-
-    .g-b--t5of12 {
-        width: 41.666%
-    }
-
-    .g-b--t7of12 {
-        width: 58.333%
-    }
-
-    .g-b--t11of12 {
-        width: 91.666%
-    }
-
-    .g-b--push--t1of1 {
-        margin-left: 100%
-    }
-
-    .g-b--push--t1of2,.g-b--push--t2of4,.g-b--push--t3of6,.g-b--push--t4of8,.g-b--push--t5of10,.g-b--push--t6of12 {
-        margin-left: 50%
-    }
-
-    .g-b--push--t1of3,.g-b--push--t2of6,.g-b--push--t4of12 {
-        margin-left: 33.333%
-    }
-
-    .g-b--push--t2of3,.g-b--push--t4of6,.g-b--push--t8of12 {
-        margin-left: 66.666%
-    }
-
-    .g-b--push--t1of4,.g-b--push--t2of8,.g-b--push--t3of12 {
-        margin-left: 25%
-    }
-
-    .g-b--push--t3of4,.g-b--push--t6of8,.g-b--push--t9of12 {
-        margin-left: 75%
-    }
-
-    .g-b--push--t1of5,.g-b--push--t2of10 {
-        margin-left: 20%
-    }
-
-    .g-b--push--t2of5,.g-b--push--t4of10 {
-        margin-left: 40%
-    }
-
-    .g-b--push--t3of5,.g-b--push--t6of10 {
-        margin-left: 60%
-    }
-
-    .g-b--push--t4of5,.g-b--push--t8of10 {
-        margin-left: 80%
-    }
-
-    .g-b--push--t1of6,.g-b--push--t2of12 {
-        margin-left: 16.666%
-    }
-
-    .g-b--push--t5of6,.g-b--push--t10of12 {
-        margin-left: 83.333%
-    }
-
-    .g-b--push--t1of8 {
-        margin-left: 12.5%
-    }
-
-    .g-b--push--t3of8 {
-        margin-left: 37.5%
-    }
-
-    .g-b--push--t5of8 {
-        margin-left: 62.5%
-    }
-
-    .g-b--push--t7of8 {
-        margin-left: 87.5%
-    }
-
-    .g-b--push--t1of10 {
-        margin-left: 10%
-    }
-
-    .g-b--push--t3of10 {
-        margin-left: 30%
-    }
-
-    .g-b--push--t7of10 {
-        margin-left: 70%
-    }
-
-    .g-b--push--t9of10 {
-        margin-left: 90%
-    }
-
-    .g-b--push--t1of12 {
-        margin-left: 8.333%
-    }
-
-    .g-b--push--t5of12 {
-        margin-left: 41.666%
-    }
-
-    .g-b--push--t7of12 {
-        margin-left: 58.333%
-    }
-
-    .g-b--push--t11of12 {
-        margin-left: 91.666%
-    }
-
-    .g-b--pull--t1of1 {
-        margin-right: 100%
-    }
-
-    .g-b--pull--t1of2,.g-b--pull--t2of4,.g-b--pull--t3of6,.g-b--pull--t4of8,.g-b--pull--t5of10,.g-b--pull--t6of12 {
-        margin-right: 50%
-    }
-
-    .g-b--pull--t1of3,.g-b--pull--t2of6,.g-b--pull--t4of12 {
-        margin-right: 33.333%
-    }
-
-    .g-b--pull--t2of3,.g-b--pull--t4of6,.g-b--pull--t8of12 {
-        margin-right: 66.666%
-    }
-
-    .g-b--pull--t1of4,.g-b--pull--t2of8,.g-b--pull--t3of12 {
-        margin-right: 25%
-    }
-
-    .g-b--pull--t3of4,.g-b--pull--t6of8,.g-b--pull--t9of12 {
-        margin-right: 75%
-    }
-
-    .g-b--pull--t1of5,.g-b--pull--t2of10 {
-        margin-right: 20%
-    }
-
-    .g-b--pull--t2of5,.g-b--pull--t4of10 {
-        margin-right: 40%
-    }
-
-    .g-b--pull--t3of5,.g-b--pull--t6of10 {
-        margin-right: 60%
-    }
-
-    .g-b--pull--t4of5,.g-b--pull--t8of10 {
-        margin-right: 80%
-    }
-
-    .g-b--pull--t1of6,.g-b--pull--t2of12 {
-        margin-right: 16.666%
-    }
-
-    .g-b--pull--t5of6,.g-b--pull--t10of12 {
-        margin-right: 83.333%
-    }
-
-    .g-b--pull--t1of8 {
-        margin-right: 12.5%
-    }
-
-    .g-b--pull--t3of8 {
-        margin-right: 37.5%
-    }
-
-    .g-b--pull--t5of8 {
-        margin-right: 62.5%
-    }
-
-    .g-b--pull--t7of8 {
-        margin-right: 87.5%
-    }
-
-    .g-b--pull--t1of10 {
-        margin-right: 10%
-    }
-
-    .g-b--pull--t3of10 {
-        margin-right: 30%
-    }
-
-    .g-b--pull--t7of10 {
-        margin-right: 70%
-    }
-
-    .g-b--pull--t9of10 {
-        margin-right: 90%
-    }
-
-    .g-b--pull--t1of12 {
-        margin-right: 8.333%
-    }
-
-    .g-b--pull--t5of12 {
-        margin-right: 41.666%
-    }
-
-    .g-b--pull--t7of12 {
-        margin-right: 58.333%
-    }
-
-    .g-b--pull--t11of12 {
-        margin-right: 91.666%
-    }
-
-    .splashscreen-dillinger {
-        width: 500px
-    }
-
-    .splashscreen p {
-        font-size: 1.25rem;
-        margin-bottom: 1.43749rem;
-        padding-top: .56251rem
-    }
-
-    .title {
-        font-size: .8rem;
-        margin-bottom: .77999rem;
-        padding-top: .22001rem
-    }
-
-    .title-document {
-        font-size: 1.25rem;
-        margin-bottom: .89999rem;
-        padding-top: .10001rem
-    }
-
-    .menu .menu-item--save-to,.menu .menu-item--import-from {
-        display: block
-    }
-
-    .menu .menu-item--preview,.menu .menu-item--save-to.in-sidebar,.menu .menu-item--import-from.in-sidebar {
-        display: none
-    }
-
-    .settings a {
-        font-size: 1.25rem
-    }
-
-    .words {
-        font-size: .8rem;
-        margin-bottom: .77999rem;
-        padding-top: .22001rem
-    }
-
-    .modal--dillinger.about .modal-dialog {
-        font-size: 1.25rem
-    }
-
-    .enter-zen-mode {
-        display: block
-    }
-
-    .close-zen-mode {
-        right: 3rem;
-        top: 3rem
-    }
-
-    #zen {
-        font-size: 1.25rem;
-        width: 500px
-    }
-
-    .split-editor {
-        border-right: 1px solid #E8E8E8;
-        float: left;
-        height: calc(100vh - 130px);
-        -webkit-overflow-scrolling: touch;
-        padding-right: 16px;
-        width: 50%
-    }
-
-    .show-preview .split-editor {
-        display: block
-    }
-
-    .split-preview {
-        display: block;
-        float: right;
-        height: calc(100vh - 130px);
-        -webkit-overflow-scrolling: touch;
-        position: static;
-        top: 0;
-        width: 50%
-    }
-
-    #editor {
-        font-size: 1rem
-    }
-}
-
-@media screen and (min-width:62.5em) {
-    html {
-        font-size: .875em
-    }
-
-    body {
-        font-size: 1rem
-    }
-
-    ul,ol {
-        margin-bottom: .83999rem;
-        padding-top: .16001rem
-    }
-
-    p {
-        padding-top: .66001rem
-    }
-
-    p,pre {
-        margin-bottom: 1.33999rem
-    }
-
-    pre,blockquote p {
-        font-size: 1rem;
-        padding-top: .66001rem
-    }
-
-    blockquote p {
-        margin-bottom: .33999rem
-    }
-
-    h1 {
-        font-size: 2.05714rem;
-        margin-bottom: .21999rem;
-        padding-top: .78001rem
-    }
-
-    h2 {
-        font-size: 1.95312rem;
-        margin-bottom: .18358rem;
-        padding-top: .81642rem
-    }
-
-    h3 {
-        font-size: 1.64571rem;
-        margin-bottom: .07599rem;
-        padding-top: .92401rem
-    }
-
-    h4 {
-        font-size: 1.5625rem;
-        margin-bottom: .54686rem;
-        padding-top: .45314rem
-    }
-
-    h5 {
-        font-size: 1.25rem;
-        margin-bottom: -.56251rem;
-        padding-top: .56251rem
-    }
-
-    h6 {
-        font-size: 1rem;
-        margin-bottom: -.65001rem;
-        padding-top: .65001rem
-    }
-
-    .g {
-        margin-left: -16px;
-        margin-right: -16px
-    }
-
-    .g-b {
-        padding-left: 16px;
-        padding-right: 16px
-    }
-
-    .g-b--d1of1 {
-        width: 100%
-    }
-
-    .g-b--d1of2,.g-b--d2of4,.g-b--d3of6,.g-b--d4of8,.g-b--d5of10,.g-b--d6of12 {
-        width: 50%
-    }
-
-    .g-b--d1of3,.g-b--d2of6,.g-b--d4of12 {
-        width: 33.333%
-    }
-
-    .g-b--d2of3,.g-b--d4of6,.g-b--d8of12 {
-        width: 66.666%
-    }
-
-    .g-b--d1of4,.g-b--d2of8,.g-b--d3of12 {
-        width: 25%
-    }
-
-    .g-b--d3of4,.g-b--d6of8,.g-b--d9of12 {
-        width: 75%
-    }
-
-    .g-b--d1of5,.g-b--d2of10 {
-        width: 20%
-    }
-
-    .g-b--d2of5,.g-b--d4of10 {
-        width: 40%
-    }
-
-    .g-b--d3of5,.g-b--d6of10 {
-        width: 60%
-    }
-
-    .g-b--d4of5,.g-b--d8of10 {
-        width: 80%
-    }
-
-    .g-b--d1of6,.g-b--d2of12 {
-        width: 16.666%
-    }
-
-    .g-b--d5of6,.g-b--d10of12 {
-        width: 83.333%
-    }
-
-    .g-b--d1of8 {
-        width: 12.5%
-    }
-
-    .g-b--d3of8 {
-        width: 37.5%
-    }
-
-    .g-b--d5of8 {
-        width: 62.5%
-    }
-
-    .g-b--d7of8 {
-        width: 87.5%
-    }
-
-    .g-b--d1of10 {
-        width: 10%
-    }
-
-    .g-b--d3of10 {
-        width: 30%
-    }
-
-    .g-b--d7of10 {
-        width: 70%
-    }
-
-    .g-b--d9of10 {
-        width: 90%
-    }
-
-    .g-b--d1of12 {
-        width: 8.333%
-    }
-
-    .g-b--d5of12 {
-        width: 41.666%
-    }
-
-    .g-b--d7of12 {
-        width: 58.333%
-    }
-
-    .g-b--d11of12 {
-        width: 91.666%
-    }
-
-    .g-b--push--d1of1 {
-        margin-left: 100%
-    }
-
-    .g-b--push--d1of2,.g-b--push--d2of4,.g-b--push--d3of6,.g-b--push--d4of8,.g-b--push--d5of10,.g-b--push--d6of12 {
-        margin-left: 50%
-    }
-
-    .g-b--push--d1of3,.g-b--push--d2of6,.g-b--push--d4of12 {
-        margin-left: 33.333%
-    }
-
-    .g-b--push--d2of3,.g-b--push--d4of6,.g-b--push--d8of12 {
-        margin-left: 66.666%
-    }
-
-    .g-b--push--d1of4,.g-b--push--d2of8,.g-b--push--d3of12 {
-        margin-left: 25%
-    }
-
-    .g-b--push--d3of4,.g-b--push--d6of8,.g-b--push--d9of12 {
-        margin-left: 75%
-    }
-
-    .g-b--push--d1of5,.g-b--push--d2of10 {
-        margin-left: 20%
-    }
-
-    .g-b--push--d2of5,.g-b--push--d4of10 {
-        margin-left: 40%
-    }
-
-    .g-b--push--d3of5,.g-b--push--d6of10 {
-        margin-left: 60%
-    }
-
-    .g-b--push--d4of5,.g-b--push--d8of10 {
-        margin-left: 80%
-    }
-
-    .g-b--push--d1of6,.g-b--push--d2of12 {
-        margin-left: 16.666%
-    }
-
-    .g-b--push--d5of6,.g-b--push--d10of12 {
-        margin-left: 83.333%
-    }
-
-    .g-b--push--d1of8 {
-        margin-left: 12.5%
-    }
-
-    .g-b--push--d3of8 {
-        margin-left: 37.5%
-    }
-
-    .g-b--push--d5of8 {
-        margin-left: 62.5%
-    }
-
-    .g-b--push--d7of8 {
-        margin-left: 87.5%
-    }
-
-    .g-b--push--d1of10 {
-        margin-left: 10%
-    }
-
-    .g-b--push--d3of10 {
-        margin-left: 30%
-    }
-
-    .g-b--push--d7of10 {
-        margin-left: 70%
-    }
-
-    .g-b--push--d9of10 {
-        margin-left: 90%
-    }
-
-    .g-b--push--d1of12 {
-        margin-left: 8.333%
-    }
-
-    .g-b--push--d5of12 {
-        margin-left: 41.666%
-    }
-
-    .g-b--push--d7of12 {
-        margin-left: 58.333%
-    }
-
-    .g-b--push--d11of12 {
-        margin-left: 91.666%
-    }
-
-    .g-b--pull--d1of1 {
-        margin-right: 100%
-    }
-
-    .g-b--pull--d1of2,.g-b--pull--d2of4,.g-b--pull--d3of6,.g-b--pull--d4of8,.g-b--pull--d5of10,.g-b--pull--d6of12 {
-        margin-right: 50%
-    }
-
-    .g-b--pull--d1of3,.g-b--pull--d2of6,.g-b--pull--d4of12 {
-        margin-right: 33.333%
-    }
-
-    .g-b--pull--d2of3,.g-b--pull--d4of6,.g-b--pull--d8of12 {
-        margin-right: 66.666%
-    }
-
-    .g-b--pull--d1of4,.g-b--pull--d2of8,.g-b--pull--d3of12 {
-        margin-right: 25%
-    }
-
-    .g-b--pull--d3of4,.g-b--pull--d6of8,.g-b--pull--d9of12 {
-        margin-right: 75%
-    }
-
-    .g-b--pull--d1of5,.g-b--pull--d2of10 {
-        margin-right: 20%
-    }
-
-    .g-b--pull--d2of5,.g-b--pull--d4of10 {
-        margin-right: 40%
-    }
-
-    .g-b--pull--d3of5,.g-b--pull--d6of10 {
-        margin-right: 60%
-    }
-
-    .g-b--pull--d4of5,.g-b--pull--d8of10 {
-        margin-right: 80%
-    }
-
-    .g-b--pull--d1of6,.g-b--pull--d2of12 {
-        margin-right: 16.666%
-    }
-
-    .g-b--pull--d5of6,.g-b--pull--d10of12 {
-        margin-right: 83.333%
-    }
-
-    .g-b--pull--d1of8 {
-        margin-right: 12.5%
-    }
-
-    .g-b--pull--d3of8 {
-        margin-right: 37.5%
-    }
-
-    .g-b--pull--d5of8 {
-        margin-right: 62.5%
-    }
-
-    .g-b--pull--d7of8 {
-        margin-right: 87.5%
-    }
-
-    .g-b--pull--d1of10 {
-        margin-right: 10%
-    }
-
-    .g-b--pull--d3of10 {
-        margin-right: 30%
-    }
-
-    .g-b--pull--d7of10 {
-        margin-right: 70%
-    }
-
-    .g-b--pull--d9of10 {
-        margin-right: 90%
-    }
-
-    .g-b--pull--d1of12 {
-        margin-right: 8.333%
-    }
-
-    .g-b--pull--d5of12 {
-        margin-right: 41.666%
-    }
-
-    .g-b--pull--d7of12 {
-        margin-right: 58.333%
-    }
-
-    .g-b--pull--d11of12 {
-        margin-right: 91.666%
-    }
-
-    .splashscreen-dillinger {
-        width: 700px
-    }
-
-    .splashscreen p {
-        font-size: 1.25rem;
-        margin-bottom: 1.43749rem;
-        padding-top: .56251rem
-    }
-
-    .title {
-        font-size: .8rem;
-        margin-bottom: .77999rem;
-        padding-top: .22001rem
-    }
-
-    .title-document {
-        font-size: 1.25rem;
-        margin-bottom: .89999rem;
-        padding-top: .10001rem
-    }
-
-    .menu .menu-item--export-as {
-        display: block
-    }
-
-    .menu .menu-item--preview {
-        display: none
-    }
-
-    .settings a {
-        font-size: 1.25rem
-    }
-
-    .words {
-        font-size: .8rem;
-        margin-bottom: .77999rem;
-        padding-top: .22001rem
-    }
-
-    .modal--dillinger.about .modal-dialog,#zen {
-        font-size: 1.25rem
-    }
-
-    #zen {
-        width: 700px
-    }
-
-    #editor {
-        font-size: 1rem
-    }
-}
-
-@media screen and (min-width:87.5em) {
-    html {
-        font-size: .875em
-    }
-
-    body {
-        font-size: 1rem
-    }
-
-    ul,ol {
-        margin-bottom: .83999rem;
-        padding-top: .16001rem
-    }
-
-    p {
-        padding-top: .66001rem
-    }
-
-    p,pre {
-        margin-bottom: 1.33999rem
-    }
-
-    pre,blockquote p {
-        font-size: 1rem;
-        padding-top: .66001rem
-    }
-
-    blockquote p {
-        margin-bottom: .33999rem
-    }
-
-    h1 {
-        font-size: 2.05714rem;
-        margin-bottom: .21999rem;
-        padding-top: .78001rem
-    }
-
-    h2 {
-        font-size: 1.95312rem;
-        margin-bottom: .18358rem;
-        padding-top: .81642rem
-    }
-
-    h3 {
-        font-size: 1.64571rem;
-        margin-bottom: .07599rem;
-        padding-top: .92401rem
-    }
-
-    h4 {
-        font-size: 1.5625rem;
-        margin-bottom: .54686rem;
-        padding-top: .45314rem
-    }
-
-    h5 {
-        font-size: 1.25rem;
-        margin-bottom: -.56251rem;
-        padding-top: .56251rem
-    }
-
-    h6 {
-        font-size: 1rem;
-        margin-bottom: -.65001rem;
-        padding-top: .65001rem
-    }
-
-    .splashscreen-dillinger {
-        width: 800px
-    }
-
-    .splashscreen p {
-        font-size: 1.25rem;
-        margin-bottom: 1.43749rem;
-        padding-top: .56251rem
-    }
-
-    .title {
-        font-size: .8rem;
-        margin-bottom: .77999rem;
-        padding-top: .22001rem
-    }
-
-    .title-document {
-        margin-bottom: .89999rem;
-        padding-top: .10001rem
-    }
-
-    .title-document,.settings a {
-        font-size: 1.25rem
-    }
-
-    .words {
-        font-size: .8rem;
-        margin-bottom: .77999rem;
-        padding-top: .22001rem
-    }
-
-    .modal--dillinger.about .modal-dialog,#zen {
-        font-size: 1.25rem
-    }
-
-    #editor {
-        font-size: 1rem
-    }
-}
-
-@media (min-width:768px) {
-    .form-inline .form-group {
-        display: inline-block;
-        margin-bottom: 0;
-        vertical-align: middle
-    }
-
-    .form-inline .form-control {
-        display: inline-block;
-        width: auto;
-        vertical-align: middle
-    }
-
-    .form-inline .input-group {
-        display: inline-table;
-        vertical-align: middle
-    }
-
-    .form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control {
-        width: auto
-    }
-
-    .form-inline .input-group>.form-control {
-        width: 100%
-    }
-
-    .form-inline .control-label {
-        margin-bottom: 0;
-        vertical-align: middle
-    }
-
-    .form-inline .radio,.form-inline .checkbox {
-        display: inline-block;
-        margin-top: 0;
-        margin-bottom: 0;
-        vertical-align: middle
-    }
-
-    .form-inline .radio label,.form-inline .checkbox label {
-        padding-left: 0
-    }
-
-    .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
-        position: relative;
-        margin-left: 0
-    }
-
-    .form-inline .has-feedback .form-control-feedback {
-        top: 0
-    }
-
-    .form-horizontal .control-label {
-        text-align: right;
-        margin-bottom: 0;
-        padding-top: 7px
-    }
-
-    .form-horizontal .form-group-lg .control-label {
-        padding-top: 14.3px
-    }
-
-    .form-horizontal .form-group-sm .control-label {
-        padding-top: 6px
-    }
-
-    .modal-dialog {
-        width: 600px;
-        margin: 30px auto
-    }
-
-    .modal-content {
-        box-shadow: 0 5px 15px rgba(0,0,0,.5)
-    }
-
-    .modal-sm {
-        width: 300px
-    }
-}
-
-@media (min-width:992px) {
-    .modal-lg {
-        width: 900px
-    }
-}
-
diff --git a/customize.dist/main.css b/customize.dist/main.css
deleted file mode 100644
index 5ce4e4b59..000000000
--- a/customize.dist/main.css
+++ /dev/null
@@ -1,1219 +0,0 @@
-/*  Logs are shown to inform the user that something has happened
-    They are only displayed briefly
-*/
-@media print {
-  .alertify-logs {
-    visibility: hidden;
-  }
-}
-.alertify-logs > * {
-  padding: 12px 48px;
-  color: #fafafa;
-  font-weight: bold;
-  font-size: large;
-  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
-  border-radius: 1px;
-}
-.alertify-logs > *,
-.alertify-logs > *.default {
-  background: rgba(0, 0, 0, 0.8);
-}
-.alertify-logs > *.error {
-  background: #FA5858;
-}
-.alertify-logs > *.success {
-  background: #46E981;
-  color: #fff;
-}
-.alertify {
-  position: fixed;
-  background-color: rgba(0, 0, 0, 0.3);
-  color: #fafafa;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 99999;
-}
-.alertify.hide {
-  opacity: 0;
-  pointer-events: none;
-}
-.alertify,
-.alertify.show {
-  box-sizing: border-box;
-  transition: all 0.33s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.alertify,
-.alertify * {
-  box-sizing: border-box;
-}
-.alertify .dialog {
-  padding: 12px;
-}
-.alertify .dialog,
-.alertify .alert {
-  width: 100%;
-  margin: 0 auto;
-  position: relative;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.alertify .dialog .bright,
-.alertify .alert .bright {
-  color: #ffffff;
-}
-.alertify .dialog > div,
-.alertify .alert > div {
-  background-color: #444;
-  border-radius: 5px;
-}
-.alertify .dialog > div.half,
-.alertify .alert > div.half {
-  width: 50%;
-}
-@media (max-width: 600px) {
-  .alertify .dialog > div.half,
-  .alertify .alert > div.half {
-    width: 100%;
-  }
-}
-.alertify .dialog > *,
-.alertify .alert > * {
-  width: 30%;
-  width: 500px;
-  max-width: 95%;
-  margin: 0 auto;
-  text-align: center;
-  padding: 12px;
-  background: #fff;
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084);
-}
-.alertify .dialog .msg,
-.alertify .alert .msg {
-  padding: 12px;
-  margin-bottom: 12px;
-  margin: 0;
-  text-align: left;
-}
-.alertify .dialog input:not(.form-control),
-.alertify .alert input:not(.form-control) {
-  background-color: #302B28;
-  color: #fafafa;
-  border: 0px;
-  border-radius: 5px;
-  margin-bottom: 15px;
-  width: 100%;
-  font-size: 100%;
-  padding: 12px;
-}
-.alertify .dialog nav,
-.alertify .alert nav {
-  text-align: right;
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button),
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
-  background-color: rgba(200, 200, 200, 0.05);
-  box-sizing: border-box;
-  position: relative;
-  outline: 0;
-  border: 0;
-  display: inline-block;
-  align-items: center;
-  padding: 0 6px;
-  margin: 6px 8px;
-  line-height: 36px;
-  min-height: 36px;
-  white-space: nowrap;
-  min-width: 88px;
-  text-align: center;
-  text-transform: uppercase;
-  font-size: 14px;
-  text-decoration: none;
-  cursor: pointer;
-  color: #fafafa;
-  border: 1px solid #302B28;
-  border-radius: 5px;
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).safe,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).safe,
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).danger,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).danger {
-  color: #302B28;
-  white-space: normal;
-  font-weight: bold;
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).danger,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).danger {
-  background-color: #FA5858;
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).danger:hover,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).danger:hover,
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).danger:active,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).danger:active {
-  background-color: #fb7171;
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).safe,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).safe {
-  background-color: #46E981;
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).safe:hover,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).safe:hover,
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).safe:active,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button).safe:active {
-  background-color: #74eea0;
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover,
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active {
-  background-color: rgba(200, 200, 200, 0.15);
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus {
-  border: 1px dotted #302B28;
-}
-.alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button)::-moz-focus-inner,
-.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button)::-moz-focus-inner {
-  border: 0;
-}
-.alertify .dialog nav button.btn,
-.alertify .alert nav button.btn {
-  margin: 6px 4px;
-}
-.alertify-logs {
-  position: fixed;
-  z-index: 99999;
-}
-.alertify-logs.bottom,
-.alertify-logs:not(.top) {
-  bottom: 16px;
-}
-.alertify-logs.left,
-.alertify-logs:not(.right) {
-  left: 16px;
-}
-.alertify-logs.left > *,
-.alertify-logs:not(.right) > * {
-  float: left;
-  transform: translate3d(0, 0, 0);
-  height: auto;
-}
-.alertify-logs.left > *.show,
-.alertify-logs:not(.right) > *.show {
-  left: 0;
-}
-.alertify-logs.left > *,
-.alertify-logs:not(.right) > *,
-.alertify-logs.left > *.hide,
-.alertify-logs:not(.right) > *.hide {
-  left: -110%;
-}
-.alertify-logs.right {
-  right: 16px;
-}
-.alertify-logs.right > * {
-  float: right;
-  transform: translate3d(0, 0, 0);
-}
-.alertify-logs.right > *.show {
-  right: 0;
-  opacity: 1;
-}
-.alertify-logs.right > *,
-.alertify-logs.right > *.hide {
-  right: -110%;
-  opacity: 0;
-}
-.alertify-logs.top {
-  top: 0;
-}
-.alertify-logs > * {
-  box-sizing: border-box;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  position: relative;
-  clear: both;
-  backface-visibility: hidden;
-  perspective: 1000;
-  max-height: 0;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-}
-.alertify-logs > *.show {
-  margin-top: 12px;
-  opacity: 1;
-  max-height: 1000px;
-  padding: 12px;
-  pointer-events: auto;
-}
-/* Bottom Bar */
-.top-bar,
-.bottom-bar {
-  position: fixed;
-  height: 4%;
-  height: 2.5em;
-  display: inline-block;
-  width: 100%;
-  background: #fff;
-  border-top: 1px solid #444;
-}
-.top-bar a,
-.bottom-bar a {
-  color: #46E981;
-  text-decoration: none;
-}
-.top-bar p,
-.bottom-bar p {
-  margin: -1px;
-  font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
-  font-size: 20px;
-  display: block;
-  margin-left: 10px;
-  padding-top: 3px;
-  color: #555;
-}
-.top-bar img,
-.bottom-bar img {
-  margin-right: 4px;
-  position: relative;
-}
-@media screen and (max-width: 800px) {
-  .top-bar .big,
-  .bottom-bar .big {
-    display: none;
-  }
-}
-@media screen and (min-width: 801px) {
-  .top-bar .big,
-  .bottom-bar .big {
-    display: inline-block;
-  }
-}
-@media screen and (max-width: 800px) {
-  .top-bar .small,
-  .bottom-bar .small {
-    display: inline-block;
-  }
-}
-@media screen and (min-width: 801px) {
-  .top-bar .small,
-  .bottom-bar .small {
-    display: none;
-  }
-}
-.top-bar .small img,
-.bottom-bar .small img {
-  height: 1.25em;
-}
-.bottom-bar {
-  bottom: 0px;
-  right: 0px;
-}
-.top-bar {
-  top: 0px;
-  right: 0px;
-}
-.bottom-bar-left {
-  display: block;
-  float: left;
-  padding-left: 10px;
-}
-.bottom-bar-left p {
-  float: right;
-}
-.bottom-bar-right {
-  display: block;
-  float: right;
-  padding-right: 20px;
-}
-.bottom-bar-center {
-  width: 20%;
-  position: absolute;
-  left: 40%;
-  text-align: center;
-}
-.bottom-bar-heart {
-  top: 2px;
-}
-.bottom-bar-xwiki {
-  top: 3px;
-}
-.bottom-bar-openpaas {
-  top: 3px;
-  max-width: 100px;
-}
-.cp #loading {
-  position: fixed;
-  z-index: 9999;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  background: #302B28;
-  color: #fafafa;
-  text-align: center;
-  font-size: 1.5em;
-}
-.cp #loading .loadingContainer {
-  margin-top: 50vh;
-  transform: translateY(-50%);
-}
-.cp #loading .cryptofist {
-  margin-left: auto;
-  margin-right: auto;
-  height: 300px;
-}
-@media screen and (max-height: 450px) {
-  .cp #loading .cryptofist {
-    display: none;
-  }
-}
-.cp #loading .spinnerContainer {
-  position: relative;
-  height: 100px;
-}
-.cp #loading .spinnerContainer > div {
-  height: 100px;
-}
-.cp #loadingTip {
-  position: fixed;
-  z-index: 99999;
-  top: 80%;
-  left: 0;
-  right: 0;
-  text-align: center;
-  transition: opacity 750ms;
-  transition-delay: 3000ms;
-}
-@media screen and (max-height: 600px) {
-  .cp #loadingTip {
-    display: none;
-  }
-}
-.cp #loadingTip span {
-  background-color: #302B28;
-  color: #fafafa;
-  text-align: center;
-  font-size: 1.5em;
-  opacity: 0.7;
-  font-family: lato, Helvetica, sans-serif;
-  padding: 15px;
-  max-width: 60%;
-  display: inline-block;
-}
-/* The container <div> - needed to position the dropdown content */
-.dropdown-bar {
-  position: relative;
-  display: inline-block;
-}
-.dropdown-bar .fa {
-  font-family: FontAwesome;
-}
-.dropdown-bar button .fa-caret-down {
-  margin-right: 0px;
-  margin-left: 5px;
-}
-.dropdown-bar .dropdown-bar-content {
-  display: none;
-  position: absolute;
-  background-color: #f9f9f9;
-  min-width: 250px;
-  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-  z-index: 1000;
-  max-height: 300px;
-  overflow-y: auto;
-}
-.dropdown-bar .dropdown-bar-content.left {
-  right: 0;
-}
-.dropdown-bar .dropdown-bar-content:hover {
-  display: block;
-}
-.dropdown-bar .dropdown-bar-content a {
-  color: black;
-  padding: 5px 16px;
-  text-decoration: none;
-  display: block;
-  cursor: pointer;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  float: none;
-  text-align: left;
-}
-.dropdown-bar .dropdown-bar-content a:hover {
-  background-color: #f1f1f1;
-  color: black;
-}
-.dropdown-bar .dropdown-bar-content a.active {
-  background-color: #e8e8e8;
-  color: black;
-}
-.dropdown-bar .dropdown-bar-content hr {
-  margin: 5px 0px;
-  height: 1px;
-  background: #bbb;
-}
-.dropdown-bar .dropdown-bar-content p {
-  min-width: 160px;
-  padding: 5px;
-  margin: 0;
-  white-space: normal;
-  text-align: left;
-}
-.dropdown-bar .dropdown-bar-content p h2 {
-  font-weight: bold;
-  text-align: center;
-  background-color: #EEEEEE;
-  padding: 5px 0px;
-  margin: 5px 0px;
-  font-size: 16px;
-  white-space: normal;
-}
-#cryptpadTopBar {
-  background: #fff;
-  position: relative;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 50px;
-  color: #000;
-  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  padding: 5px;
-  box-sizing: border-box;
-  font-size: 30px;
-  border-bottom: 1px solid #d9d9d9;
-}
-#cryptpadTopBar > span {
-  vertical-align: middle;
-  display: inline-block;
-  height: 100%;
-}
-#cryptpadTopBar .cryptpad-logo {
-  height: 40px;
-  vertical-align: middle;
-}
-#cryptpadTopBar .slogan {
-  font-size: 20px;
-  color: #000;
-  line-height: 40px;
-}
-#cryptpadTopBar .gotoMain {
-  color: #000;
-  height: 40px;
-  line-height: 40px;
-}
-#cryptpadTopBar .gotoMain:hover {
-  text-decoration: none;
-  color: #558;
-}
-#cryptpadTopBar .right {
-  float: right;
-  font-size: 20px;
-  margin: 0px 10px;
-  line-height: 40px;
-}
-#cryptpadTopBar .right .buttonSuccess {
-  color: #fff;
-  background: #5cb85c;
-  border-color: #5cb85c;
-}
-#cryptpadTopBar .right .buttonSuccess:hover {
-  color: #fff;
-  background: #449d44;
-  border: 1px solid #419641;
-}
-#cryptpadTopBar .right .buttonSuccess span {
-  color: #fff;
-}
-#cryptpadTopBar .right .buttonSuccess .large {
-  margin-left: 5px;
-}
-#cryptpadTopBar .right button .buttonTitle .fa-user {
-  margin-right: 5px;
-}
-#cryptpadTopBar .right a {
-  font-weight: 500;
-  font-size: 0.75em;
-  color: #41b7d8;
-}
-#cryptpadTopBar .right a:hover {
-  color: #279ebf;
-  text-decoration: underline;
-}
-#cryptpadTopBar .right a:visited {
-  color: #41b7d8;
-}
-@media screen and (max-width: 800px) {
-  #cryptpadTopBar .right.link {
-    display: none;
-  }
-}
-.cp footer {
-  background: #f4f4f4;
-  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  padding-top: 1em;
-  font-size: 1.2em;
-}
-.cp footer a {
-  color: #41b7d8;
-}
-.cp footer a:visited {
-  color: #41b7d8;
-}
-.cp footer a:hover {
-  color: #279ebf;
-}
-.cp footer li.title {
-  font-size: 1.2em;
-  font-weight: bold;
-}
-.cp footer div.version-footer {
-  background-color: #302B28;
-  color: #fafafa;
-  text-align: center;
-  width: 100%;
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-html.cp,
-.cp body {
-  font-size: .875em;
-  background-color: #fafafa;
-  color: #555;
-  font-family: Ubuntu,Georgia,Cambria,serif;
-  height: 100%;
-}
-.fa {
-  cursor: default;
-}
-.cp {
-  /* buttons */
-  /*  Tables
- *  Currently only used by /poll/
- */
-}
-.cp .btn-primary {
-  background-color: #00ADEE;
-}
-.cp body {
-  font-size: 1rem;
-  font-weight: 400;
-  line-height: 2rem;
-  margin: 0;
-}
-.cp a.github-corner > svg {
-  fill: #00ADEE;
-  color: #302B28;
-}
-.cp .lato {
-  font-family: lato, Helvetica, sans-serif;
-  font-size: 1.02em;
-}
-.cp .unselectable {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.cp h1,
-.cp h2,
-.cp h3,
-.cp h4,
-.cp h5,
-.cp h6 {
-  color: #555;
-  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  -webkit-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-  -moz-font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-  font-feature-settings: 'dlig' 1, 'liga' 1, 'lnum' 1, 'kern' 1;
-  font-style: normal;
-  font-weight: 600;
-  margin-top: 0;
-}
-.cp h1 {
-  line-height: 3rem;
-  font-size: 2.05714rem;
-  margin-bottom: .21999rem;
-  padding-top: .78001rem;
-}
-.cp h2 {
-  font-size: 1.95312rem;
-  margin-bottom: .18358rem;
-  padding-top: .81642rem;
-}
-.cp h2,
-.cp h3 {
-  line-height: 3rem;
-}
-.cp h3 {
-  font-size: 1.64571rem;
-  margin-bottom: .07599rem;
-  padding-top: .92401rem;
-}
-.cp h4 {
-  font-size: 1.5625rem;
-  margin-bottom: .54686rem;
-  padding-top: .45314rem;
-}
-.cp h5 {
-  font-size: 1.25rem;
-  margin-bottom: -0.56251rem;
-  padding-top: .56251rem;
-}
-.cp h6 {
-  font-size: 1rem;
-  margin-bottom: -0.65001rem;
-  padding-top: .65001rem;
-}
-.cp a:not(.btn) {
-  cursor: pointer;
-  color: #41b7d8;
-  text-decoration: none;
-}
-.cp a:not(.btn):hover {
-  color: #279ebf;
-}
-.cp a:not(.btn):visited {
-  color: #41b7d8;
-}
-.cp a.btn {
-  font-family: sans-serif;
-}
-.cp img {
-  height: auto;
-  max-width: 100%;
-}
-.cp p {
-  padding-top: .66001rem;
-  margin-top: 0;
-}
-.cp p,
-.cp pre {
-  margin-bottom: 1.33999rem;
-}
-.cp p,
-.cp pre,
-.cp td,
-.cp a,
-.cp table,
-.cp tr {
-  font-family: lato, Helvetica, sans-serif;
-  font-size: 1.02em;
-}
-.cp body.html {
-  display: flex;
-  flex-flow: column;
-}
-.cp .page {
-  width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  background: #fafafa;
-  padding: 10px 0;
-  position: relative;
-}
-.cp .page .info-container {
-  color: #121212;
-  width: 800px;
-  max-width: 100%;
-  margin: 0 auto;
-}
-.cp .page .info-container > div {
-  padding: 10px;
-  width: 400px;
-  max-width: 100%;
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-}
-@media screen and (max-width: 800px) {
-  .cp .page .info-container > div:not(.image) {
-    width: 100%;
-    left: 0;
-  }
-}
-.cp .page .info-container > div.image {
-  width: 300px;
-  text-align: center;
-}
-@media screen and (max-width: 800px) {
-  .cp .page .info-container > div.image {
-    display: none;
-  }
-}
-@media screen and (max-width: 800px) {
-}
-.cp .page.category {
-  background: #f4f4f4;
-}
-.cp .page .app {
-  display: inline-block;
-  width: 300px;
-  vertical-align: middle;
-  margin: 0px 25px;
-  white-space: normal;
-  max-width: calc(50% - 50px);
-}
-@media screen and (max-width: 500px) {
-  .cp .page .app {
-    display: block;
-    max-width: 100%;
-    margin: 0 auto;
-  }
-}
-.cp .page .app-container {
-  width: 1400px;
-  max-width: 100%;
-  margin: 0 auto;
-}
-.cp .page .app-row {
-  display: inline-block;
-  white-space: nowrap;
-  width: 700px;
-  max-width: 100%;
-  margin: 0 auto;
-}
-@media screen and (max-width: 1399px) {
-  .cp .page .app-row {
-    display: block;
-  }
-}
-@media screen and (max-width: 800px) {
-  .cp .page .app-row img {
-    display: none;
-  }
-}
-.cp .page .right {
-  left: 100px;
-}
-.cp .page h1,
-.cp .page h2,
-.cp .page h3,
-.cp .page h4,
-.cp .page h5,
-.cp .page h6 {
-  padding: 0;
-}
-@media screen and (max-width: 800px) {
-  .cp .page {
-    padding: 10px 5vh;
-  }
-}
-.cp .page p {
-  font-size: 18px;
-}
-.cp .btn-default:hover {
-  background-color: #d8d8d8;
-}
-.cp #main .mainOverlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #000;
-  opacity: 0.35;
-}
-.cp noscript #noscriptContainer {
-  color: black;
-  position: absolute;
-  top: 50px;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  z-index: 2;
-}
-.cp noscript #noscriptContainer #noscript {
-  width: 1000px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  position: relative;
-  font-size: 25px;
-  text-align: center;
-  color: #fff;
-}
-.cp #main {
-  background: url('/customize/bg3.jpg') no-repeat center center;
-  background-size: cover;
-  background-attachment: fixed;
-  background-position: center;
-  height: calc(100vh - 115px);
-  min-height: 450px;
-}
-.cp #main .hidden {
-  display: none !important;
-}
-.cp #main_other {
-  padding: 0 15vw;
-  background-color: #fafafa;
-}
-.cp .category {
-  margin-top: 5px;
-}
-.cp #mainBlock {
-  flex: 1;
-}
-.cp #main,
-.cp #main_other {
-  position: relative;
-  left: 0;
-  right: 0;
-  margin: auto;
-  z-index: 1;
-  font-size: medium;
-}
-.cp #main #align-container,
-.cp #main_other #align-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  width: 1000px;
-  max-width: 90%;
-  position: relative;
-}
-.cp #main #main-container,
-.cp #main_other #main-container {
-  display: inline-block;
-}
-.cp #main #userForm .extra p,
-.cp #main_other #userForm .extra p {
-  font-size: 28px;
-  padding: 15px;
-  text-align: center;
-}
-.cp #main #data,
-.cp #main_other #data {
-  width: 600px;
-  max-width: 60%;
-  color: #fff;
-  padding: 0 15px;
-  box-sizing: border-box;
-  display: inline-block;
-}
-.cp #main #data p,
-.cp #main_other #data p {
-  margin: 0;
-  padding: 0;
-  font-size: 28px;
-  line-height: 1.5em;
-}
-.cp #main #data p.register-explanation,
-.cp #main_other #data p.register-explanation {
-  font-size: 18px;
-}
-.cp #main #data h1,
-.cp #main_other #data h1,
-.cp #main #data h2,
-.cp #main_other #data h2 {
-  font-weight: normal;
-  font-size: 48px;
-  line-height: 1.2em;
-  color: #fff;
-  padding: 0;
-}
-.cp #main #data h5,
-.cp #main_other #data h5 {
-  font-size: 1em;
-  color: #fff;
-}
-.cp #main #data #tryit,
-.cp #main_other #data #tryit {
-  margin-top: 20px;
-  margin-bottom: 5px;
-}
-.cp #main #loggedIn,
-.cp #main_other #loggedIn {
-  float: right;
-  color: #fff;
-  display: inline-block;
-  width: 350px;
-  max-width: 35%;
-  text-align: center;
-  font-weight: bold;
-}
-.cp #main #loggedIn button,
-.cp #main_other #loggedIn button {
-  font-weight: bold;
-  cursor: pointer;
-}
-.cp #main #loggedIn p,
-.cp #main_other #loggedIn p {
-  margin: 20px;
-  padding: 0;
-  font-size: 20px;
-  line-height: 1.5em;
-}
-.cp #main #userForm,
-.cp #main_other #userForm {
-  float: right;
-  display: inline-block;
-  width: 400px;
-  max-width: 40%;
-  padding: 10px;
-  box-sizing: border-box;
-  font-family: lato, Helvetica, sans-serif;
-  color: #fff;
-}
-.cp #main #userForm label,
-.cp #main_other #userForm label {
-  margin-bottom: 0;
-}
-.cp #main #userForm button,
-.cp #main_other #userForm button {
-  font-weight: bold;
-  width: 100%;
-  cursor: pointer;
-}
-.cp #main #userForm button.half,
-.cp #main_other #userForm button.half {
-  width: calc(50% - 2px);
-}
-.cp #main #userForm button.half:not(.first),
-.cp #main_other #userForm button.half:not(.first) {
-  float: right;
-}
-.cp #main #userForm p,
-.cp #main_other #userForm p {
-  margin: 0;
-  padding: 0;
-}
-.cp #main #userForm p.buttons,
-.cp #main_other #userForm p.buttons {
-  margin-bottom: 10px;
-}
-.cp #main #userForm p.buttons .dropdown-bar,
-.cp #main_other #userForm p.buttons .dropdown-bar {
-  display: block;
-}
-.cp #main #userForm p.buttons .dropdown-bar button,
-.cp #main_other #userForm p.buttons .dropdown-bar button {
-  white-space: normal;
-  text-align: left;
-}
-.cp #main #userForm p.buttons .dropdown-bar button .fa,
-.cp #main_other #userForm p.buttons .dropdown-bar button .fa {
-  float: right;
-}
-.cp #main #userForm p.buttons .dropdown-bar a,
-.cp #main_other #userForm p.buttons .dropdown-bar a {
-  color: black;
-}
-.cp #main #userForm p.buttons .dropdown-bar a:hover,
-.cp #main_other #userForm p.buttons .dropdown-bar a:hover,
-.cp #main #userForm p.buttons .dropdown-bar a :visited,
-.cp #main_other #userForm p.buttons .dropdown-bar a :visited {
-  color: black !important;
-}
-.cp #main #userForm p.separator,
-.cp #main_other #userForm p.separator {
-  margin: 5px 0 15px 0;
-  text-align: center;
-  font-weight: bold;
-  font-size: 1.1em;
-}
-.cp #main #userForm p a,
-.cp #main_other #userForm p a {
-  color: #fff;
-  font-weight: bold;
-  font-size: 14px;
-}
-.cp #main #userForm p a:hover,
-.cp #main_other #userForm p a:hover,
-.cp #main #userForm p a :visited,
-.cp #main_other #userForm p a :visited {
-  color: #fff !important;
-}
-.cp #main #userForm .driveLink,
-.cp #main_other #userForm .driveLink {
-  padding-left: 1rem;
-  font-size: 1em;
-}
-.cp #main #userForm > *,
-.cp #main_other #userForm > * {
-  margin-bottom: 10px;
-}
-@media screen and (max-width: 800px) {
-  .cp #main,
-  .cp #main_other {
-    position: relative;
-    height: auto;
-  }
-  .cp #main #align-container,
-  .cp #main_other #align-container {
-    transform: initial;
-    position: relative;
-    display: block;
-    width: 90%;
-    left: 0;
-  }
-  .cp #main #main-container,
-  .cp #main_other #main-container {
-    position: relative;
-    transform: unset;
-    top: 0;
-  }
-  .cp #main #data,
-  .cp #main_other #data {
-    text-align: center;
-  }
-  .cp #main #userForm,
-  .cp #main_other #userForm,
-  .cp #main #loggedIn,
-  .cp #main_other #loggedIn,
-  .cp #main #data,
-  .cp #main_other #data {
-    transform: initial;
-    position: relative;
-    display: block;
-    width: 100%;
-    max-width: 100%;
-    margin: 10px 0;
-    box-sizing: border-box;
-    float: none;
-  }
-}
-.cp #main .buttons,
-.cp #main_other .buttons {
-  margin-top: 15px;
-}
-.cp .create,
-.cp .action {
-  display: inline-block;
-  border: 0;
-  background-color: #3333ff;
-  color: #fff;
-  font-weight: bold;
-  font-size: large;
-  margin-right: 5px;
-  margin-left: 5px;
-}
-.cp .create:hover,
-.cp .action:hover {
-  color: #cccccc;
-}
-.cp .panel {
-  background-color: #cccccc;
-}
-.cp .bottom-left {
-  border-bottom-left-radius: 5px;
-}
-.cp .top-left {
-  border-top-left-radius: 5px;
-}
-.cp .remove {
-  color: #FA5858;
-  cursor: pointer !important;
-}
-/* Pin limit */
-.limit-container .cryptpad-limit-bar {
-  display: inline-block;
-  height: 26px;
-  width: 200px;
-  max-width: 40vw;
-  margin: 3px;
-  box-sizing: border-box;
-  border: 1px solid #999;
-  background: white;
-  position: relative;
-  text-align: center;
-  line-height: 24px;
-  vertical-align: middle;
-}
-.limit-container .cryptpad-limit-bar .usage {
-  height: 24px;
-  display: inline-block;
-  background: blue;
-  position: absolute;
-  left: 0;
-  z-index: 1;
-}
-.limit-container .cryptpad-limit-bar .usage.normal {
-  background: #5cb85c;
-}
-.limit-container .cryptpad-limit-bar .usage.warning {
-  background: orange;
-}
-.limit-container .cryptpad-limit-bar .usage.above {
-  background: red;
-}
-.limit-container .cryptpad-limit-bar .usageText {
-  position: relative;
-  color: black;
-  text-shadow: 1px 0 2px white, 0 1px 2px white, -1px 0 2px white, 0 -1px 2px white;
-  z-index: 2;
-  font-size: 16px;
-  font-weight: bold;
-}
-.limit-container .upgrade {
-  margin-left: 10px;
-}
-/* Upload status table */
-#uploadStatusContainer {
-  position: absolute;
-  left: 10vw;
-  right: 10vw;
-  bottom: 100px;
-  background-color: rgba(0, 0, 0, 0.5);
-  color: white;
-  opacity: 0.7;
-  font-family: Ubuntu,Georgia,Cambria,serif;
-  box-sizing: border-box;
-  z-index: 10;
-  display: none;
-}
-#uploadStatusContainer #uploadStatus {
-  width: 80vw;
-  border: 1px solid black;
-  border-collapse: collapse;
-}
-#uploadStatusContainer #uploadStatus tr:nth-child(1) {
-  background-color: #888;
-  border: 1px solid #999;
-}
-#uploadStatusContainer #uploadStatus tr:nth-child(1) td {
-  text-align: center;
-}
-#uploadStatusContainer #uploadStatus td {
-  border-left: 1px solid #BBB;
-  border-right: 1px solid #BBB;
-  padding: 0 10px;
-}
-#uploadStatusContainer #uploadStatus .upProgress {
-  width: 200px;
-  position: relative;
-  text-align: center;
-  box-sizing: border-box;
-}
-#uploadStatusContainer #uploadStatus .progressContainer {
-  position: absolute;
-  width: 0px;
-  left: 5px;
-  top: 1px;
-  bottom: 1px;
-  background-color: rgba(0, 0, 255, 0.3);
-}
-#uploadStatusContainer #uploadStatus .upCancel {
-  text-align: center;
-}
-#uploadStatusContainer #uploadStatus .fa.cancel {
-  color: #ff0073;
-}
-#cors-store {
-  display: none;
-}
diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 6f0d63711..7c8b45163 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -10,6 +10,72 @@ define([
         return e;
     };
 
+    var indexContent = function () {
+        return [
+            h('div.page.category.first#knowmore', [
+                h('center', [
+                    h('h1', Msg.main_howitworks)
+                ])
+            ]),
+            h('div.page', [
+                h('div.info-container', [
+                    h('div.left.image', [
+                        h('img', {
+                            src: '/customize/images/zeroknowledge_small.png',
+                            alt: 'Zero Knowledge'
+                        })
+                    ]),
+                    h('div.right', [
+                        h('h2', Msg.main_zeroKnowledge),
+                        setHTML(h('p'), Msg.main_zeroKnowledge_p)
+                    ])
+                ])
+            ]),
+            h('div.page.even', [
+                h('div.info-container', [
+                    h('div.left', [
+                        h('h2', Msg.main_writeItDown),
+                        h('p', Msg.main_writeItDown_p)
+                    ]),
+                    h('div.right.image', [
+                        h('img', {
+                            alt: "User account",
+                            src: '/customize/images/realtime_small.png',
+                        })
+                    ])
+                ])
+            ]),
+            h('div.page', [
+                h('div.info-container', [
+                    h('div.left.image', [
+                        h('img', {
+                            src: '/customize/images/key_small.png',
+                            alt: 'User account'
+                        })
+                    ]),
+                    h('div.right', [
+                        h('h2', Msg.main_share),
+                        h('p', Msg.main_share_p)
+                    ])
+                ])
+            ]),
+            h('div.page.even', [
+                h('div.info-container', [
+                    h('div.left', [
+                        h('h2', Msg.main_organize),
+                        h('p', Msg.main_organize_p)
+                    ]),
+                    h('div.right.image', [
+                        h('img', {
+                            src: '/customize/images/organize.png',
+                            alt: 'User account'
+                        })
+                    ])
+                ])
+            ])
+        ];
+    };
+
     Pages['/about.html'] = function () {
         return h('div#main_other', [
             h('center', [
@@ -18,7 +84,7 @@ define([
             setHTML(h('p'), Msg.main_p2),
             h('h2', Msg.main_howitworks),
             setHTML(h('p'), Msg.main_howitworks_p1)
-        ]);
+        ].concat(indexContent()));
     };
 
     Pages['/privacy.html'] = function () {
@@ -105,71 +171,6 @@ define([
         ]);
     };
 
-    var indexContent = function () {
-        return [
-            h('div.page.category.first#knowmore', [
-                h('center', [
-                    h('h1', Msg.main_howitworks)
-                ])
-            ]),
-            h('div.page', [
-                h('div.info-container', [
-                    h('div.left.image', [
-                        h('img', {
-                            src: '/customize/images/zeroknowledge_small.png',
-                            alt: 'Zero Knowledge'
-                        })
-                    ]),
-                    h('div.right', [
-                        h('h2', Msg.main_zeroKnowledge),
-                        setHTML(h('p'), Msg.main_zeroKnowledge_p)
-                    ])
-                ])
-            ]),
-            h('div.page.even', [
-                h('div.info-container', [
-                    h('div.left', [
-                        h('h2', Msg.main_writeItDown),
-                        h('p', Msg.main_writeItDown_p)
-                    ]),
-                    h('div.right.image', [
-                        h('img', {
-                            alt: "User account",
-                            src: '/customize/images/realtime_small.png',
-                        })
-                    ])
-                ])
-            ]),
-            h('div.page', [
-                h('div.info-container', [
-                    h('div.left.image', [
-                        h('img', {
-                            src: '/customize/images/key_small.png',
-                            alt: 'User account'
-                        })
-                    ]),
-                    h('div.right', [
-                        h('h2', Msg.main_share),
-                        h('p', Msg.main_share_p)
-                    ])
-                ])
-            ]),
-            h('div.page.even', [
-                h('div.info-container', [
-                    h('div.left', [
-                        h('h2', Msg.main_organize),
-                        h('p', Msg.main_organize_p)
-                    ]),
-                    h('div.right.image', [
-                        h('img', {
-                            src: '/customize/images/organize.png',
-                            alt: 'User account'
-                        })
-                    ])
-                ])
-            ])
-        ];
-    };
 
     var appButton = function (alt, h2, img, p, url, btn, id) {
         return h('div.app', [
@@ -258,12 +259,11 @@ define([
                 ]),
             ])
         ]
-        .concat(tryIt())
-        .concat(indexContent());
+        .concat(tryIt());
     };
 
     var loadingScreen = function () {
-        return h('div#loading',
+        return h('div#loading', 
             h('div.loadingContainer', [
                 h('img.cryptofist', {
                     src: '/customize/cryptofist_small.png'
@@ -426,5 +426,78 @@ define([
         ];
     };
 
+    Pages['/poll/'] = Pages['/poll/index.html'] = function () {
+        return [
+            appToolbar(),
+            h('div#content', [
+                h('div#poll', [
+                    h('div#howItWorks', [
+                        h('h1', 'CryptPoll'),
+                        h('h2', Msg.poll_subtitle),
+                        h('p', Msg.poll_p_save),
+                        h('p', Msg.poll_p_encryption)
+                    ]),
+                    h('div.upper', [
+                        h('button#publish', {
+                            style: { display: 'none' }
+                        }, Msg.poll_publish_button),
+                        h('button#admin', {
+                            style: { display: 'none' },
+                            title: Msg.poll_admin_button
+                        }, Msg.poll_admin_button),
+                        h('button#help', {
+                            title: Msg.poll_show_help_button,
+                            style: { display: 'none' }
+                        }, Msg.poll_show_help_button)
+                    ]),
+                    h('div.realtime', [
+                        h('br'),
+                        h('center', [
+                            h('textarea#description', {
+                                rows: "5",
+                                cols: "50",
+                                disabled: true
+                            }),
+                            h('br')
+                        ]),
+                        h('div#tableContainer', [
+                            h('div#tableScroll'),
+                            h('button#create-user', {
+                                title: Msg.poll_create_user
+                            }, h('span.fa.fa-plus')),
+                            h('button#create-option', {
+                                title: Msg.poll_create_option
+                            }, h('span.fa.fa-plus')),
+                            h('button#commit', {
+                                title: Msg.poll_commit
+                            }, h('span.fa.fa-check'))
+                        ])
+                    ])
+                ])
+            ]),
+            loadingScreen()
+        ];
+    };
+
+    Pages['/drive/'] = Pages['/drive/index.html'] = function () {
+        return loadingScreen();
+    };
+
+    Pages['/file/'] = Pages['/file/index.html'] = function () {
+        return loadingScreen();
+    };
+
+    Pages['/pad/'] = Pages['/pad/index.html'] = function () {
+        return loadingScreen();
+    };
+
+    Pages['/code/'] = Pages['/code/index.html'] = function () {
+        return loadingScreen();
+    };
+
+    Pages['/slide/'] = Pages['/slide/index.html'] = function () {
+        return loadingScreen();
+    };
+
     return Pages;
 });
diff --git a/customize.dist/src/less/loading.less b/customize.dist/src/less/loading.less
index cc23c49d9..3f2ac0381 100644
--- a/customize.dist/src/less/loading.less
+++ b/customize.dist/src/less/loading.less
@@ -1,3 +1,5 @@
+@import "./variables.less";
+
 .cp #loading {
     position: fixed;
     z-index: 9999;
diff --git a/customize.dist/template.js b/customize.dist/template.js
index 2e7658fb3..c0ca4f1d5 100644
--- a/customize.dist/template.js
+++ b/customize.dist/template.js
@@ -4,14 +4,14 @@ define([
     '/common/cryptpad-common.js',
     '/customize/pages.js',
 
-    'css!/customize/main.css',
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
 ], function ($, h, Cryptpad, Pages) {
 $(function () {
     var Messages = Cryptpad.Messages;
     var $body = $('body');
     var isMainApp = function () {
-        return /^\/(pad|code|slide|poll|whiteboard)\//.test(location.pathname);
+        console.error("Checking if is main app");
+        return /^\/(pad|code|slide|poll|whiteboard|file|media|drive)\/$/.test(location.pathname);
     };
 
     var rightLink = function (ref, loc, txt) {
@@ -116,40 +116,87 @@ $(function () {
 
     var pathname = location.pathname;
 
-
     if (isMainApp()) {
+        console.log("Is main app");
         if (typeof(Pages[pathname]) === 'function') {
-            $('body').html(h('body', Pages[pathname]()).innerHTML);
-            setTimeout(function () {
-                require(['/whiteboard/main.js'], function () {
-                    $('body').removeClass('noscroll');
-                });
+            require([
+                'less!/customize/src/less/loading.less'
+            ], function () {
+                //$('body').html(h('body', Pages[pathname]()).innerHTML);
+
+                console.log("TEMPLATED");
+
+                if (/whiteboard/.test(pathname)) {
+                    $('body').html(h('body', Pages[pathname]()).innerHTML);
+                    setTimeout(function () {
+                        require(['/whiteboard/main.js'], function () {
+                            $('body').removeClass('noscroll');
+                        });
+                    });
+                } else if (/poll/.test(pathname)) {
+                    $('body').html(h('body', Pages[pathname]()).innerHTML);
+                    setTimeout(function () {
+                        require(['/poll/main.js'], function () {
+                            $('body').removeClass('noscroll');
+                            console.log("TEMPLATE!");
+                        });
+                    });
+                } else if (/drive/.test(pathname)) {
+                    $('body').append(h('body', Pages[pathname]()).innerHTML);
+                    setTimeout(function () {
+                        require(['/drive/main.js'], function () {
+                            console.log("Templating done");
+                        });
+                    });
+                } else if (/file/.test(pathname)) {
+                    $('body').append(h('body', Pages[pathname]()).innerHTML);
+                    require([ '/file/main.js' ], function () {
+                        console.log("Templating done");
+                    });
+                } else if (/pad/.test(pathname)) {
+                    $('body').append(h('body', Pages[pathname]()).innerHTML);
+                    require([ '/pad/main.js' ], function () {
+                        console.log("Templating done");
+                    });
+                } else if (/code/.test(pathname)) {
+                    $('body').append(h('body', Pages[pathname]()).innerHTML);
+                    require([ '/code/main.js' ], function () {
+                        console.log("Templating done");
+                    });
+                } else if (/slide/.test(pathname)) {
+                    $('body').append(h('body', Pages[pathname]()).innerHTML);
+                    require([ '/slide/main.js' ], function () {
+                        console.log("Templating done");
+                    });
+                }
             });
+
             return;
         }
     }
 
     require([
+        'less!/customize/src/less/cryptpad.less',
         'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
-    ], function () {});
-
-    $body.append($topbar).append($main).append($footer);
-
-    if (/^\/settings\//.test(pathname)) {
-        require([ '/settings/main.js', ], function () {});
-    } else if (/^\/user\//.test(pathname)) {
-        require([ '/user/main.js'], function () {});
-    } else if (/^\/profile\//.test(pathname)) {
-        require([ '/profile/main.js'], function () {});
-    } else if (/^\/register\//.test(pathname)) {
-        require([ '/register/main.js' ], function () {});
-    } else if (/^\/login\//.test(pathname)) {
-        require([ '/login/main.js' ], function () {});
-    } else if (/^\/($|^\/index\.html$)/.test(pathname)) {
-        // TODO use different top bar
-        require([ '/customize/main.js', ], function () {});
-    } else {
-        require([ '/customize/main.js', ], function () {});
-    }
+    ], function () {
+        $body.append($topbar).append($main).append($footer);
+
+        if (/^\/settings\//.test(pathname)) {
+            require([ '/settings/main.js', ], function () {});
+        } else if (/^\/profile\//.test(pathname)) {
+            require([ '/profile/main.js'], function () {});
+        } else if (/^\/user\//.test(pathname)) {
+            require([ '/user/main.js'], function () {});
+        } else if (/^\/register\//.test(pathname)) {
+            require([ '/register/main.js' ], function () {});
+        } else if (/^\/login\//.test(pathname)) {
+            require([ '/login/main.js' ], function () {});
+        } else if (/^\/($|^\/index\.html$)/.test(pathname)) {
+            // TODO use different top bar
+            require([ '/customize/main.js', ], function () {});
+        } else {
+            require([ '/customize/main.js', ], function () {});
+        }
+    });
 });
 });
diff --git a/customize.dist/translations/messages.es.js b/customize.dist/translations/messages.es.js
index 8104557c0..ae82b0052 100644
--- a/customize.dist/translations/messages.es.js
+++ b/customize.dist/translations/messages.es.js
@@ -297,9 +297,9 @@ define(function () {
         'Comparte el enlace a este pad para editar con amigos o utiliza el botón <span style="background-color:#5cb85c;color:#ffffff;">&nbsp;Compartir&nbsp;</span> para obtener un <em>enlace solo lectura</em>&nbsp;que permite leer pero no escribir.',
         '</p>',
 
-        '<p><span style="color:#808080;"><em>',
+        '<p><em>',
         'Vamos, solo empezia a escribir...',
-        '</em></span></p></span>',
+        '</em></p></span>',
         '<p>&nbsp;<br></p>'
     ].join('');
 
diff --git a/customize.dist/translations/messages.fr.js b/customize.dist/translations/messages.fr.js
index 179b96062..b50b83c01 100644
--- a/customize.dist/translations/messages.fr.js
+++ b/customize.dist/translations/messages.fr.js
@@ -500,10 +500,10 @@ define(function () {
         '<br>',
         'Partagez le lien vers ce pad avec des amis ou utilisez le bouton <span style="background-color:#5cb85c;color:#ffffff;">&nbsp;Partager&nbsp;</span> pour obtenir le <em>lien de lecture-seule</em>, qui permet la lecture mais non la modification.',
         '</p>',
-        '<p><span style="color:#808080; font-size: 16px;">',
+        '<p>',
         '<em>',
         'Lancez-vous, commencez à taper...',
-        '</em></span></p></span>',
+        '</em></p></span>',
         '<p>&nbsp;<br></p>'
     ].join('');
 
diff --git a/customize.dist/translations/messages.js b/customize.dist/translations/messages.js
index a82ed052d..149d1ebff 100644
--- a/customize.dist/translations/messages.js
+++ b/customize.dist/translations/messages.js
@@ -511,9 +511,9 @@ define(function () {
         'Share the link to this pad to edit with friends or use the <span style="background-color:#5cb85c;color:#ffffff;">&nbsp;Share&nbsp;</span> button to share a <em>read-only link</em>&nbsp;which allows viewing but not editing.',
         '</p>',
 
-        '<p><span style="color:#808080;"><em>',
+        '<p><em>',
         'Go ahead, just start typing...',
-        '</em></span></p></span>',
+        '</em></p></span>',
         '<p>&nbsp;<br></p>'
     ].join('');
 
diff --git a/customize.dist/translations/messages.ro.js b/customize.dist/translations/messages.ro.js
index 75c1c5852..c921581b4 100644
--- a/customize.dist/translations/messages.ro.js
+++ b/customize.dist/translations/messages.ro.js
@@ -331,7 +331,7 @@ define(function () {
     out.header_france = "<a href=\"http://www.xwiki.com/\" target=\"_blank\" rel=\"noopener noreferrer\">With <img class=\"bottom-bar-heart\" src=\"/customize/heart.png\" alt=\"love\" /> from <img class=\"bottom-bar-fr\" src=\"/customize/fr.png\" title=\"Franța\" alt=\"Franța\"/> by <img src=\"/customize/logo-xwiki.png\" alt=\"XWiki SAS\" class=\"bottom-bar-xwiki\"/></a>";
     out.header_support = "<a href=\"http://ng.open-paas.org/\" title=\"OpenPaaS::ng\" target=\"_blank\" rel=\"noopener noreferrer\"> <img src=\"/customize/openpaasng.png\" alt=\"OpenPaaS-ng\" class=\"bottom-bar-openpaas\" /></a>";
     out.header_logoTitle = "Mergi la pagina principală";
-    out.initialState = "<span style=\"font-size:16px;\"><p>Acesta este&nbsp;<strong>CryptPad</strong>, editorul colaborativ bazat pe tehnologia Zero Knowledge în timp real. Totul este salvat pe măsură ce scrii.<br>Partajează link-ul către acest pad pentru a edita cu prieteni sau folosește <span style=\"background-color:#5cb85c;color:#ffffff;\">&nbsp;Share&nbsp;</span> butonul pentru a partaja <em>read-only link</em>&nbsp;permițând vizualizarea dar nu și editarea.</p><p><span style=\"color:#808080;\"><em>Îndrăznește, începe să scrii...</em></span></p></span><p>&nbsp;<br></p>";
+    out.initialState = "<span style=\"font-size:16px;\"><p>Acesta este&nbsp;<strong>CryptPad</strong>, editorul colaborativ bazat pe tehnologia Zero Knowledge în timp real. Totul este salvat pe măsură ce scrii.<br>Partajează link-ul către acest pad pentru a edita cu prieteni sau folosește <span style=\"background-color:#5cb85c;color:#ffffff;\">&nbsp;Share&nbsp;</span> butonul pentru a partaja <em>read-only link</em>&nbsp;permițând vizualizarea dar nu și editarea.</p><p><em>Îndrăznește, începe să scrii...</em></p></span><p>&nbsp;<br></p>";
     out.codeInitialState = "/*\n   Acesta este editorul colaborativ de cod bazat pe tehnologia Zero Knowledge CryptPad.\n   Ce scrii aici este criptat, așa că doar oamenii care au link-ul pot să-l acceseze.\n   Poți să alegi ce limbaj de programare pus n evidență și schema de culori UI n dreapta sus.\n*/";
     out.slideInitialState = "# CryptSlide\n* Acesta este un editor colaborativ bazat pe tehnologia Zero Knowledge.\n* Ce scrii aici este criptat, așa că doar oamenii care au link-ul pot să-l acceseze.\n* Nici măcar serverele nu au acces la ce scrii tu.\n* Ce vezi aici, ce auzi aici, atunci când pleci, lași aici.\n\n-\n# Cum se folosește\n1. Scrie-ți conținutul slide-urilor folosind sintaxa markdown\n  - Află mai multe despre sintaxa markdown [aici](http://www.markdowntutorial.com/)\n2. Separă-ți slide-urile cu -\n3. Click pe butonul \"Play\" pentru a vedea rezultatele  - Slide-urile tale sunt actualizate în timp real.";
     out.driveReadmeTitle = "Ce este CryptDrive?";
diff --git a/customize.dist/translations/messages.zh.js b/customize.dist/translations/messages.zh.js
index 81560c69a..a67682065 100644
--- a/customize.dist/translations/messages.zh.js
+++ b/customize.dist/translations/messages.zh.js
@@ -473,9 +473,9 @@ define(function () {
         '分享這個工作檔案的網址連結給友人或是使用、 <span style="background-color:#5cb85c;color:#ffffff;">&nbsp;分享&nbsp;</span> 按鈕分享<em>唯讀的連結</em>&nbsp;其只能看不能編寫。',
         '</p>',
 
-        '<p><span style="color:#808080;"><em>',
+        '<p><em>',
         '來吧, 開始打字輸入吧...',
-        '</em></span></p></span>',
+        '</em></p></span>',
         '<p>&nbsp;<br></p>'
     ].join('');
 
diff --git a/package.json b/package.json
index f606c8a86..e5cd3f705 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
   "scripts": {
     "lint": "jshint --config .jshintrc --exclude-path .jshintignore .",
     "test": "node TestSelenium.js",
-    "style": "lessc ./customize.dist/src/less/cryptpad.less > ./customize.dist/main.css && lessc ./customize.dist/src/less/toolbar.less > ./customize.dist/toolbar.css && lessc ./www/drive/file.less > ./www/drive/file.css && lessc ./www/settings/main.less > ./www/settings/main.css && lessc ./www/whiteboard/whiteboard.less > ./www/whiteboard/whiteboard.css && lessc ./www/poll/poll.less > ./www/poll/poll.css && lessc ./www/file/file.less > ./www/file/file.css && lessc ./www/code/code.less > ./www/code/code.css",
+    "style": "lessc ./customize.dist/src/less/toolbar.less > ./customize.dist/toolbar.css",
     "template": "cd customize.dist/src && for page in ../index.html ../privacy.html ../terms.html ../about.html ../contact.html ../../www/login/index.html ../../www/register/index.html ../../www/settings/index.html ../../www/user/index.html;do echo $page; cp template.html $page; done;"
   }
 }
diff --git a/www/code/code.css b/www/code/code.css
deleted file mode 100644
index 359eff778..000000000
--- a/www/code/code.css
+++ /dev/null
@@ -1,79 +0,0 @@
-html,
-body {
-  height: 100%;
-  width: 100%;
-  padding: 0px;
-  margin: 0px;
-  overflow: hidden;
-  box-sizing: border-box;
-  position: relative;
-}
-body {
-  display: flex;
-  flex-flow: column;
-  max-height: 100%;
-  min-height: auto;
-}
-.CodeMirror {
-  display: inline-block;
-  height: 100%;
-  width: 50%;
-  min-width: 20%;
-  max-width: 80%;
-  resize: horizontal;
-}
-.CodeMirror.transition {
-  transition: width 500ms, min-width 500ms, max-width 500ms;
-}
-.CodeMirror.fullPage {
-  max-width: 100%;
-  resize: none;
-  flex: 1;
-}
-.CodeMirror-focused .cm-matchhighlight {
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
-  background-position: bottom;
-  background-repeat: repeat-x;
-}
-#editorContainer {
-  flex: 1;
-  display: flex;
-  flex-flow: row;
-  height: 100%;
-  overflow: hidden;
-}
-#previewContainer {
-  flex: 1;
-  padding: 5px 20px;
-  overflow: auto;
-  display: inline-block;
-  height: 100%;
-  border-left: 1px solid black;
-  box-sizing: border-box;
-  font-family: Calibri, Ubuntu, sans-serif;
-  word-wrap: break-word;
-}
-#previewContainer media-tag * {
-  max-width: 100%;
-}
-#preview {
-  max-width: 40vw;
-  margin: auto;
-}
-#preview table {
-  border-collapse: collapse;
-}
-#preview table tr th {
-  border: 3px solid black;
-  padding: 15px;
-}
-@media (max-width: 600px) {
-  .CodeMirror {
-    flex: 1;
-    max-width: 100%;
-    resize: none;
-  }
-  #previewContainer {
-    display: none !important;
-  }
-}
diff --git a/www/code/code.less b/www/code/code.less
index 8e075e87f..98e69a18e 100644
--- a/www/code/code.less
+++ b/www/code/code.less
@@ -1,5 +1,5 @@
-@import "../../customize.dist/src/less/variables.less";
-@import "../../customize.dist/src/less/mixins.less";
+@import "/customize/src/less/variables.less";
+@import "/customize/src/less/mixins.less";
 
 html, body{
     height: 100%;
diff --git a/www/code/index.html b/www/code/index.html
index 4fa11fc33..be053d582 100644
--- a/www/code/index.html
+++ b/www/code/index.html
@@ -4,15 +4,8 @@
     <title>CryptPad</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <meta name="referrer" content="no-referrer" />
-    <script data-bootload="main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
-    <link rel="icon" type="image/png"
-        href="/customize/main-favicon.png"
-        data-main-favicon="/customize/main-favicon.png"
-        data-alt-favicon="/customize/alt-favicon.png"
-        id="favicon" />
-    <link rel="stylesheet" href="/customize/main.css" />
+    <script data-bootload="/customize/template.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
     <style>
         html, body {
             overflow-y: hidden;
@@ -46,14 +39,3 @@
     <div id="iframe-container">
         <iframe id="pad-iframe"></iframe><script src="/common/noscriptfix.js"></script>
     </div>
-    <div id="loading">
-        <div class="loadingContainer">
-            <img class="cryptofist" src="/customize/cryptofist_small.png" />
-            <div class="spinnerContainer">
-                <span class="fa fa-spinner fa-pulse fa-4x fa-fw"></span>
-            </div>
-            <p data-localization="loading"></p>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/www/code/inner.html b/www/code/inner.html
index b3ac7fed5..bebe745e6 100644
--- a/www/code/inner.html
+++ b/www/code/inner.html
@@ -2,13 +2,11 @@
 <html style="height: 100%;">
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <script src="/bower_components/codemirror/lib/codemirror.js"></script>
     <link rel="stylesheet" href="/bower_components/codemirror/lib/codemirror.css">
     <link rel="stylesheet" href="/bower_components/codemirror/addon/dialog/dialog.css">
     <link rel="stylesheet" href="/bower_components/codemirror/addon/fold/foldgutter.css" />
-    <link rel="stylesheet" href="/code/code.css" />
     <script src="/bower_components/codemirror/mode/javascript/javascript.js"></script>
     <script src="/bower_components/codemirror/addon/mode/loadmode.js"></script>
     <script src="/bower_components/codemirror/mode/meta.js"></script>
@@ -32,6 +30,7 @@
     <script src="/bower_components/codemirror/addon/fold/markdown-fold.js"></script>
     <script src="/bower_components/codemirror/addon/fold/comment-fold.js"></script>
     <script src="/bower_components/codemirror/addon/display/placeholder.js"></script>
+    <script data-bootload="inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
 </head>
 <body>
   <div id="cme_toolbox" class="toolbar-container"></div>
diff --git a/www/code/inner.js b/www/code/inner.js
new file mode 100644
index 000000000..be2697294
--- /dev/null
+++ b/www/code/inner.js
@@ -0,0 +1,5 @@
+define([
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'less!/code/code.less',
+    'less!/customize/src/less/toolbar.less',
+], function () {});
diff --git a/www/code/main.js b/www/code/main.js
index 2667a9585..ad4148a88 100644
--- a/www/code/main.js
+++ b/www/code/main.js
@@ -10,6 +10,9 @@ define([
     '/common/cryptget.js',
     '/common/diffMarked.js',
     '/bower_components/tweetnacl/nacl-fast.min.js', // needed for media-tag
+
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'less!/customize/src/less/cryptpad.less'
 ], function ($, Crypto, Realtime, TextPatcher, Toolbar, JSONSortify, JsonOT, Cryptpad,
              Cryptget, DiffMd) {
     var Messages = Cryptpad.Messages;
diff --git a/www/common/notify.js b/www/common/notify.js
index 7d723ac44..caf9b16af 100644
--- a/www/common/notify.js
+++ b/www/common/notify.js
@@ -41,13 +41,39 @@
         }
     };
 
+    var DEFAULT_MAIN = '/customize/main-favicon.png';
+    var DEFAULT_ALT = '/customize/alt-favicon.png';
+
+    var createFavicon = function () {
+        console.log("creating favicon");
+        var fav = document.createElement('link');
+        var attrs = {
+            id: 'favicon',
+            type: 'image/png',
+            rel: 'icon',
+            'data-main-favicon': DEFAULT_MAIN,
+            'data-alt-favicon': DEFAULT_ALT,
+            href: DEFAULT_MAIN,
+        };
+        Object.keys(attrs).forEach(function (k) {
+            fav.setAttribute(k, attrs[k]);
+        });
+        document.head.appendChild(fav);
+    };
+
+    if (!document.getElementById('favicon')) { createFavicon(); }
+
     Module.tab = function (frequency, count) {
         var key = '_pendingTabNotification';
 
         var favicon = document.getElementById('favicon');
+
+        var main = DEFAULT_MAIN;
+        var alt = DEFAULT_ALT;
+
         if (favicon) {
-            var main = favicon.getAttribute('data-main-favicon');
-            var alt = favicon.getAttribute('data-alt-favicon');
+            main = favicon.getAttribute('data-main-favicon') || DEFAULT_MAIN;
+            alt = favicon.getAttribute('data-alt-favicon') || DEFAULT_ALT;
             favicon.setAttribute('href', main);
         }
 
diff --git a/www/common/toolbar2.js b/www/common/toolbar2.js
index f35abf7ba..d8892957a 100644
--- a/www/common/toolbar2.js
+++ b/www/common/toolbar2.js
@@ -48,7 +48,8 @@ define([
         return 'cryptpad-uid-' + String(Math.random()).substring(2);
     };
 
-    var styleToolbar = function ($container, href, version) {
+    var styleToolbar = function ($container, href, version, force) {
+        if (!force) { return; }
         href = href || '/customize/toolbar.css' + (version?('?' + version): '');
 
         $.ajax({
@@ -108,9 +109,9 @@ define([
         $container.prepend($toolbar);
 
         if (ApiConfig && ApiConfig.requireConf && ApiConfig.requireConf.urlArgs) {
-            styleToolbar($container, undefined, ApiConfig.requireConf.urlArgs);
+            styleToolbar($container, undefined, ApiConfig.requireConf.urlArgs, config.legacyStyle);
         } else {
-            styleToolbar($container);
+            styleToolbar($container, void 0, void 0, config.legacyStyle);
         }
         $container.on('drop dragover', function (e) {
             e.preventDefault();
@@ -666,16 +667,7 @@ define([
                 });
             }
         };
-
-        Cryptpad.isOverPinLimit(function (e, isOver, data) {
-            var limit = data.limit;
-            var usage = data.usage;
-            if (typeof(limit) !== 'number' || typeof(usage) !== 'number') {
-                todo("invalid types");
-            } else if (Cryptpad.isLoggedIn() && usage >= limit) {
-                todo(void 0, true);
-            } else { todo(void 0, false); }
-        });
+        Cryptpad.isOverPinLimit(todo);
 
         return $limit;
     };
@@ -736,6 +728,7 @@ define([
                 Cryptpad.prompt(Messages.changeNamePrompt, lastName || '', function (newName) {
                     if (newName === null && typeof(lastName) === "string") { return; }
                     if (newName === null) { newName = ''; }
+                    else { Cryptpad.feedback('NAME_CHANGED'); }
                     Cryptpad.changeDisplayName(newName, true);
                 });
             });
diff --git a/www/drive/file.less b/www/drive/file.less
index 32b07decf..6a19b8f8b 100644
--- a/www/drive/file.less
+++ b/www/drive/file.less
@@ -1,4 +1,4 @@
-@import "../../customize.dist/src/less/variables.less";
+@import "/customize/src/less/variables.less";
 
 @tree-bg: #fff;
 @tree-fg: #000;
diff --git a/www/drive/index.html b/www/drive/index.html
index e5185dbff..babfa1264 100644
--- a/www/drive/index.html
+++ b/www/drive/index.html
@@ -4,14 +4,7 @@
     <title>CryptDrive</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
-    <link rel="icon" type="image/png"
-        href="/customize/main-favicon.png"
-        data-main-favicon="/customize/main-favicon.png"
-        data-alt-favicon="/customize/alt-favicon.png"
-        id="favicon" />
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
-    <link rel="stylesheet" href="/customize/main.css" />
-    <script data-bootload="main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
+    <script data-bootload="/customize/template.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
     <style>
         html, body {
             margin: 0px;
@@ -34,14 +27,3 @@
 </head>
 <body>
     <iframe id="pad-iframe"></iframe><script src="/common/noscriptfix.js"></script>
-    <div id="loading">
-        <div class="loadingContainer">
-            <img class="cryptofist" src="/customize/cryptofist_small.png" />
-            <div class="spinnerContainer">
-                <span class="fa fa-spinner fa-pulse fa-4x fa-fw"></span>
-            </div>
-            <p data-localization="loading"></p>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/www/drive/inner.html b/www/drive/inner.html
index f35be196a..eb2014e89 100644
--- a/www/drive/inner.html
+++ b/www/drive/inner.html
@@ -2,11 +2,8 @@
 <html>
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="file.css" />
-    <link rel="stylesheet" href="/customize/main.css" />
+    <script data-bootload="/drive/inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
 </head>
 <body>
     <div id="toolbar" class="toolbar-container"></div>
diff --git a/www/drive/inner.js b/www/drive/inner.js
new file mode 100644
index 000000000..01c7c81c2
--- /dev/null
+++ b/www/drive/inner.js
@@ -0,0 +1,7 @@
+define([
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
+    'css!/drive/file.css',
+    'less!/customize/src/less/cryptpad.less',
+    'less!/customize/src/less/toolbar.less',
+], function () {});
diff --git a/www/drive/main.js b/www/drive/main.js
index 74ac1bb00..b1d430eaa 100644
--- a/www/drive/main.js
+++ b/www/drive/main.js
@@ -9,7 +9,10 @@ define([
     '/common/toolbar2.js',
     '/customize/application_config.js',
     '/common/cryptget.js',
-    '/common/mergeDrive.js'
+    '/common/mergeDrive.js',
+
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'less!/customize/src/less/cryptpad.less',
 ], function ($, Listmap, Crypto, TextPatcher, JSONSortify, Cryptpad, FO, Toolbar, AppConfig, Get, Merge) {
     var module = window.MODULE = {};
 
diff --git a/www/file/file.css b/www/file/file.css
deleted file mode 100644
index 97d9a545b..000000000
--- a/www/file/file.css
+++ /dev/null
@@ -1,110 +0,0 @@
-html,
-body {
-  margin: 0px;
-  height: 100%;
-}
-#toolbar {
-  display: flex;
-}
-body {
-  display: flex;
-  flex-flow: column;
-}
-#app {
-  flex: 1;
-  background: url('/customize/bg3.jpg') no-repeat center center;
-  background-size: cover;
-  background-position: center;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.cryptpad-toolbar {
-  padding: 0px;
-  display: inline-block;
-}
-#file,
-#dl {
-  display: block;
-  height: 100%;
-  width: 100%;
-  border: 2px solid black;
-}
-.inputfile {
-  width: 0.1px;
-  height: 0.1px;
-  opacity: 0;
-  overflow: hidden;
-  position: absolute;
-  z-index: -1;
-}
-media-tag img {
-  max-width: 100%;
-  max-height: calc(100vh - 96px);
-}
-#upload-form,
-#download-form {
-  padding: 0px;
-  margin: 0px;
-  position: relative;
-  width: 50vh;
-  height: 50vh;
-  display: block;
-  margin: 50px auto;
-  max-width: 80vw;
-}
-#upload-form label,
-#download-form label {
-  line-height: calc(50vh - 20px);
-  text-align: center;
-  position: relative;
-  padding: 10px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: 50vh;
-  box-sizing: border-box;
-}
-#download-form label {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  white-space: normal;
-  word-wrap: break-word;
-}
-#download-form label span {
-  width: 50vh;
-  max-width: 80vw;
-  text-align: center;
-  line-height: 1.5em;
-}
-.hovering {
-  background-color: rgba(255, 0, 115, 0.5) !important;
-}
-.block {
-  display: block;
-}
-.hidden {
-  display: none;
-}
-.inputfile + label {
-  display: block;
-}
-#progress {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 100%;
-  transition: width 200ms;
-  width: 0%;
-  max-width: 100%;
-  max-height: 100%;
-  background-color: rgba(255, 0, 115, 0.75);
-  z-index: 10000;
-  display: block;
-}
-body #uploadStatusContainer {
-  background-color: rgba(255, 255, 255, 0.9);
-  color: black;
-  opacity: 0.9;
-}
diff --git a/www/file/file.less b/www/file/file.less
index f4a081549..03271f379 100644
--- a/www/file/file.less
+++ b/www/file/file.less
@@ -1,5 +1,5 @@
-@import "../../customize.dist/src/less/variables.less";
-@import "../../customize.dist/src/less/mixins.less";
+@import "/customize/src/less/variables.less";
+@import "/customize/src/less/mixins.less";
 
 @button-border: 2px;
 
diff --git a/www/file/index.html b/www/file/index.html
index 1f8f2dcb1..52e872b81 100644
--- a/www/file/index.html
+++ b/www/file/index.html
@@ -4,14 +4,7 @@
     <title>CryptPad</title>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
-    <script data-bootload="main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
-    <link rel="icon" type="image/png"
-        href="/customize/main-favicon.png"
-        data-main-favicon="/customize/main-favicon.png"
-        data-alt-favicon="/customize/alt-favicon.png"
-        id="favicon" />
-    <link rel="stylesheet" href="/customize/main.css" />
+    <script data-bootload="/customize/template.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
     <style>
         html, body {
             margin: 0px;
@@ -34,14 +27,4 @@
 </head>
 <body>
     <iframe id="pad-iframe"></iframe><script src="/common/noscriptfix.js"></script>
-    <div id="loading">
-        <div class="loadingContainer">
-            <img class="cryptofist" src="/customize/cryptofist_small.png" />
-            <div class="spinnerContainer">
-                <span class="fa fa-spinner fa-pulse fa-4x fa-fw"></span>
-            </div>
-            <p data-localization="loading"></p>
-        </div>
-    </div>
-</body>
-</html>
+
diff --git a/www/file/inner.html b/www/file/inner.html
index cc2ec2753..8adb80b08 100644
--- a/www/file/inner.html
+++ b/www/file/inner.html
@@ -2,11 +2,8 @@
 <html>
 <head>
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/file/file.css">
-    <link rel="stylesheet" href="/customize/main.css">
+    <script data-bootload="/file/inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
 </head>
 <body>
     <div id="toolbar" class="toolbar-container"></div>
diff --git a/www/file/inner.js b/www/file/inner.js
new file mode 100644
index 000000000..7f901f08d
--- /dev/null
+++ b/www/file/inner.js
@@ -0,0 +1,7 @@
+define([
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
+    'less!/file/file.less',
+    'less!/customize/src/less/cryptpad.less',
+    'less!/customize/src/less/toolbar.less',
+], function () {});
diff --git a/www/file/main.js b/www/file/main.js
index ad1baaad5..b2dac261e 100644
--- a/www/file/main.js
+++ b/www/file/main.js
@@ -9,6 +9,9 @@ define([
     '/file/file-crypto.js',
     '/bower_components/file-saver/FileSaver.min.js',
     '/bower_components/tweetnacl/nacl-fast.min.js',
+
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'less!/customize/src/less/cryptpad.less',
 ], function ($, Crypto, realtimeInput, Toolbar, Cryptpad, Visible, Notify, FileCrypto) {
     var Messages = Cryptpad.Messages;
     var saveAs = window.saveAs;
diff --git a/www/pad/index.html b/www/pad/index.html
index 3095c137f..876add672 100644
--- a/www/pad/index.html
+++ b/www/pad/index.html
@@ -5,14 +5,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
-    <script data-bootload="main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
-    <link rel="icon" type="image/png"
-        href="/customize/main-favicon.png"
-        data-main-favicon="/customize/main-favicon.png"
-        data-alt-favicon="/customize/alt-favicon.png"
-        id="favicon" />
-    <link rel="stylesheet" href="/customize/main.css" />
+    <script data-bootload="/customize/template.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
     <style>
         html, body {
             margin: 0px;
@@ -58,14 +51,4 @@
 </head>
 <body>
     <iframe id="pad-iframe"></iframe><script src="/common/noscriptfix.js"></script>
-    <div id="loading">
-        <div class="loadingContainer">
-            <img class="cryptofist" src="/customize/cryptofist_small.png" />
-            <div class="spinnerContainer">
-                <span class="fa fa-spinner fa-pulse fa-4x fa-fw"></span>
-            </div>
-            <p data-localization="loading"></p>
-        </div>
-    </div>
-</body>
-</html>
+
diff --git a/www/pad/inner.html b/www/pad/inner.html
index 1456843e4..0f63e88d7 100644
--- a/www/pad/inner.html
+++ b/www/pad/inner.html
@@ -5,6 +5,7 @@
     <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <script src="/bower_components/jquery/dist/jquery.min.js"></script>
     <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
+    <script data-bootload="/pad/inner.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
     <script src="/bower_components/ckeditor/ckeditor.js"></script>
     <style>
     html, body {
@@ -25,7 +26,7 @@
     }
     #cke_1_top .cryptpad-toolbar {
         padding: 0;
-        display: inline-block;
+        display: block;
     }
     .cke_wysiwyg_frame {
         min-width: 60%;
diff --git a/www/pad/inner.js b/www/pad/inner.js
new file mode 100644
index 000000000..6348d82c2
--- /dev/null
+++ b/www/pad/inner.js
@@ -0,0 +1,3 @@
+define([
+    //'less!/customize/src/less/toolbar.less',
+], function () {});
diff --git a/www/pad/main.js b/www/pad/main.js
index a762221a3..6c6f0049e 100644
--- a/www/pad/main.js
+++ b/www/pad/main.js
@@ -13,7 +13,10 @@ define([
     '/common/cryptget.js',
     '/pad/links.js',
     '/bower_components/file-saver/FileSaver.min.js',
-    '/bower_components/diff-dom/diffDOM.js'
+    '/bower_components/diff-dom/diffDOM.js',
+
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'less!/customize/src/less/cryptpad.less',
 ], function ($, Crypto, realtimeInput, Hyperjson,
     Toolbar, Cursor, JsonOT, TypingTest, JSONSortify, TextPatcher, Cryptpad, Cryptget, Links) {
     var saveAs = window.saveAs;
@@ -468,7 +471,8 @@ define([
                     realtime: info.realtime,
                     network: info.network,
                     $container: $bar,
-                    $contentContainer: $iframe.find('#cke_1_contents')
+                    $contentContainer: $iframe.find('#cke_1_contents'),
+                    legacyStyle: true,
                 };
                 toolbar = info.realtime.toolbar = Toolbar.create(configTb);
 
diff --git a/www/poll/index.html b/www/poll/index.html
index 09a92aa1f..ffbb6dae7 100644
--- a/www/poll/index.html
+++ b/www/poll/index.html
@@ -1,59 +1,11 @@
 <!DOCTYPE html>
 <html class="cp poll">
 <head>
-    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <title data-localization="poll_title">Zero Knowledge Date Picker</title>
-    <link rel="icon" type="image/png"
-        href="/customize/main-favicon.png"
-        data-main-favicon="/customize/main-favicon.png"
-        data-alt-favicon="/customize/alt-favicon.png"
-        id="favicon" />
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
-    <link rel="stylesheet" href="/customize/main.css" />
-    <link rel="stylesheet" href="./poll.css" />
-    <script data-bootload="main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
+    <script data-main="/common/boot.js" src="/bower_components/requirejs/require.js"
+        data-bootload="/customize/template.js"></script>
 </head>
 <body>
 
-<div id="toolbar" class="toolbar-container"></div>
-<div id="content">
-    <div id="poll">
-        <div id="howItWorks">
-            <h1 id="mainTitle">CryptPoll</h1>
-            <h2 data-localization="poll_subtitle"></h2>
-
-            <p data-localization="poll_p_save"></p>
-            <p data-localization="poll_p_encryption"></p>
-        </div>
-
-        <div class="upper">
-            <button id="publish" data-localization-title="poll_publish_button" data-localization="poll_publish_button" style="display: none;">publish poll</button>
-            <button id="admin" data-localization-title="poll_admin_button" data-localization="poll_admin_button" style="display: none;">admin</button>
-            <button id="help" data-localization-title="poll_show_help_button" data-localization="poll_show_help_button">help</button>
-        </div>
-
-        <div class="realtime">
-            <br />
-            <center>
-            <textarea rows=5 cols=50 disabled="disabled" id="description"></textarea><br />
-            </center>
-            <div id="tableContainer">
-                <div id="tableScroll"></div>
-                <button data-localization-title="poll_create_user" id="create-user"><span class="fa fa-plus"></span></button>
-                <button data-localization-title="poll_create_option" id="create-option"><span class="fa fa-plus"></span></button>
-                <button data-localization-title="poll_commit" id="commit"><span class="fa fa-check"></span></button>
-            </div>
-        </div>
-    </div>
-</div>
-
-<div id="loading">
-    <div class="loadingContainer">
-        <img class="cryptofist" src="/customize/cryptofist_small.png" />
-        <div class="spinnerContainer">
-            <span class="fa fa-spinner fa-pulse fa-4x fa-fw"></span>
-        </div>
-        <p data-localization="loading"></p>
-    </div>
-</div>
diff --git a/www/poll/main.js b/www/poll/main.js
index e3f934b70..4fee97e5b 100644
--- a/www/poll/main.js
+++ b/www/poll/main.js
@@ -8,7 +8,11 @@ define([
     '/bower_components/hyperjson/hyperjson.js',
     'render.js',
     '/common/toolbar2.js',
-    '/bower_components/file-saver/FileSaver.min.js'
+    '/bower_components/file-saver/FileSaver.min.js',
+
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'less!/customize/src/less/toolbar.less',
+    'less!/poll/poll.less',
 ], function ($, TextPatcher, Listmap, Crypto, Cryptpad, Cryptget, Hyperjson, Renderer, Toolbar) {
 
     var Messages = Cryptpad.Messages;
diff --git a/www/poll/poll.less b/www/poll/poll.less
index b4315c297..47e419bfb 100644
--- a/www/poll/poll.less
+++ b/www/poll/poll.less
@@ -1,5 +1,5 @@
-@import "../../customize.dist/src/less/variables.less";
-@import "../../customize.dist/src/less/mixins.less";
+@import "/customize/src/less/variables.less";
+@import "/customize/src/less/mixins.less";
 
 @poll-th-bg: #aaa;
 @poll-th-user-bg: #999;
diff --git a/www/settings/main.css b/www/settings/main.css
deleted file mode 100644
index ed3a3f078..000000000
--- a/www/settings/main.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.cp input[type="text"] {
-  padding-left: 10px;
-}
-.cp #mainBlock {
-  z-index: 1;
-  width: 1000px;
-  max-width: 90%;
-  margin: auto;
-}
-.cp #mainBlock #container .infoBlock {
-  padding: 15px;
-  border: 1px solid #555;
-  background: #cccccc;
-}
-.cp #mainBlock #container .infoBlock .label {
-  font-weight: bold;
-  text-decoration: underline;
-  margin-right: 5px;
-}
-.cp #mainBlock #container .displayName input,
-.cp #mainBlock #container .displayName button {
-  vertical-align: middle;
-}
-.cp #mainBlock #container .backupDrive button {
-  margin-right: 5px;
-}
-.cp #mainBlock #container .backupDrive button span.fa {
-  margin-right: 5px;
-}
-.cp #mainBlock #container > div {
-  margin: 10px 0;
-}
diff --git a/www/settings/main.js b/www/settings/main.js
index 412e749a2..6331ee38b 100644
--- a/www/settings/main.js
+++ b/www/settings/main.js
@@ -6,13 +6,15 @@ define([
     '/bower_components/file-saver/FileSaver.min.js',
     '/customize/header.js',
 
-    'css!/customize/main.css',
+    'less!/customize/src/less/cryptpad.less',
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
     'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
-    'css!/settings/main.css',
+    'less!/settings/main.less',
 ], function ($, Cryptpad, Crypt, Merge) {
     var saveAs = window.saveAs;
 
+    console.log("wut");
+
     var USERNAME_KEY = 'cryptpad.username';
 
     var APP = window.APP = {
diff --git a/www/settings/main.less b/www/settings/main.less
index b8d80c63b..336a1cec4 100644
--- a/www/settings/main.less
+++ b/www/settings/main.less
@@ -1,4 +1,4 @@
-@import '../../customize.dist/src/less/variables.less';
+@import '/customize/src/less/variables.less';
 
 @border: 1px solid #555;
 
diff --git a/www/slide/index.html b/www/slide/index.html
index 96eb6c577..14db505a7 100644
--- a/www/slide/index.html
+++ b/www/slide/index.html
@@ -5,15 +5,7 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="referrer" content="no-referrer" />
-    <script data-bootload="main.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
-    <link rel="icon" type="image/png"
-        href="/customize/main-favicon.png"
-
-        data-main-favicon="/customize/main-favicon.png"
-        data-alt-favicon="/customize/alt-favicon.png"
-        id="favicon" />
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
-    <link rel="stylesheet" href="/customize/main.css" />
+    <script data-bootload="/customize/template.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
     <style>
         html, body {
             overflow-y: hidden;
@@ -49,14 +41,4 @@
     <div id="iframe-container">
         <iframe id="pad-iframe", name="pad-iframe"></iframe><script src="/common/noscriptfix.js"></script>
     </div>
-    <div id="loading">
-        <div class="loadingContainer">
-            <img class="cryptofist" src="/customize/cryptofist_small.png" />
-            <div class="spinnerContainer">
-                <span class="fa fa-spinner fa-pulse fa-4x fa-fw"></span>
-            </div>
-            <p data-localization="loading"></p>
-        </div>
-    </div>
-</body>
-</html>
+
diff --git a/www/slide/inner.js b/www/slide/inner.js
index 2b9da86c5..9c0226403 100644
--- a/www/slide/inner.js
+++ b/www/slide/inner.js
@@ -1 +1,5 @@
-define([ 'less!/slide/slide.less' ], function () {});
+define([
+    'less!/slide/slide.less',
+    'less!/customize/src/less/toolbar.less',
+    'less!/customize/src/less/cryptpad.less',
+], function () {});
diff --git a/www/slide/main.js b/www/slide/main.js
index c0d265800..9bd32808c 100644
--- a/www/slide/main.js
+++ b/www/slide/main.js
@@ -10,6 +10,9 @@ define([
     '/common/cryptget.js',
     '/slide/slide.js',
     '/bower_components/tweetnacl/nacl-fast.min.js', // needed for media-tag
+
+    'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
+    'less!/customize/src/less/cryptpad.less',
 ], function ($, Crypto, Realtime, TextPatcher, Toolbar, JSONSortify, JsonOT, Cryptpad, Cryptget, Slide) {
     var Messages = Cryptpad.Messages;
 
diff --git a/www/whiteboard/index.html b/www/whiteboard/index.html
index 418a2aae5..7b0eebd26 100644
--- a/www/whiteboard/index.html
+++ b/www/whiteboard/index.html
@@ -4,12 +4,6 @@
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <script data-bootload="/customize/template.js" data-main="/common/boot.js" src="/bower_components/requirejs/require.js"></script>
-    <link rel="icon" type="image/png"
-        href="/customize/main-favicon.png"
-        data-main-favicon="/customize/main-favicon.png"
-        data-alt-favicon="/customize/alt-favicon.png"
-        id="favicon" />
-    <link rel="stylesheet" href="/bower_components/components-font-awesome/css/font-awesome.min.css">
     <style> .noscroll { overflow-y: hidden; } </style>
 </head>
 <body class='noscroll'>
diff --git a/www/whiteboard/main.js b/www/whiteboard/main.js
index d84f96c0d..74a7d9c73 100644
--- a/www/whiteboard/main.js
+++ b/www/whiteboard/main.js
@@ -15,8 +15,9 @@ define([
     '/bower_components/file-saver/FileSaver.min.js',
 
     'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
-    'css!/customize/main.css',
+    'less!/customize/src/less/cryptpad.less',
     'less!/whiteboard/whiteboard.less',
+    'less!/customize/src/less/toolbar.less',
 ], function ($, Config, Realtime, Crypto, Toolbar, TextPatcher, JSONSortify, JsonOT, Cryptpad, Cryptget, Colors, AppConfig) {
     var saveAs = window.saveAs;
     var Messages = Cryptpad.Messages;
diff --git a/www/whiteboard/whiteboard.css b/www/whiteboard/whiteboard.css
deleted file mode 100644
index a0619360b..000000000
--- a/www/whiteboard/whiteboard.css
+++ /dev/null
@@ -1,84 +0,0 @@
-.hidden {
-  display: none;
-}
-html,
-body {
-  padding: 0px;
-  margin: 0px;
-  box-sizing: border-box;
-}
-body {
-  display: flex;
-  flex-flow: column;
-  height: 100%;
-  background: url('/customize/bg3.jpg') no-repeat center center;
-  background-size: cover;
-  background-position: center;
-}
-#canvas-area {
-  flex: 1;
-  display: flex;
-}
-.canvas-container {
-  border: 1px solid black;
-  margin: auto;
-  background: white;
-}
-#controls {
-  display: block;
-  position: relative;
-  border-top: 1px solid black;
-  background: white;
-  height: 100px;
-  line-height: 100px;
-  padding-bottom: 5px;
-}
-#controls #width,
-#controls #opacity {
-  position: relative;
-  vertical-align: middle;
-}
-#controls #clear,
-#controls #delete,
-#controls #toggleDraw {
-  display: inline;
-  vertical-align: middle;
-}
-#controls .selected {
-  margin-left: 20px;
-  display: inline-block;
-  height: 135px;
-  width: 135px;
-  z-index: 9001;
-  text-align: center;
-}
-#controls .selected img {
-  vertical-align: middle;
-}
-/* Colors */
-#colors {
-  position: relative;
-  vertical-align: middle;
-  z-index: 100;
-  background: white;
-  display: flex;
-  justify-content: space-between;
-}
-#colors span.palette-color {
-  height: 4vw;
-  width: 4vw;
-  display: inline-block;
-  margin: 5px;
-  border: 1px solid black;
-  vertical-align: top;
-}
-#color-picker {
-  display: block;
-}
-#pickers {
-  visibility: hidden;
-  position: absolute;
-  width: 0;
-  height: 0;
-  z-index: -5;
-}