Created
August 25, 2022 14:45
-
-
Save Alyetama/8a8c1bd5c5c1be388ab294faa7875782 to your computer and use it in GitHub Desktop.
Markdown Table CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @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% | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment