From e9bfaa9a6021888207d3004bf3c29a58c6d85649 Mon Sep 17 00:00:00 2001 From: ansuz Date: Tue, 27 Jun 2017 14:25:02 +0200 Subject: [PATCH 1/7] compile less clientside. remove compiled css --- customize.dist/index.css | 4296 --------------------------------- customize.dist/main.css | 1219 ---------- customize.dist/pages.js | 135 +- customize.dist/template.js | 37 +- package.json | 2 +- www/code/code.css | 79 - www/code/code.less | 4 +- www/code/index.html | 2 - www/code/inner.html | 3 +- www/code/inner.js | 5 + www/code/main.js | 2 + www/common/toolbar2.js | 12 +- www/drive/file.less | 2 +- www/drive/index.html | 2 - www/drive/inner.html | 5 +- www/drive/inner.js | 7 + www/drive/main.js | 5 +- www/file/file.css | 110 - www/file/file.less | 4 +- www/file/index.html | 2 - www/file/inner.html | 5 +- www/file/inner.js | 7 + www/file/main.js | 3 + www/pad/index.html | 2 - www/pad/inner.html | 3 +- www/pad/inner.js | 3 + www/pad/main.js | 8 +- www/poll/index.html | 3 - www/poll/main.js | 7 +- www/poll/poll.less | 4 +- www/settings/main.css | 32 - www/settings/main.js | 6 +- www/settings/main.less | 2 +- www/slide/inner.js | 6 +- www/slide/main.js | 3 + www/whiteboard/index.html | 1 - www/whiteboard/main.js | 3 +- www/whiteboard/whiteboard.css | 84 - 38 files changed, 167 insertions(+), 5948 deletions(-) delete mode 100644 customize.dist/index.css delete mode 100644 customize.dist/main.css delete mode 100644 www/code/code.css create mode 100644 www/code/inner.js create mode 100644 www/drive/inner.js delete mode 100644 www/file/file.css create mode 100644 www/file/inner.js create mode 100644 www/pad/inner.js delete mode 100644 www/settings/main.css delete mode 100644 www/whiteboard/whiteboard.css 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
- 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 2be78d38a..9745163b1 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', [ @@ -259,7 +260,7 @@ define([ ]) ] .concat(tryIt()) - .concat(indexContent()); + //.concat(indexContent()); }; var loadingScreen = function () { diff --git a/customize.dist/template.js b/customize.dist/template.js index 24d859633..8bc853d0b 100644 --- a/customize.dist/template.js +++ b/customize.dist/template.js @@ -4,14 +4,13 @@ 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); + return /^\/(pad|code|slide|poll|whiteboard|file|media)\//.test(location.pathname); }; var rightLink = function (ref, loc, txt) { @@ -130,24 +129,26 @@ $(function () { } require([ + 'less!/customize/src/less/cryptpad.less', 'css!/bower_components/bootstrap/dist/css/bootstrap.min.css', - ], function () {}); + ], function () { + $body.append($topbar).append($main).append($footer); - $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 (/^\/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 () {}); + } + }); - if (/^\/settings\//.test(pathname)) { - require([ '/settings/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/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..0959d023e 100644 --- a/www/code/index.html +++ b/www/code/index.html @@ -4,7 +4,6 @@ CryptPad - - 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; -} From 9b6790534f91f676f05012f59d6c6d9c8ff7203f Mon Sep 17 00:00:00 2001 From: ansuz Date: Tue, 27 Jun 2017 14:26:09 +0200 Subject: [PATCH 2/7] remove grey text from ckeditor initialState --- customize.dist/translations/messages.es.js | 4 ++-- customize.dist/translations/messages.fr.js | 4 ++-- customize.dist/translations/messages.js | 4 ++-- customize.dist/translations/messages.ro.js | 2 +- customize.dist/translations/messages.zh.js | 4 ++-- 5 files changed, 9 insertions(+), 9 deletions(-) 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  Compartir  para obtener un enlace solo lectura que permite leer pero no escribir.', '

', - '

', + '

', 'Vamos, solo empezia a escribir...', - '

', + '

', '

 

' ].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 () { '
', 'Partagez le lien vers ce pad avec des amis ou utilisez le bouton  Partager  pour obtenir le lien de lecture-seule, qui permet la lecture mais non la modification.', '

', - '

', + '

', '', 'Lancez-vous, commencez à taper...', - '

', + '

', '

 

' ].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  Share  button to share a read-only link which allows viewing but not editing.', '

', - '

', + '

', 'Go ahead, just start typing...', - '

', + '

', '

 

' ].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 = "With \"love\" from \"Franța\"/ by \"XWiki"; out.header_support = " \"OpenPaaS-ng\""; out.header_logoTitle = "Mergi la pagina principală"; - out.initialState = "

Acesta este CryptPad, editorul colaborativ bazat pe tehnologia Zero Knowledge în timp real. Totul este salvat pe măsură ce scrii.
Partajează link-ul către acest pad pentru a edita cu prieteni sau folosește  Share  butonul pentru a partaja read-only link permițând vizualizarea dar nu și editarea.

Îndrăznește, începe să scrii...

 

"; + out.initialState = "

Acesta este CryptPad, editorul colaborativ bazat pe tehnologia Zero Knowledge în timp real. Totul este salvat pe măsură ce scrii.
Partajează link-ul către acest pad pentru a edita cu prieteni sau folosește  Share  butonul pentru a partaja read-only link permițând vizualizarea dar nu și editarea.

Îndrăznește, începe să scrii...

 

"; 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 () { '分享這個工作檔案的網址連結給友人或是使用、  分享  按鈕分享唯讀的連結 其只能看不能編寫。', '

', - '

', + '

', '來吧, 開始打字輸入吧...', - '

', + '

', '

 

' ].join(''); From bb74935b08e86c437fc9b7d17db3259f3b50e4c5 Mon Sep 17 00:00:00 2001 From: ansuz Date: Tue, 27 Jun 2017 15:37:42 +0200 Subject: [PATCH 3/7] allow pin limit caching to occur at api level --- www/common/toolbar2.js | 16 +--------------- 1 file changed, 1 insertion(+), 15 deletions(-) diff --git a/www/common/toolbar2.js b/www/common/toolbar2.js index 5caa24ddb..e80e84322 100644 --- a/www/common/toolbar2.js +++ b/www/common/toolbar2.js @@ -667,21 +667,7 @@ define([ }); } }; - - Cryptpad.isOverPinLimit(function (e, isOver, data) { - if (e) { return console.error(e); } - - if (isOver) { return todo(void 0, true); } - - if (!data) { return console.error("Problem creating limit"); } - 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; }; From bdca6b10c2889c10bf1b82ceb3d4898bcfafaa02 Mon Sep 17 00:00:00 2001 From: ansuz Date: Tue, 27 Jun 2017 15:38:12 +0200 Subject: [PATCH 4/7] use templates in poll.js --- customize.dist/pages.js | 56 ++++++++++++++++++++++++++++++++++++-- customize.dist/template.js | 18 +++++++++--- www/poll/index.html | 43 +---------------------------- 3 files changed, 69 insertions(+), 48 deletions(-) diff --git a/customize.dist/pages.js b/customize.dist/pages.js index faf6965a4..3ca0028d1 100644 --- a/customize.dist/pages.js +++ b/customize.dist/pages.js @@ -259,8 +259,7 @@ define([ ]), ]) ] - .concat(tryIt()) - //.concat(indexContent()); + .concat(tryIt()); }; var loadingScreen = function () { @@ -427,5 +426,58 @@ 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() + ]; + }; + return Pages; }); diff --git a/customize.dist/template.js b/customize.dist/template.js index 563bc4708..02dace9df 100644 --- a/customize.dist/template.js +++ b/customize.dist/template.js @@ -119,11 +119,21 @@ $(function () { if (isMainApp()) { if (typeof(Pages[pathname]) === 'function') { $('body').html(h('body', Pages[pathname]()).innerHTML); - setTimeout(function () { - require(['/whiteboard/main.js'], function () { - $('body').removeClass('noscroll'); + + if (/whiteboard/.test(pathname)) { + setTimeout(function () { + require(['/whiteboard/main.js'], function () { + $('body').removeClass('noscroll'); + }); + }); + } else if (/poll/.test(pathname)) { + setTimeout(function () { + require(['/poll/main.js'], function () { + $('body').removeClass('noscroll'); + console.log("TEMPLATE!"); + }); }); - }); + } return; } } diff --git a/www/poll/index.html b/www/poll/index.html index d2dac0dd0..a5572f7c7 100644 --- a/www/poll/index.html +++ b/www/poll/index.html @@ -9,48 +9,7 @@ data-main-favicon="/customize/main-favicon.png" data-alt-favicon="/customize/alt-favicon.png" id="favicon" /> - + -
-
-
-
-

