From 4a63ba7df3809b9c5ec0bfa40aefe63c006f5acb Mon Sep 17 00:00:00 2001 From: Caleb James DeLisle Date: Wed, 28 Jan 2015 17:58:55 +0100 Subject: [PATCH] Give cryptpad a proper main page --- www/index.css | 4301 ++++++++++++++++++++++++++++++++++++++++++++++++ www/index.html | 55 +- www/main.js | 10 +- 3 files changed, 4359 insertions(+), 7 deletions(-) create mode 100644 www/index.css diff --git a/www/index.css b/www/index.css new file mode 100644 index 000000000..8408a126f --- /dev/null +++ b/www/index.css @@ -0,0 +1,4301 @@ +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: #35D7BB; + text-decoration: none +} + +a:hover,a:focus { + border-bottom-color: #35D7BB; + color: #dff9f4 +} + +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/www/index.html b/www/index.html index da13ffe09..631638b55 100644 --- a/www/index.html +++ b/www/index.html @@ -4,13 +4,60 @@ + + -
- -
+ diff --git a/www/main.js b/www/main.js index a7aa5f741..b909200dc 100644 --- a/www/main.js +++ b/www/main.js @@ -27,12 +27,16 @@ define([ }; $(function () { - if (window.location.href.indexOf('#') === -1) { - window.location.href = window.location.href + '#' + genKey(); - } $(window).on('hashchange', function() { window.location.reload(); }); + if (window.location.href.indexOf('#') === -1) { + $('#create-pad').click(function (ev) { + ev.preventDefault(); + window.location.href = window.location.href + '#' + genKey(); + }); + return; + } var key = parseKey(window.location.hash.substring(1)); var editor = Ckeditor.replace('editor1', { removeButtons: 'Source,Maximize',