/* https://browserling.com/tools/css-prettify */ @charset "UTF-8"; @import 'https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.9.0-alpha2/katex.min.css'; 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 } table{ background-color:transparent } th{ text-align:left } .table{ width:100%; max-width:100%; margin-bottom:20px } .table>thead>tr>th{ padding:8px; line-height:1.4285714; border-top:1px solid #ddd } .table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td{ padding:8px; line-height:1.4285714; vertical-align:top; border-top:1px solid #ddd } .table>thead>tr>th{ vertical-align:bottom; border-bottom:2px solid #ddd } .table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td{ border-top:0 } .table>tbody+tbody{ border-top:2px solid #ddd } .table .table{ background-color:#fff } .table-condensed>thead>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>tfoot>tr>td{ padding:5px } .table-bordered,.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>tfoot>tr>td{ border:1px solid #ddd } .table-bordered>thead>tr>th,.table-bordered>thead>tr>td{ border-bottom-width:2px } .table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{ background-color:#f9f9f9 } .table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{ background-color:#f5f5f5 } table col[class*="col-"]{ position:static; float:none; display:table-column } table td[class*="col-"],table th[class*="col-"]{ position:static; float:none; display:table-cell } .table>thead>tr>td.active,.table>thead>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th{ background-color:#f5f5f5 } .table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{ background-color:#e8e8e8 } .table>thead>tr>td.success,.table>thead>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th{ background-color:#dff0d8 } .table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{ background-color:#d0e9c6 } .table>thead>tr>td.info,.table>thead>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th{ background-color:#d9edf7 } .table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{ background-color:#c4e3f3 } .table>thead>tr>td.warning,.table>thead>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th{ background-color:#fcf8e3 } .table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{ background-color:#faf2cc } .table>thead>tr>td.danger,.table>thead>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th{ background-color:#f2dede } .table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{ background-color:#ebcccc } 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:4px 0 0; margin-top:1px \9; 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); 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.form-control[type="date"],.input-group-sm>input.form-control[type="date"],.input-group-sm>input.input-group-addon[type="date"],.input-group-sm>.input-group-btn>input.btn[type="date"],input[type="time"].input-sm,.form-horizontal .form-group-sm input.form-control[type="time"],.input-group-sm>input.form-control[type="time"],.input-group-sm>input.input-group-addon[type="time"],.input-group-sm>.input-group-btn>input.btn[type="time"],input[type="datetime-local"].input-sm,.form-horizontal .form-group-sm input.form-control[type="datetime-local"],.input-group-sm>input.form-control[type="datetime-local"],.input-group-sm>input.input-group-addon[type="datetime-local"],.input-group-sm>.input-group-btn>input.btn[type="datetime-local"],input[type="month"].input-sm,.form-horizontal .form-group-sm input.form-control[type="month"],.input-group-sm>input.form-control[type="month"],.input-group-sm>input.input-group-addon[type="month"],.input-group-sm>.input-group-btn>input.btn[type="month"]{ line-height:30px } input[type="date"].input-lg,.form-horizontal .form-group-lg input.form-control[type="date"],.input-group-lg>input.form-control[type="date"],.input-group-lg>input.input-group-addon[type="date"],.input-group-lg>.input-group-btn>input.btn[type="date"],input[type="time"].input-lg,.form-horizontal .form-group-lg input.form-control[type="time"],.input-group-lg>input.form-control[type="time"],.input-group-lg>input.input-group-addon[type="time"],.input-group-lg>.input-group-btn>input.btn[type="time"],input[type="datetime-local"].input-lg,.form-horizontal .form-group-lg input.form-control[type="datetime-local"],.input-group-lg>input.form-control[type="datetime-local"],.input-group-lg>input.input-group-addon[type="datetime-local"],.input-group-lg>.input-group-btn>input.btn[type="datetime-local"],input[type="month"].input-lg,.form-horizontal .form-group-lg input.form-control[type="month"],.input-group-lg>input.form-control[type="month"],.input-group-lg>input.input-group-addon[type="month"],.input-group-lg>.input-group-btn>input.btn[type="month"]{ 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.form-control[multiple],.input-group-sm>select.form-control[multiple],.input-group-sm>select.input-group-addon[multiple],.input-group-sm>.input-group-btn>select.btn[multiple]{ 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.form-control[multiple],.input-group-lg>select.form-control[multiple],.input-group-lg>select.input-group-addon[multiple],.input-group-lg>.input-group-btn>select.btn[multiple]{ 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,.form-horizontal .form-group-lg .form-control+.form-control-feedback,.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback{ width:46px; height:46px; line-height:46px } .input-sm+.form-control-feedback,.form-horizontal .form-group-sm .form-control+.form-control-feedback,.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback{ 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:#2b542c; 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:#66512c; box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b } .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:#357ebd } .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle{ color:#fff; background-color:#3071a9; border-color:#285e8e } .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:#357ebd } .btn-primary .badge{ color:#428bca; background-color:#fff } .btn-success{ color:#fff; background-color:#5cb85c; border-color:#4cae4c } .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.btn-success.dropdown-toggle{ color:#fff; background-color:#449d44; border-color:#398439 } .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:#4cae4c } .btn-success .badge{ color:#5cb85c; background-color:#fff } .btn-info{ color:#fff; background-color:#5bc0de; border-color:#46b8da } .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.btn-info.dropdown-toggle{ color:#fff; background-color:#31b0d5; border-color:#269abc } .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:#46b8da } .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:#d58512 } .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:#d43f3a } .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.btn-danger.dropdown-toggle{ color:#fff; background-color:#c9302c; border-color:#ac2925 } .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:#d43f3a } .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:#2a6496; 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; 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; 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,.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,.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:#2a6496; 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{ transform:translate3d(0,-25%,0); transition:transform .3s ease-out } .modal.in .modal-dialog{ 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; 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% } 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; margin-right:5px } 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:#fff; 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{ font-feature-settings:'kern' 1,'onum' 1,'liga' 1; margin-left:1rem } li>ul,li>ol{ margin-bottom:0 } p{ padding-top:.66001rem; 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: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; 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.0571429rem; margin-bottom:.21999rem; padding-top:.78001rem } h2{ font-size:1.953125rem; margin-bottom:.1835837rem; padding-top:.8164163rem } h2,h3{ line-height:3rem } h3{ font-size:1.6457143rem; margin-bottom:.07599rem; padding-top:.92401rem } h4{ font-size:1.5625rem; margin-bottom:.546865rem; padding-top:.453135rem } 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% } dt{ font-style:italic; font-weight:600 } .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; 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; 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; 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; margin:0; padding:0 } .menu a{ border:0; color:#A0AABF; font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; outline:none; text-transform:uppercase } .menu a:hover{ color:#35D7BB } .menu .menu-item{ border:0; display:none; float:left; margin:0; position:relative } .menu .menu-item>a{ display:block; font-size:12px; height:51px; letter-spacing:1px; line-height:51px; padding:0 24px } .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{ height:auto; padding:0 } .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{ float:none; margin-bottom:1px; width:100% } .menu-sidebar .menu-item.open>a{ background-color:#373D49 } .menu-sidebar .open .caret{ transform:rotate(180deg) } .menu-sidebar>.menu-item:hover .dropdown a,.menu-sidebar>.menu-item:hover .settings a{ 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{ float:right; text-align:right; top:22px } .menu-sidebar .dropdown,.menu-sidebar .settings{ background-color:transparent; position:static; width:100% } .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{ margin:32px 0; padding:0 0 0 32px } .dropdown li,.settings li{ line-height:1 } .sidebar-list li{ line-height:1; margin:32px 0; padding:0 0 0 32px } .dropdown a{ color:#D0D6E2 } .dropdown a,.settings a,.sidebar-list a{ display:block; text-transform:none } .sidebar-list a{ color:#D0D6E2 } .dropdown a:after,.settings a:after,.sidebar-list a:after{ content:""; display:table; clear:both } .dropdown .icon,.settings .icon,.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,.settings .unlinked .icon,.sidebar-list .unlinked .icon{ opacity:.3 } .dropdown.documents li,.documents.settings li,.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,.documents.settings li.octocat,.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,.documents.settings li:last-child,.sidebar-list.documents li:last-child{ margin-bottom:1rem } .dropdown.documents li.active a,.documents.settings li.active a,.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 form{ display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; -ms-flex-pack:justify; justify-content:space-between } .settings input{ width:20% } .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; float:left; height:16px; padding:25px 16px 26px; width:40px } .toggle span:after,.toggle span:before{ content:''; left:0; position:absolute; top:-6px } .toggle span:after{ top:6px } .toggle span{ display:block; position:relative } .toggle span,.toggle span:after,.toggle span:before{ -webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:#D3DAEA; height:2px; transition:all .3s; width:20px } .open-menu .toggle span{ background-color:transparent } .open-menu .toggle span:before{ transform:rotate(45deg) translate(3px,3px) } .open-menu .toggle span:after{ 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,.characters{ 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; letter-spacing:1px; text-transform:uppercase; z-index:5; position:absolute; right:16px; top:0 } .words span,.characters span{ color:#A0AABF } .words .counter,.characters .counter{ color:#000 } .words+.characters{ top:22px } .mr10{ margin-right:10px } .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 #1b8b77; padding:16px 24px; background-color:#35D7BB; border-radius:3px; margin:0 auto 16px; line-height:1; color:#fff; 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 #24b59c; text-shadow:0 1px 0 #24b59c } .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--delete-modal,.btn--ok,.btn--close{ border-top:0; background-color:#4A5261; text-shadow:0 1px 0 #08090a; margin:0 } .btn--delete-modal:hover,.btn--delete-modal:focus,.btn--ok:hover,.btn--ok:focus,.btn--close:hover,.btn--close:focus{ color:#fff; background-color:#292d36; text-shadow:none } .btn--delete-modal{ display:inline; width:auto } .overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(55,61,73,.8); transition:all .25s ease-in-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; 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.scope .modal-dialog{ max-width:300px; margin:5rem auto } .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; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-direction:row; flex-direction:row; -ms-flex-align:center; align-items:center; -ms-flex-line-pack:stretch; align-content:stretch } .pagination--dillinger li{ display:-ms-flexbox; display:flex; -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; 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:-ms-flexbox; display:flex; -ms-flex-align:baseline; align-items:baseline; -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; 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:.313rem; 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 } #preview .table{ width:auto } .ui-resizable{ position:relative } .ui-resizable-handle{ position:absolute; font-size:.1px; z-index:99999; display:block } .ui-resizable-e{ background-color:#666; border-right:8px solid #e8e8e8; border-left:1px solid #222; width:10px; z-index:88!important; position:relative } .ui-resizable-e:after{ content:"-"; display:block; position:absolute; top:calc(50% - 16px); left:0; height:25px; width:2px; background-color:rgba(0,0,0,.4); margin:3px } #editor{ cursor:ew-resize; position:relative; z-index:auto } .profile-pic{ float:left; width:250px } #_default_ a::before{ color:#A0AABF } #_default_ img{ display:none } #_default_ #_default_{ display:block; float:left; max-width:38%; word-wrap:break-word } #_default_ .default-ad{ display:none } #_default_ ._default_{ display:block } #_default_ a{ color:#35d7bb; text-decoration:none } #_default_ a:hover{ color:#8ae8d8 } #_default_ .default-image{ display:none } #_default_ .default-title:after{ content:" — " } #_default_ .default-title,#_default_ .default-text,#_default_ .default-description{ display:inline } #_default_ .default-title{ position:relative; font-weight:600; display:none } #_default_ a:before{ position:relative; top:0; padding:5px; color:#a0aabf; content:"Ad"; text-transform:uppercase; font-size:8px; font-family:Verdana,sans-serif } #_default_{ display:block; float:left; max-width:38%; word-wrap:break-word } #_default_ ._default_{ display:block; font-size:.75rem; height:51px; letter-spacing:1px; line-height:1rem; padding:18px 24px } body{ max-width:1024px; margin:0 auto; overflow:auto; padding:2% } .split{ overflow:scroll; padding:0!important; -webkit-overflow-scrolling:touch } .split-editor{ padding-left:0; padding-right:0; position:relative; z-index:3 } .show-preview .split-editor{ display:none } .split-preview{ background-color:#fff; display:none; top:0; position:relative; 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 } .editor-header{ width:50%; float:left; border-bottom:1px solid #E8E8E8; position:relative } .editor-header--first{ border-right:1px solid #E8E8E8 } .editor-header .title{ display:inline-block } .preview-html{ padding:15px } .preview-html a{ color:#A0AABF; text-decoration:underline } .preview-src{ white-space:normal } .preview-mode-toggle-src{ background-image:url("../img/icons/code.svg") } .preview-mode-toggle-src,.preview-mode-toggle-html{ 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; right:.5rem; top:.5rem; display:none } .preview-mode-toggle-html{ background-image:url("../img/icons/eye.svg") } .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.0571429rem; margin-bottom:.21999rem; padding-top:.78001rem } h2{ font-size:1.953125rem; margin-bottom:.1835837rem; padding-top:.8164163rem } h3{ font-size:1.6457143rem; margin-bottom:.07599rem; padding-top:.92401rem } h4{ font-size:1.5625rem; margin-bottom:.546865rem; padding-top:.453135rem } 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,.characters{ 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.0571429rem; margin-bottom:.21999rem; padding-top:.78001rem } h2{ font-size:1.953125rem; margin-bottom:.1835837rem; padding-top:.8164163rem } h3{ font-size:1.6457143rem; margin-bottom:.07599rem; padding-top:.92401rem } h4{ font-size:1.5625rem; margin-bottom:.546865rem; padding-top:.453135rem } 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,.characters{ 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; padding-right:16px; width:50% } .show-preview .split-editor{ display:block } .split-preview{ display:block; float:right; position:relative; top:0; width:50% } #editor{ font-size:1rem } .preview-mode-toggle-src,.preview-mode-toggle-html{ display:block } } @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.0571429rem; margin-bottom:.21999rem; padding-top:.78001rem } h2{ font-size:1.953125rem; margin-bottom:.1835837rem; padding-top:.8164163rem } h3{ font-size:1.6457143rem; margin-bottom:.07599rem; padding-top:.92401rem } h4{ font-size:1.5625rem; margin-bottom:.546865rem; padding-top:.453135rem } 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,.characters{ 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.0571429rem; margin-bottom:.21999rem; padding-top:.78001rem } h2{ font-size:1.953125rem; margin-bottom:.1835837rem; padding-top:.8164163rem } h3{ font-size:1.6457143rem; margin-bottom:.07599rem; padding-top:.92401rem } h4{ font-size:1.5625rem; margin-bottom:.546865rem; padding-top:.453135rem } 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,.characters{ 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 } } @media screen and (max-width:1200px){ #_default_{ max-width:30% } #_default_ ._default_{ font-size:.825rem; line-height:.875rem; padding:12px 12px 6px 24px; text-align:justify } } @media screen and (max-width:1100px){ #_default_{ max-width:27% } #_default_ ._default_{ font-size:.8rem; line-height:.85rem; padding:12px 6px 6px 24px; text-align:justify } } @media screen and (max-width:1000px){ #_default_{ max-width:24% } #_default_ ._default_{ font-size:.775rem; line-height:.8rem; padding:12px 6px 6px 24px; text-align:justify } } @media screen and (max-width:900px){ #_default_{ max-width:30% } } @media screen and (max-width:767px){ .table-responsive{ width:100%; margin-bottom:15px; overflow-y:hidden; overflow-x:auto; -ms-overflow-style:-ms-autohiding-scrollbar; border:1px solid #ddd; -webkit-overflow-scrolling:touch } .table-responsive>.table{ margin-bottom:0 } .table-responsive>.table>thead>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>tfoot>tr>td{ white-space:nowrap } .table-responsive>.table-bordered{ border:0 } .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{ border-left:0 } .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{ border-right:0 } .table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td{ border-bottom:0 } } @media screen and (max-width:720px){ #_default_{ max-width:60% } #_default_ ._default_{ font-size:.75rem; line-height:1rem; padding:12px 24px } } @media screen and (max-width:620px){ #_default_{ max-width:50% } #_default_ ._default_{ font-size:.66rem; letter-spacing:1px; line-height:1rem; padding:10px 24px } } @media screen and (max-width:520px){ #_default_ ._default_{ font-size:.4rem; line-height:.875rem; padding:6px 12px 6px 24px; text-align:justify } } @media screen and (max-width:460px){ #_default_{ display:none } } @media screen and (max-width:46.1875em){ .editor-header{ display:none } .editor-header--first{ display:block; width:100% } }