CryptPoll

-

- -

-

-
- -
- - - -
- -
-
-
-
-
-
-
- - - -
-
-
-
- -
-
- -
- -
-

-
-
From 3be6433fdfd98b26dfc606e4b97432c0caf2020d Mon Sep 17 00:00:00 2001 From: ansuz Date: Tue, 27 Jun 2017 18:06:32 +0200 Subject: [PATCH 5/7] send feedback on name changes --- www/common/toolbar2.js | 1 + 1 file changed, 1 insertion(+) diff --git a/www/common/toolbar2.js b/www/common/toolbar2.js index e80e84322..d8892957a 100644 --- a/www/common/toolbar2.js +++ b/www/common/toolbar2.js @@ -728,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); }); }); From f232675cc98722e0d16698fa3b424c61a9b34bdd Mon Sep 17 00:00:00 2001 From: ansuz Date: Tue, 27 Jun 2017 18:07:03 +0200 Subject: [PATCH 6/7] create a favicon if it does not already exist --- www/common/notify.js | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) 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); } From 7de268316961066ba1907290674d4a1f1b1b518c Mon Sep 17 00:00:00 2001 From: ansuz Date: Tue, 27 Jun 2017 18:17:52 +0200 Subject: [PATCH 7/7] make all apps use clientside templates --- customize.dist/pages.js | 22 ++++++++- customize.dist/src/less/loading.less | 2 + customize.dist/template.js | 67 +++++++++++++++++++++------- www/code/index.html | 18 +------- www/code/main.js | 1 + www/drive/index.html | 18 +------- www/file/index.html | 19 +------- www/pad/index.html | 19 +------- www/poll/index.html | 10 ++--- www/poll/main.js | 1 - www/slide/index.html | 22 +-------- www/whiteboard/index.html | 5 --- 12 files changed, 87 insertions(+), 117 deletions(-) diff --git a/customize.dist/pages.js b/customize.dist/pages.js index 3ca0028d1..7c8b45163 100644 --- a/customize.dist/pages.js +++ b/customize.dist/pages.js @@ -263,7 +263,7 @@ define([ }; var loadingScreen = function () { - return h('div#loading', + return h('div#loading', h('div.loadingContainer', [ h('img.cryptofist', { src: '/customize/cryptofist_small.png' @@ -479,5 +479,25 @@ define([ ]; }; + 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 02dace9df..c0ca4f1d5 100644 --- a/customize.dist/template.js +++ b/customize.dist/template.js @@ -10,7 +10,8 @@ $(function () { var Messages = Cryptpad.Messages; var $body = $('body'); var isMainApp = function () { - return /^\/(pad|code|slide|poll|whiteboard|file|media)\//.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) { @@ -115,25 +116,61 @@ $(function () { var pathname = location.pathname; - if (isMainApp()) { + console.log("Is main app"); if (typeof(Pages[pathname]) === 'function') { - $('body').html(h('body', Pages[pathname]()).innerHTML); + require([ + 'less!/customize/src/less/loading.less' + ], function () { + //$('body').html(h('body', Pages[pathname]()).innerHTML); + + console.log("TEMPLATED"); - if (/whiteboard/.test(pathname)) { - setTimeout(function () { - require(['/whiteboard/main.js'], function () { - $('body').removeClass('noscroll'); + 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 (/poll/.test(pathname)) { - setTimeout(function () { - require(['/poll/main.js'], function () { - $('body').removeClass('noscroll'); - console.log("TEMPLATE!"); + } 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; } } diff --git a/www/code/index.html b/www/code/index.html index 0959d023e..be053d582 100644 --- a/www/code/index.html +++ b/www/code/index.html @@ -5,12 +5,7 @@ - - +