commit 676bef107735ef4d8274b56c6e2f6db73d5da909 Author: Rnhmjoj Date: Sun Jan 4 17:11:49 2015 +0100 Initial commit diff --git a/dillinger.css b/dillinger.css new file mode 100644 index 0000000..e515425 --- /dev/null +++ b/dillinger.css @@ -0,0 +1,4051 @@ +code { + color: #c7254e; + background-color: #f9f2f4; + border-radius: 4px; +} + +code, +kbd { padding: 2px 4px } + +kbd { + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); +} + +kbd kbd { + padding: 0; + font-size: 100%; + box-shadow: none; +} + +pre { + display: block; + margin: 0 0 10px; + word-break: break-all; + word-wrap: break-word; + color: #333; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 4px; +} + +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +fieldset { + border: 0; + min-width: 0; +} + +legend { + display: block; + width: 100%; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: 700; +} + +input[type="radio"], +input[type="checkbox"] { + margin: 1px 0 0; + line-height: normal; +} + +input[type="file"] { display: block } + +input[type="range"] { + display: block; + width: 100%; +} + +select[multiple], +select[size] { height: auto } + +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +output { padding-top: 7px } + +output, +.form-control { + display: block; + font-size: 14px; + line-height: 1.4285714; + color: #555; +} + +.form-control { + width: 100%; + height: 34px; + padding: 6px 12px; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); + -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; +} + +.form-control:focus { + border-color: #66afe9; + outline: 0; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); +} + +.form-control::-moz-placeholder { + color: #777; + opacity: 1; +} + +.form-control:-ms-input-placeholder { color: #777 } + +.form-control::-webkit-input-placeholder { color: #777 } + +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eee; + opacity: 1; +} + +textarea.form-control { height: auto } + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + line-height: 34px; + line-height: 1.4285714 \0; +} + +input[type="date"].input-sm, +.form-horizontal .form-group-sm input[type="date"].form-control, +.input-group-sm > input[type="date"].form-control, +.input-group-sm > input[type="date"].input-group-addon, +.input-group-sm > .input-group-btn > input[type="date"].btn, +input[type="time"].input-sm, +.form-horizontal .form-group-sm input[type="time"].form-control, +.input-group-sm > input[type="time"].form-control, +.input-group-sm > input[type="time"].input-group-addon, +.input-group-sm > .input-group-btn > input[type="time"].btn, +input[type="datetime-local"].input-sm, +.form-horizontal .form-group-sm input[type="datetime-local"].form-control, +.input-group-sm > input[type="datetime-local"].form-control, +.input-group-sm > input[type="datetime-local"].input-group-addon, +.input-group-sm > .input-group-btn > input[type="datetime-local"].btn, +input[type="month"].input-sm, +.form-horizontal .form-group-sm input[type="month"].form-control, +.input-group-sm > input[type="month"].form-control, +.input-group-sm > input[type="month"].input-group-addon, +.input-group-sm > .input-group-btn > input[type="month"].btn { line-height: 30px } + +input[type="date"].input-lg, +.form-horizontal .form-group-lg input[type="date"].form-control, +.input-group-lg > input[type="date"].form-control, +.input-group-lg > input[type="date"].input-group-addon, +.input-group-lg > .input-group-btn > input[type="date"].btn, +input[type="time"].input-lg, +.form-horizontal .form-group-lg input[type="time"].form-control, +.input-group-lg > input[type="time"].form-control, +.input-group-lg > input[type="time"].input-group-addon, +.input-group-lg > .input-group-btn > input[type="time"].btn, +input[type="datetime-local"].input-lg, +.form-horizontal .form-group-lg input[type="datetime-local"].form-control, +.input-group-lg > input[type="datetime-local"].form-control, +.input-group-lg > input[type="datetime-local"].input-group-addon, +.input-group-lg > .input-group-btn > input[type="datetime-local"].btn, +input[type="month"].input-lg, +.form-horizontal .form-group-lg input[type="month"].form-control, +.input-group-lg > input[type="month"].form-control, +.input-group-lg > input[type="month"].input-group-addon, +.input-group-lg > .input-group-btn > input[type="month"].btn { line-height: 46px } + +.form-group { margin-bottom: 15px } + +.radio, +.checkbox { + position: relative; + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; +} + +.radio label, +.checkbox label { + padding-left: 20px; + margin-bottom: 0; + font-weight: 400; + cursor: pointer; +} + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + position: absolute; + margin-left: -20px; + margin-top: 4px \9; +} + +.radio+.radio, +.checkbox+.checkbox { margin-top: -5px } + +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: 400; + cursor: pointer; +} + +.radio-inline+.radio-inline, +.checkbox-inline+.checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +input[type="radio"][disabled], +input[type="radio"].disabled, +fieldset[disabled] input[type="radio"], +input[type="checkbox"][disabled], +input[type="checkbox"].disabled, +fieldset[disabled] input[type="checkbox"], +.radio-inline.disabled, +fieldset[disabled] .radio-inline, +.checkbox-inline.disabled, +fieldset[disabled] .checkbox-inline, +.radio.disabled label, +fieldset[disabled] .radio label, +.checkbox.disabled label, +fieldset[disabled] .checkbox label { cursor: not-allowed } + +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0; +} + +.form-control-static.input-lg, +.form-horizontal .form-group-lg .form-control-static.form-control, +.input-group-lg > .form-control-static.form-control, +.input-group-lg > .form-control-static.input-group-addon, +.input-group-lg > .input-group-btn > .form-control-static.btn, +.form-control-static.input-sm, +.form-horizontal .form-group-sm .form-control-static.form-control, +.input-group-sm > .form-control-static.form-control, +.input-group-sm > .form-control-static.input-group-addon, +.input-group-sm > .input-group-btn > .form-control-static.btn { + padding-left: 0; + padding-right: 0; +} + +.input-sm, +.form-horizontal .form-group-sm .form-control, +.input-group-sm > .form-control { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.input-group-sm > .input-group-addon { + height: 30px; + line-height: 1.5; +} + +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +select.input-sm, +.form-horizontal .form-group-sm select.form-control, +.input-group-sm > select.form-control, +.input-group-sm > select.input-group-addon, +.input-group-sm > .input-group-btn > select.btn { + height: 30px; + line-height: 30px; +} + +textarea.input-sm, +.form-horizontal .form-group-sm textarea.form-control, +.input-group-sm > textarea.form-control, +.input-group-sm > textarea.input-group-addon, +.input-group-sm > .input-group-btn > textarea.btn, +select[multiple].input-sm, +.form-horizontal .form-group-sm select[multiple].form-control, +.input-group-sm > select[multiple].form-control, +.input-group-sm > select[multiple].input-group-addon, +.input-group-sm > .input-group-btn > select[multiple].btn { height: auto } + +.input-lg, +.form-horizontal .form-group-lg .form-control, +.input-group-lg > .form-control { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +.input-group-lg > .input-group-addon { + height: 46px; + line-height: 1.33; +} + +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +select.input-lg, +.form-horizontal .form-group-lg select.form-control, +.input-group-lg > select.form-control, +.input-group-lg > select.input-group-addon, +.input-group-lg > .input-group-btn > select.btn { + height: 46px; + line-height: 46px; +} + +textarea.input-lg, +.form-horizontal .form-group-lg textarea.form-control, +.input-group-lg > textarea.form-control, +.input-group-lg > textarea.input-group-addon, +.input-group-lg > .input-group-btn > textarea.btn, +select[multiple].input-lg, +.form-horizontal .form-group-lg select[multiple].form-control, +.input-group-lg > select[multiple].form-control, +.input-group-lg > select[multiple].input-group-addon, +.input-group-lg > .input-group-btn > select[multiple].btn { height: auto } + +.has-feedback { position: relative } + +.has-feedback .form-control { padding-right: 42.5px } + +.form-control-feedback { + position: absolute; + top: 25px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} + +.input-lg+.form-control-feedback, +.input-lg+.form-horizontal .form-group-lg .form-control, +.form-horizontal .form-group-lg .input-lg+.form-control, +.input-lg+.input-group-lg > .form-control, +.input-group-lg > .input-lg+.form-control, +.input-lg+.input-group-lg > .input-group-addon, +.input-group-lg > .input-lg+.input-group-addon, +.input-lg+.input-group-lg > .input-group-btn > .btn, +.input-group-lg > .input-group-btn > .input-lg+.btn { + width: 46px; + height: 46px; + line-height: 46px; +} + +.input-sm+.form-control-feedback, +.input-sm+.form-horizontal .form-group-sm .form-control, +.form-horizontal .form-group-sm .input-sm+.form-control, +.input-sm+.input-group-sm > .form-control, +.input-group-sm > .input-sm+.form-control, +.input-sm+.input-group-sm > .input-group-addon, +.input-group-sm > .input-sm+.input-group-addon, +.input-sm+.input-group-sm > .input-group-btn > .btn, +.input-group-sm > .input-group-btn > .input-sm+.btn { + width: 30px; + height: 30px; + line-height: 30px; +} + +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { color: #3c763d } + +.has-success .form-control { + border-color: #3c763d; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); +} + +.has-success .form-control:focus { + border-color: #2b542b; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; +} + +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8; +} + +.has-success .form-control-feedback { color: #3c763d } + +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { color: #8a6d3b } + +.has-warning .form-control { + border-color: #8a6d3b; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); +} + +.has-warning .form-control:focus { + border-color: #66502c; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c09f6b; +} + +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3; +} + +.has-warning .form-control-feedback { color: #8a6d3b } + +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { color: #a94442 } + +.has-error .form-control { + border-color: #a94442; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075); +} + +.has-error .form-control:focus { + border-color: #843534; + box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; +} + +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} + +.has-error .form-control-feedback { color: #a94442 } + +.has-feedback label.sr-only~.form-control-feedback { top: 0 } + +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} + +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} + +.form-horizontal .radio, +.form-horizontal .checkbox { min-height: 27px } + +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} + +.form-horizontal .form-group:before { + content: " "; + display: table; +} + +.form-horizontal .form-group:after { + content: " "; + display: table; + clear: both; +} + +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} + +.btn { + display: inline-block; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn:hover, +.btn:focus { + color: #333; + text-decoration: none; +} + +.btn:active, +.btn.active { + outline: 0; + background-image: none; + box-shadow: inset 0 3px 5px rgba(0,0,0,.125); +} + +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: .65; + filter: alpha(opacity=65); + box-shadow: none; +} + +.btn-default { + color: #333; + background-color: #fff; + border-color: #ccc; +} + +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open > .btn-default.dropdown-toggle { + color: #333; + background-color: #e6e6e6; + border-color: #adadad; +} + +.btn-default:active, +.btn-default.active, +.open > .btn-default.dropdown-toggle { background-image: none } + +.btn-default.disabled, +.btn-default.disabled:hover, +.btn-default.disabled:focus, +.btn-default.disabled:active, +.btn-default.disabled.active, +.btn-default[disabled], +.btn-default[disabled]:hover, +.btn-default[disabled]:focus, +.btn-default[disabled]:active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default, +fieldset[disabled] .btn-default:hover, +fieldset[disabled] .btn-default:focus, +fieldset[disabled] .btn-default:active, +fieldset[disabled] .btn-default.active { + background-color: #fff; + border-color: #ccc; +} + +.btn-default .badge { + color: #fff; + background-color: #333; +} + +.btn-primary { + color: #fff; + background-color: #428bca; + border-color: #3580bd; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #3073a9; + border-color: #28608e; +} + +.btn-primary:active, +.btn-primary.active, +.open > .btn-primary.dropdown-toggle { background-image: none } + +.btn-primary.disabled, +.btn-primary.disabled:hover, +.btn-primary.disabled:focus, +.btn-primary.disabled:active, +.btn-primary.disabled.active, +.btn-primary[disabled], +.btn-primary[disabled]:hover, +.btn-primary[disabled]:focus, +.btn-primary[disabled]:active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary, +fieldset[disabled] .btn-primary:hover, +fieldset[disabled] .btn-primary:focus, +fieldset[disabled] .btn-primary:active, +fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #3580bd; +} + +.btn-primary .badge { + color: #428bca; + background-color: #fff; +} + +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #4eae4c; +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #469d44; + border-color: #3b8439; +} + +.btn-success:active, +.btn-success.active, +.open > .btn-success.dropdown-toggle { background-image: none } + +.btn-success.disabled, +.btn-success.disabled:hover, +.btn-success.disabled:focus, +.btn-success.disabled:active, +.btn-success.disabled.active, +.btn-success[disabled], +.btn-success[disabled]:hover, +.btn-success[disabled]:focus, +.btn-success[disabled]:active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success, +fieldset[disabled] .btn-success:hover, +fieldset[disabled] .btn-success:focus, +fieldset[disabled] .btn-success:active, +fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4eae4c; +} + +.btn-success .badge { + color: #5cb85c; + background-color: #fff; +} + +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #46bada; +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b2d5; + border-color: #269cbc; +} + +.btn-info:active, +.btn-info.active, +.open > .btn-info.dropdown-toggle { background-image: none } + +.btn-info.disabled, +.btn-info.disabled:hover, +.btn-info.disabled:focus, +.btn-info.disabled:active, +.btn-info.disabled.active, +.btn-info[disabled], +.btn-info[disabled]:hover, +.btn-info[disabled]:focus, +.btn-info[disabled]:active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info, +fieldset[disabled] .btn-info:hover, +fieldset[disabled] .btn-info:focus, +fieldset[disabled] .btn-info:active, +fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46bada; +} + +.btn-info .badge { + color: #5bc0de; + background-color: #fff; +} + +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #eea236; +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + border-color: #d58112; +} + +.btn-warning:active, +.btn-warning.active, +.open > .btn-warning.dropdown-toggle { background-image: none } + +.btn-warning.disabled, +.btn-warning.disabled:hover, +.btn-warning.disabled:focus, +.btn-warning.disabled:active, +.btn-warning.disabled.active, +.btn-warning[disabled], +.btn-warning[disabled]:hover, +.btn-warning[disabled]:focus, +.btn-warning[disabled]:active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning, +fieldset[disabled] .btn-warning:hover, +fieldset[disabled] .btn-warning:focus, +fieldset[disabled] .btn-warning:active, +fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} + +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff; +} + +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d43d3a; +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c92e2c; + border-color: #ac2525; +} + +.btn-danger:active, +.btn-danger.active, +.open > .btn-danger.dropdown-toggle { background-image: none } + +.btn-danger.disabled, +.btn-danger.disabled:hover, +.btn-danger.disabled:focus, +.btn-danger.disabled:active, +.btn-danger.disabled.active, +.btn-danger[disabled], +.btn-danger[disabled]:hover, +.btn-danger[disabled]:focus, +.btn-danger[disabled]:active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger, +fieldset[disabled] .btn-danger:hover, +fieldset[disabled] .btn-danger:focus, +fieldset[disabled] .btn-danger:active, +fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43d3a; +} + +.btn-danger .badge { + color: #d9534f; + background-color: #fff; +} + +.btn-link { + color: #428bca; + font-weight: 400; + cursor: pointer; + border-radius: 0; +} + +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + box-shadow: none; +} + +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { border-color: transparent } + +.btn-link:hover, +.btn-link:focus { + color: #2a6596; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:hover, +fieldset[disabled] .btn-link:focus { + color: #777; + text-decoration: none; +} + +.btn-lg { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +.btn-sm { padding: 5px 10px } + +.btn-sm, +.btn-xs { + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.btn-xs { padding: 1px 5px } + +.btn-block { + display: block; + width: 100%; +} + +.btn-block+.btn-block { margin-top: 5px } + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { width: 100% } + +.fade { + opacity: 0; + -webkit-transition: opacity .15s linear; + transition: opacity .15s linear; +} + +.fade.in { opacity: 1 } + +.collapse { display: none } + +.collapse.in { display: block } + +tr.collapse.in { display: table-row } + +tbody.collapse.in { display: table-row-group } + +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height .35s ease; + transition: height .35s ease; +} + +.input-group { + position: relative; + display: table; + border-collapse: separate; +} + +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} + +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} + +.input-group-addon, +.input-group-btn, +.input-group .form-control { display: table-cell } + +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0 } + +.input-group-addon { white-space: nowrap } + +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; +} + +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px; +} + +.input-group-addon.input-sm, +.form-horizontal .form-group-sm .input-group-addon.form-control, +.input-group-sm > .input-group-addon.form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} + +.input-group-addon.input-lg, +.form-horizontal .form-group-lg .input-group-addon.form-control, +.input-group-lg > .input-group-addon.form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} + +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { margin-top: 0 } + +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.input-group-addon:first-child { border-right: 0 } + +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.input-group-addon:last-child { border-left: 0 } + +.input-group-btn { + font-size: 0; + white-space: nowrap; +} + +.input-group-btn, +.input-group-btn > .btn { position: relative } + +.input-group-btn > .btn+.btn { margin-left: -1px } + +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { z-index: 2 } + +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { margin-right: -1px } + +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { margin-left: -1px } + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; +} + +.pagination > li { display: inline } + +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.4285714; + text-decoration: none; + color: #428bca; + background-color: #fff; + border: 1px solid #ddd; + margin-left: -1px; +} + +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} + +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > li > span:hover, +.pagination > li > span:focus { + color: #2a6596; + background-color: #eee; + border-color: #ddd; +} + +.pagination > .active > a, +.pagination > .active > a:hover, +.pagination > .active > a:focus, +.pagination > .active > span, +.pagination > .active > span:hover, +.pagination > .active > span:focus { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; + cursor: default; +} + +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #777; + background-color: #fff; + border-color: #ddd; + cursor: not-allowed; +} + +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; +} + +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; +} + +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} + +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} + +.close { + float: right; + font-size: 21px; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .2; + filter: alpha(opacity=20); +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: .5; + filter: alpha(opacity=50); +} + +button.close { + padding: 0; + cursor: pointer; + background: 0 0; + border: 0; + -webkit-appearance: none; +} + +.modal-open, +.modal { overflow: hidden } + +.modal { + display: none; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; +} + +.modal.fade .modal-dialog { + -webkit-transform: translate3d(0,-25%,0); + transform: translate3d(0,-25%,0); + -webkit-transition: -webkit-transform .3s ease-out; + transition: transform .3s ease-out; +} + +.modal.in .modal-dialog { + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} + +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0,0,0,.2); + border-radius: 6px; + box-shadow: 0 3px 9px rgba(0,0,0,.5); + background-clip: padding-box; + outline: 0; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} + +.modal-backdrop.in { + opacity: .5; + filter: alpha(opacity=50); +} + +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.4285714px; +} + +.modal-header .close { margin-top: -2px } + +.modal-title { + margin: 0; + line-height: 1.4285714; +} + +.modal-body { + position: relative; + padding: 15px; +} + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} + +.modal-footer:before, +.modal-footer:after { + content: " "; + display: table; +} + +.modal-footer:after { clear: both } + +.modal-footer .btn+.btn { + margin-left: 5px; + margin-bottom: 0; +} + +.modal-footer .btn-group .btn+.btn { margin-left: -1px } + +.modal-footer .btn-block+.btn-block { margin-left: 0 } + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll; +} + +.clearfix:before, +.clearfix:after { + content: " "; + display: table; +} + +.clearfix:after { clear: both } + +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} + +.pull-right { float: right!important } + +.pull-left { float: left!important } + +.hide { display: none!important } + +.show { display: block!important } + +.invisible { visibility: hidden } + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.hidden { + display: none!important; + visibility: hidden!important; +} + +.affix { + position: fixed; + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); +} + +.hljs { + display: block; + overflow-x: auto; + padding: .5em; + background: #002b36; + color: #839496; + -webkit-text-size-adjust: none; +} + +.hljs-comment, +.hljs-template_comment, +.diff .hljs-header, +.hljs-doctype, +.hljs-pi, +.lisp .hljs-string, +.hljs-javadoc { color: #586e75 } + +.hljs-keyword, +.hljs-winutils, +.method, +.hljs-addition, +.css .hljs-tag, +.hljs-request, +.hljs-status, +.nginx .hljs-title { color: #859900 } + +.hljs-number, +.hljs-command, +.hljs-string, +.hljs-tag .hljs-value, +.hljs-rules .hljs-value, +.hljs-phpdoc, +.hljs-dartdoc, +.tex .hljs-formula, +.hljs-regexp, +.hljs-hexcolor, +.hljs-link_url { color: #2aa198 } + +.hljs-title, +.hljs-localvars, +.hljs-chunk, +.hljs-decorator, +.hljs-built_in, +.hljs-identifier, +.vhdl .hljs-literal, +.hljs-id, +.css .hljs-function { color: #268bd2 } + +.hljs-attribute, +.hljs-variable, +.lisp .hljs-body, +.smalltalk .hljs-number, +.hljs-constant, +.hljs-class .hljs-title, +.hljs-parent, +.hljs-type, +.hljs-link_reference { color: #b58900 } + +.hljs-preprocessor, +.hljs-preprocessor .hljs-keyword, +.hljs-pragma, +.hljs-shebang, +.hljs-symbol, +.hljs-symbol .hljs-string, +.diff .hljs-change, +.hljs-special, +.hljs-attr_selector, +.hljs-subst, +.hljs-cdata, +.css .hljs-pseudo, +.hljs-header { color: #cb4b16 } + +.hljs-deletion, +.hljs-important { color: #dc322f } + +.hljs-link_label { color: #6c71c4 } + +.tex .hljs-formula { background: #073642 } + +*, +*:before, +*:after { box-sizing: border-box } + +html { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 2em auto; + width: 45%; + min-width: 42em; + +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { display: block } + +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden], +template { display: none } + +a { background: 0 0 } + +a:active, +a:hover { outline: 0 } + +abbr[title] { border-bottom: 1px dotted } + +b, +strong { font-weight: 700 } + +dfn { font-style: italic } + +h1 { margin: .67em 0 } + +mark { + background: #ff0; + color: #000; +} + +small { font-size: 80% } + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { top: -.5em } + +sub { bottom: -.25em } + +images { border: 0 } + +svg:not(:root) { overflow: hidden } + +figure { margin: 1em 40px } + +hr { + box-sizing: content-box; + height: 0; +} + +pre { overflow: auto } + +code, +kbd { font-size: 1em } + +code, +kbd, +pre, +samp { font-family: monospace,monospace } + +samp { font-size: 1em } + +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} + +button { overflow: visible } + +button, +select { text-transform: none } + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +html input[disabled] { cursor: default } + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input { line-height: normal } + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { height: auto } + +input[type="search"] { + -webkit-appearance: textfield; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } + +fieldset { + border: 1px solid silver; + margin: 0 2px; + padding: .35em .625em .75em; +} + +legend { + border: 0; + padding: 0; +} + +textarea { overflow: auto } + +optgroup { font-weight: 700 } + +table { + border-collapse: collapse; + border-spacing: 0; +} + +.debug { background-color: #ffc0cb!important } + +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.ir { + background-color: transparent; + border: 0; + overflow: hidden; +} + +.ir::before { + content: ''; + display: block; + height: 150%; + width: 0; +} + +html { + font-size: .875em; + background: #fafafa; + color: #373D49; +} + +html, +body { + font-family: Georgia,Cambria,serif; + height: 100%; +} + +body { + font-size: 1rem; + font-weight: 400; + line-height: 2rem; +} + +ul, +ol { + margin-bottom: .83999rem; + padding-top: .16001rem; +} + +li { + -webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; + -moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; + font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; + margin-left: 1rem; +} + +li > ul, +li > ol { margin-bottom: 0 } + +p { + padding-top: .66001rem; + -webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; + -moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; + font-feature-settings: 'kern' 1,'onum' 1,'liga' 1; + margin-top: 0; +} + +p, +pre { margin-bottom: 1.33999rem } + +pre { + font-size: 1rem; + padding: .66001rem 9.5px 9.5px; + line-height: 2rem; + background: -webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem); + background: linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem); + background-size: 100% 4rem; + border-color: #D3DAEA; +} + +blockquote { margin: 0 } + +blockquote p { + font-size: 1rem; + margin-bottom: .33999rem; + font-style: italic; + padding: .66001rem 1rem 1rem; + border-left: 3px solid #A0AABF; +} + +th, +td { padding: 12px } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; + -webkit-font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1; + -moz-font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1; + font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1; + font-style: normal; + font-weight: 600; + margin-top: 0; +} + +h1 { + line-height: 3rem; + font-size: 2.05714rem; + margin-bottom: .21999rem; + padding-top: .78001rem; +} + +h2 { + font-size: 1.95312rem; + margin-bottom: .18358rem; + padding-top: .81642rem; +} + +h2, +h3 { line-height: 3rem } + +h3 { + font-size: 1.64571rem; + margin-bottom: .07599rem; + padding-top: .92401rem; +} + +h4 { + font-size: 1.5625rem; + margin-bottom: .54686rem; + padding-top: .45314rem; +} + +h5 { + font-size: 1.25rem; + margin-bottom: -.56251rem; + padding-top: .56251rem; +} + +h6 { + font-size: 1rem; + margin-bottom: -.65001rem; + padding-top: .65001rem; +} + +a { + cursor: pointer; + color: #35D7BB; + text-decoration: none; +} + +a:hover, +a:focus { + border-bottom-color: #35D7BB; + color: #dff9f4; +} + +img { + display: block; + height: auto; + margin-left: auto; + margin-right: auto; + max-width: 40em; + border: 1px solid #373D49; + padding: .2em; +} + +.g { display: block } + +.g:after { + clear: both; + content: ''; + display: table; +} + +.g-b { + float: left; + margin: 0; + width: 100%; +} + +.g { + margin-left: -16px; + margin-right: -16px; +} + +.g-b { + padding-left: 16px; + padding-right: 16px; +} + +.g-b--center { + display: block; + float: none; + margin: 0 auto; +} + +.g-b--right { float: right } + +.g-b--1of1 { width: 100% } + +.g-b--1of2, +.g-b--2of4, +.g-b--3of6, +.g-b--4of8, +.g-b--5of10, +.g-b--6of12 { width: 50% } + +.g-b--1of3, +.g-b--2of6, +.g-b--4of12 { width: 33.333% } + +.g-b--2of3, +.g-b--4of6, +.g-b--8of12 { width: 66.666% } + +.g-b--1of4, +.g-b--2of8, +.g-b--3of12 { width: 25% } + +.g-b--3of4, +.g-b--6of8, +.g-b--9of12 { width: 75% } + +.g-b--1of5, +.g-b--2of10 { width: 20% } + +.g-b--2of5, +.g-b--4of10 { width: 40% } + +.g-b--3of5, +.g-b--6of10 { width: 60% } + +.g-b--4of5, +.g-b--8of10 { width: 80% } + +.g-b--1of6, +.g-b--2of12 { width: 16.666% } + +.g-b--5of6, +.g-b--10of12 { width: 83.333% } + +.g-b--1of8 { width: 12.5% } + +.g-b--3of8 { width: 37.5% } + +.g-b--5of8 { width: 62.5% } + +.g-b--7of8 { width: 87.5% } + +.g-b--1of10 { width: 10% } + +.g-b--3of10 { width: 30% } + +.g-b--7of10 { width: 70% } + +.g-b--9of10 { width: 90% } + +.g-b--1of12 { width: 8.333% } + +.g-b--5of12 { width: 41.666% } + +.g-b--7of12 { width: 58.333% } + +.g-b--11of12 { width: 91.666% } + +.g-b--push--1of1 { margin-left: 100% } + +.g-b--push--1of2, +.g-b--push--2of4, +.g-b--push--3of6, +.g-b--push--4of8, +.g-b--push--5of10, +.g-b--push--6of12 { margin-left: 50% } + +.g-b--push--1of3, +.g-b--push--2of6, +.g-b--push--4of12 { margin-left: 33.333% } + +.g-b--push--2of3, +.g-b--push--4of6, +.g-b--push--8of12 { margin-left: 66.666% } + +.g-b--push--1of4, +.g-b--push--2of8, +.g-b--push--3of12 { margin-left: 25% } + +.g-b--push--3of4, +.g-b--push--6of8, +.g-b--push--9of12 { margin-left: 75% } + +.g-b--push--1of5, +.g-b--push--2of10 { margin-left: 20% } + +.g-b--push--2of5, +.g-b--push--4of10 { margin-left: 40% } + +.g-b--push--3of5, +.g-b--push--6of10 { margin-left: 60% } + +.g-b--push--4of5, +.g-b--push--8of10 { margin-left: 80% } + +.g-b--push--1of6, +.g-b--push--2of12 { margin-left: 16.666% } + +.g-b--push--5of6, +.g-b--push--10of12 { margin-left: 83.333% } + +.g-b--push--1of8 { margin-left: 12.5% } + +.g-b--push--3of8 { margin-left: 37.5% } + +.g-b--push--5of8 { margin-left: 62.5% } + +.g-b--push--7of8 { margin-left: 87.5% } + +.g-b--push--1of10 { margin-left: 10% } + +.g-b--push--3of10 { margin-left: 30% } + +.g-b--push--7of10 { margin-left: 70% } + +.g-b--push--9of10 { margin-left: 90% } + +.g-b--push--1of12 { margin-left: 8.333% } + +.g-b--push--5of12 { margin-left: 41.666% } + +.g-b--push--7of12 { margin-left: 58.333% } + +.g-b--push--11of12 { margin-left: 91.666% } + +.g-b--pull--1of1 { margin-right: 100% } + +.g-b--pull--1of2, +.g-b--pull--2of4, +.g-b--pull--3of6, +.g-b--pull--4of8, +.g-b--pull--5of10, +.g-b--pull--6of12 { margin-right: 50% } + +.g-b--pull--1of3, +.g-b--pull--2of6, +.g-b--pull--4of12 { margin-right: 33.333% } + +.g-b--pull--2of3, +.g-b--pull--4of6, +.g-b--pull--8of12 { margin-right: 66.666% } + +.g-b--pull--1of4, +.g-b--pull--2of8, +.g-b--pull--3of12 { margin-right: 25% } + +.g-b--pull--3of4, +.g-b--pull--6of8, +.g-b--pull--9of12 { margin-right: 75% } + +.g-b--pull--1of5, +.g-b--pull--2of10 { margin-right: 20% } + +.g-b--pull--2of5, +.g-b--pull--4of10 { margin-right: 40% } + +.g-b--pull--3of5, +.g-b--pull--6of10 { margin-right: 60% } + +.g-b--pull--4of5, +.g-b--pull--8of10 { margin-right: 80% } + +.g-b--pull--1of6, +.g-b--pull--2of12 { margin-right: 16.666% } + +.g-b--pull--5of6, +.g-b--pull--10of12 { margin-right: 83.333% } + +.g-b--pull--1of8 { margin-right: 12.5% } + +.g-b--pull--3of8 { margin-right: 37.5% } + +.g-b--pull--5of8 { margin-right: 62.5% } + +.g-b--pull--7of8 { margin-right: 87.5% } + +.g-b--pull--1of10 { margin-right: 10% } + +.g-b--pull--3of10 { margin-right: 30% } + +.g-b--pull--7of10 { margin-right: 70% } + +.g-b--pull--9of10 { margin-right: 90% } + +.g-b--pull--1of12 { margin-right: 8.333% } + +.g-b--pull--5of12 { margin-right: 41.666% } + +.g-b--pull--7of12 { margin-right: 58.333% } + +.g-b--pull--11of12 { margin-right: 91.666% } + +.splashscreen { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #373D49; + z-index: 22; +} + +.splashscreen-dillinger { + width: 260px; + height: auto; + display: block; + margin: 0 auto; + padding-bottom: 3rem; +} + +.splashscreen p { + font-size: 1.25rem; + padding-top: .56251rem; + font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 400; + text-align: center; + max-width: 500px; + margin: 0 auto; + color: #FFF; +} + +.sp-center { + position: relative; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + top: 50%; +} + +.page { + margin: 0 auto; + position: relative; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + -webkit-transition: all .25s ease-in-out; + transition: all .25s ease-in-out; + background-color: #fff; + padding-top: 51px; + will-change: left; +} + +.open-menu .page { left: 270px } + +.title { + line-height: 1rem; + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + font-weight: 500; + color: #A0AABF; + letter-spacing: 1px; + text-transform: uppercase; + padding-left: 16px; + padding-right: 16px; + margin-top: 1rem; +} + +.split-preview .title { padding-left: 0 } + +.title-document { + line-height: 1rem; + font-size: 1.25rem; + margin-bottom: .89999rem; + padding-top: .10001rem; + font-weight: 400; + font-family: "Ubuntu Mono",Monaco; + color: #373D49; + padding-left: 16px; + padding-right: 16px; + width: 80%; + min-width: 300px; + outline: 0; + border: none; +} + +.icon { + display: block; + margin: 0 auto; + width: 36px; + height: 36px; + border-radius: 3px; + text-align: center; +} + +.icon svg { + display: inline-block; + margin-left: auto; + margin-right: auto; +} + +.icon-preview { + background-color: #373D49; + line-height: 40px; +} + +.icon-preview svg { + width: 19px; + height: 12px; +} + +.icon-settings { + background-color: #373D49; + line-height: 44px; +} + +.icon-settings svg { + width: 18px; + height: 18px; +} + +.icon-link { + width: 16px; + height: 16px; + line-height: 1; + margin-right: 24px; + text-align: right; +} + +.navbar { + background-color: #373D49; + height: 51px; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 6; + -webkit-transition: all .25s ease-in-out; + transition: all .25s ease-in-out; + will-change: left; +} + +.navbar:after { + content: ""; + display: table; + clear: both; +} + +.open-menu .navbar { left: 270px } + +.navbar-brand { + float: left; + margin: 0 0 0 24px; + padding: 0; + line-height: 42px; +} + +.navbar-brand svg { + width: 85px; + height: 11px; +} + +.nav-left { float: left } + +.nav-right { float: right } + +.nav-sidebar { width: 100% } + +.menu { + list-style: none; + padding: 0; + margin: 0; +} + +.menu a { + border: 0; + color: #A0AABF; + text-transform: uppercase; + font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; + outline: none; +} + +.menu a:hover { color: #35D7BB } + +.menu .menu-item { + display: none; + float: left; + margin: 0; + border: 0; + position: relative; +} + +.menu .menu-item > a { + line-height: 51px; + padding: 0 24px; + display: block; + height: 51px; + font-size: 12px; + letter-spacing: 1px; +} + +.menu .menu-item--settings, +.menu .menu-item--preview, +.menu .menu-item--save-to.in-sidebar, +.menu .menu-item--import-from.in-sidebar, +.menu .menu-item--link-unlink.in-sidebar, +.menu .menu-item--documents.in-sidebar { display: block } + +.menu .menu-item--documents { padding-bottom: 1rem } + +.menu .menu-item.open > a { background-color: #1D212A } + +.menu .menu-item-icon > a { + padding: 0; + height: auto; +} + +.menu .menu-item-icon:hover > a { background-color: transparent } + +.menu .menu-link.open i { background-color: #1D212A } + +.menu .menu-link.open g { fill: #35D7BB } + +.menu .menu-link-preview, +.menu .menu-link-settings { + margin-top: 8px; + width: 51px; +} + +.menu-sidebar { width: 100% } + +.menu-sidebar .menu-item { + width: 100%; + float: none; + margin-bottom: 1px; +} + +.menu-sidebar .menu-item.open > a { background-color: #373D49 } + +.menu-sidebar .open .caret { + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.menu-sidebar > .menu-item:hover .dropdown a, +.menu-sidebar > .menu-item:hover .dropdown .settings { background-color: transparent } + +.menu-sidebar .menu-link { + background-color: #373D49; + font-weight: 600; +} + +.menu-sidebar .menu-link:after { + content: ""; + display: table; + clear: both; +} + +.menu-sidebar .menu-link > span { float: left } + +.menu-sidebar .menu-link > .caret { + text-align: right; + float: right; + top: 22px; +} + +.menu-sidebar .dropdown, +.menu-sidebar .settings { + width: 100%; + background-color: transparent; + position: static; +} + +.dropdown { + position: absolute; + right: 0; + top: 51px; + width: 188px; +} + +.dropdown, +.settings { + display: none; + background-color: #1D212A; +} + +.dropdown { padding: 0 } + +.dropdown, +.settings, +.sidebar-list { + list-style: none; + margin: 0; +} + +.sidebar-list { padding: 0 } + +.dropdown li, +.dropdown .settings, +.sidebar-list li { + line-height: 1; + margin: 32px 0; + padding: 0 0 0 32px; +} + +.dropdown a, +.dropdown .settings, +.sidebar-list a { + color: #D0D6E2; + display: block; + text-transform: none; +} + +.dropdown a:after, +.dropdown .settings, +.sidebar-list a:after { + content: ""; + display: table; + clear: both; +} + +.dropdown .icon, +.dropdown .settings, +.sidebar-list .icon { float: right } + +.open .dropdown, +.open .settings, +.open .sidebar-list { display: block } + +.open .dropdown.collapse, +.open .collapse.settings, +.open .sidebar-list.collapse { display: none } + +.open .dropdown.collapse.in, +.open .collapse.in.settings, +.open .sidebar-list.collapse.in { display: block } + +.dropdown .unlinked .icon, +.dropdown .unlinked .settings, +.sidebar-list .unlinked .icon { opacity: .3 } + +.dropdown.documents li, +.dropdown.documents .documents.settings, +.sidebar-list.documents li { + background-image: url('../img/icons/file.svg'); + background-position: 240px center; + background-repeat: no-repeat; + background-size: 14px 16px; + padding: 3px 32px; +} + +.dropdown.documents li.octocat, +.dropdown.documents .documents.settings, +.sidebar-list.documents li.octocat { + background-image: url('../img/icons/octocat.svg'); + background-position: 234px center; + background-size: 24px 24px; +} + +.dropdown.documents li:last-child, +.dropdown.documents .documents.settings, +.sidebar-list.documents li:last-child { margin-bottom: 1rem } + +.dropdown.documents li.active a, +.dropdown.documents li.active .documents.settings, +.sidebar-list.documents li.active a { color: #35D7BB } + +.settings { + position: fixed; + top: 67px; + right: 16px; + border-radius: 3px; + width: 288px; + background-color: #373D49; + padding: 16px; + z-index: 7; +} + +.show-settings .settings { display: block } + +.settings .has-checkbox { float: left } + +.settings a { + font-size: 1.25rem; + font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 400; + -webkit-font-smoothing: antialiased; + line-height: 28px; + color: #D0D6E2; +} + +.settings a:after { + content: ""; + display: table; + clear: both; +} + +.settings a:hover { color: #35D7BB } + +.settings li { + border-bottom: 1px solid #4F535B; + margin: 0; + padding: 16px 0; +} + +.settings li:last-child { border-bottom: none } + +.brand { + border: none; + display: block; +} + +.brand:hover g { fill: #35D7BB } + +.toggle { + display: block; + width: 40px; + height: 16px; + padding: 25px 16px 26px; + float: left; +} + +.toggle span:after, +.toggle span:before { + content: ''; + position: absolute; + left: 0; + top: -6px; +} + +.toggle span:after { top: 6px } + +.toggle span { + position: relative; + display: block; +} + +.toggle span, +.toggle span:after, +.toggle span:before { + width: 20px; + height: 2px; + background-color: #D3DAEA; + -webkit-transition: all .3s; + transition: all .3s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.open-menu .toggle span, +.toggle:hover span { background-color: transparent } + +.open-menu .toggle span:before, +.toggle:hover span:before { + -webkit-transform: rotate(45deg)translate(3px,3px); + -ms-transform: rotate(45deg)translate(3px,3px); + transform: rotate(45deg)translate(3px,3px); +} + +.open-menu .toggle span:after, +.toggle:hover span:after { + -webkit-transform: rotate(-45deg)translate(5px,-6px); + -ms-transform: rotate(-45deg)translate(5px,-6px); + transform: rotate(-45deg)translate(5px,-6px); +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 6px; + vertical-align: middle; + position: relative; + top: -1px; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} + +.sidebar { + overflow: auto; + height: 100%; + padding-right: 15px; + padding-bottom: 15px; + width: 285px; +} + +.sidebar-wrapper { + -webkit-overflow-scrolling: touch; + background-color: #2B2F36; + left: 0; + height: 100%; + overflow-y: hidden; + position: fixed; + top: 0; + width: 285px; + z-index: 1; +} + +.sidebar-branding { + width: 160px; + padding: 0; + margin: 16px auto; +} + +.header { + border-bottom: 1px solid #E8E8E8; + position: relative; +} + +.words { + line-height: 1rem; + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + font-weight: 500; + font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; + color: #A0AABF; + letter-spacing: 1px; + text-transform: uppercase; + z-index: 5; + position: absolute; + right: 16px; + top: 0; +} + +.words span { color: #000 } + +.btn { + text-align: center; + display: inline-block; + width: 100%; + text-transform: uppercase; + font-weight: 600; + font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 14px; + text-shadow: 0 1px 0 #1b8b76; + padding: 16px 24px; + background-color: #35D7BB; + border-radius: 3px; + margin: 0 auto 16px; + line-height: 1; + color: #fff; + -webkit-transition: all .15s linear; + transition: all .15s linear; + -webkit-font-smoothing: antialiased; +} + +.btn--new, +.btn--save { + display: block; + width: 238px; +} + +.btn--new:hover, +.btn--new:focus, +.btn--save:hover, +.btn--save:focus { + color: #fff; + border-bottom-color: transparent; + box-shadow: 0 1px 3px #24b59b; + text-shadow: 0 1px 0 #24b59b; +} + +.btn--save { + background-color: #4A5261; + text-shadow: 0 1px 1px #1e2127; +} + +.btn--save:hover, +.btn--save:focus { + color: #fff; + border-bottom-color: transparent; + box-shadow: 0 1px 5px #08090a; + text-shadow: none; +} + +.btn--delete { + display: block; + width: 238px; + background-color: transparent; + font-size: 12px; + text-shadow: none; +} + +.btn--delete:hover, +.btn--delete:focus { + color: #fff; + border-bottom-color: transparent; + text-shadow: 0 1px 0 #08090a; + opacity: .8; +} + +.btn--ok, +.btn--close { + border-top: 0; + background-color: #4A5261; + text-shadow: 0 1px 0 #08090a; + margin: 0; +} + +.btn--ok:hover, +.btn--ok:focus, +.btn--close:hover, +.btn--close:focus { + color: #fff; + background-color: #292d36; + text-shadow: none; +} + +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(55,61,73,.8); + -webkit-transition: all .25s ease-in-out; + transition: all .25s ease-in-out; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; + will-change: left,opacity,visibility; + z-index: 5; + opacity: 0; + visibility: hidden; +} + +.show-settings .overlay { + visibility: visible; + opacity: 1; +} + +.switch { + float: right; + line-height: 1; +} + +.switch input { display: none } + +.switch small { + display: inline-block; + cursor: pointer; + padding: 0 24px 0 0; + -webkit-transition: all ease .2s; + transition: all ease .2s; + background-color: #2B2F36; + border-color: #2B2F36; +} + +.switch small, +.switch small:before { + border-radius: 30px; + box-shadow: inset 0 0 2px 0 #14171F; +} + +.switch small:before { + display: block; + content: ''; + width: 28px; + height: 28px; + background: #fff; +} + +.switch.checked small { + padding-right: 0; + padding-left: 24px; + background-color: #35D7BB; + box-shadow: none; +} + +.modal--dillinger.about .modal-dialog { + font-size: 1.25rem; + max-width: 500px; +} + +.modal--dillinger .modal-dialog { + max-width: 600px; + width: auto; + margin: 5rem auto; +} + +.modal--dillinger .modal-content { + background: #373D49; + border-radius: 3px; + box-shadow: 0 2px 5px 0 #2C3B59; + color: #fff; + font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 400; + padding: 2rem; +} + +.modal--dillinger ul { + list-style-type: disc; + margin: 1rem 0; + padding: 0 0 0 1rem; +} + +.modal--dillinger li { + padding: 0; + margin: 0; +} + +.modal--dillinger .modal-header { + border: 0; + padding: 0; +} + +.modal--dillinger .modal-body { padding: 0 } + +.modal--dillinger .modal-footer { + border: 0; + padding: 0; +} + +.modal--dillinger .close { + color: #fff; + opacity: 1; +} + +.modal-backdrop { background-color: #373D49 } + +.pagination--dillinger { + padding: 0!important; + margin: 1.5rem 0!important; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch; +} + +.pagination--dillinger, +.pagination--dillinger li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.pagination--dillinger li { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-align: center; +} + +.pagination--dillinger li:first-child > a, +.pagination--dillinger li.disabled > a, +.pagination--dillinger li.disabled > a:hover, +.pagination--dillinger li.disabled > a:focus, +.pagination--dillinger li > a { + background-color: transparent; + border-color: #4F535B; + border-right-color: transparent; +} + +.pagination--dillinger li.active > a, +.pagination--dillinger li.active > a:hover, +.pagination--dillinger li.active > a:focus { + border-color: #4A5261; + background-color: #4A5261; + color: #fff; +} + +.pagination--dillinger li > a { + float: none; + color: #fff; + width: 100%; + display: block; + text-align: center; + margin: 0; + border-right-color: transparent; + padding: 6px; +} + +.pagination--dillinger li > a:hover, +.pagination--dillinger li > a:focus { + border-color: #35D7BB; + background-color: #35D7BB; + color: #fff; +} + +.pagination--dillinger li:last-child a { border-color: #4F535B } + +.pagination--dillinger li:first-child a { border-right-color: transparent } + +.diNotify { + position: absolute; + z-index: 9999; + left: 0; + right: 0; + top: 0; + margin: 0 auto; + max-width: 400px; + text-align: center; + -webkit-transition: top .5s ease-in-out,opacity .5s ease-in-out; + transition: top .5s ease-in-out,opacity .5s ease-in-out; + visibility: hidden; +} + +.diNotify-body { + -webkit-font-smoothing: antialiased; + background-color: #35D7BB; + background: #666E7F; + border-radius: 3px; + color: #fff; + font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 400; + overflow: hidden; + padding: 1rem 2rem .5rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + align-items: baseline; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.diNotify-icon { + display: block; + width: 16px; + height: 16px; + line-height: 16px; + position: relative; + top: 3px; +} + +.diNotify-message { padding-left: 1rem } + +.zen-wrapper { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + z-index: 10; + background-color: #FFF; + opacity: 0; + -webkit-transition: opacity .25s ease-in-out; + transition: opacity .25s ease-in-out; +} + +.zen-wrapper.on { opacity: 1 } + +.enter-zen-mode { + background-image: url('../img/icons/enter-zen.svg'); + right: .5rem; + top: .5rem; + display: none; +} + +.enter-zen-mode, +.close-zen-mode { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; + background-repeat: no-repeat; + width: 32px; + height: 32px; + display: block; + position: absolute; +} + +.close-zen-mode { + background-image: url('../img/icons/exit-zen.svg'); + right: 1rem; + top: 1rem; +} + +.zen-page { + position: relative; + top: 0; + bottom: 0; + z-index: 11; + height: 100%; + width: 100%; +} + +#zen { + font-size: 1.25rem; + width: 300px; + height: 80%; + margin: 0 auto; + position: relative; + top: 10%; +} + +#zen:before, +#zen:after { + content: ""; + position: absolute; + height: 10%; + width: 100%; + z-index: 12; + pointer-events: none; +} + +#zen:after { + background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0)0%,#fff 100%); + background-image: linear-gradient(-180deg,rgba(255,255,255,0)0%,#fff 100%); + bottom: 0; +} + +.split { overflow: scroll } + +.split-editor { + padding-left: 0; + padding-right: 0; + position: relative; +} + +.show-preview .split-editor { display: none } + +.split-preview { + background-color: #fff; + display: none; + position: absolute; + top: 129px; + z-index: 4; +} + +.show-preview .split-preview { display: block } + +#editor { + font-size: 1rem; + font-family: "Ubuntu Mono",Monaco; + font-weight: 400; + line-height: 2rem; + width: 100%; + height: 100%; +} + +#editor .ace_gutter { -webkit-font-smoothing: antialiased } + +#preview a { + color: #A0AABF; + text-decoration: underline; +} + +.sr-only { + visibility: hidden; + text-overflow: 110%; + overflow: hidden; + top: -100px; + position: absolute; +} + +.mnone { margin: 0!important } + +@media screen and (min-width:27.5em) { + html { font-size: .875em } + + body { font-size: 1rem } + + ul, + ol { + margin-bottom: .83999rem; + padding-top: .16001rem; + } + + p { padding-top: .66001rem } + + p, + pre { margin-bottom: 1.33999rem } + + pre, + blockquote p { + font-size: 1rem; + padding-top: .66001rem; + } + + blockquote p { margin-bottom: .33999rem } + + h1 { + font-size: 2.05714rem; + margin-bottom: .21999rem; + padding-top: .78001rem; + } + + h2 { + font-size: 1.95312rem; + margin-bottom: .18358rem; + padding-top: .81642rem; + } + + h3 { + font-size: 1.64571rem; + margin-bottom: .07599rem; + padding-top: .92401rem; + } + + h4 { + font-size: 1.5625rem; + margin-bottom: .54686rem; + padding-top: .45314rem; + } + + h5 { + font-size: 1.25rem; + margin-bottom: -.56251rem; + padding-top: .56251rem; + } + + h6 { + font-size: 1rem; + margin-bottom: -.65001rem; + padding-top: .65001rem; + } + + .g { + margin-left: -16px; + margin-right: -16px; + } + + .g-b { + padding-left: 16px; + padding-right: 16px; + } + + .g-b--m1of1 { width: 100% } + + .g-b--m1of2, + .g-b--m2of4, + .g-b--m3of6, + .g-b--m4of8, + .g-b--m5of10, + .g-b--m6of12 { width: 50% } + + .g-b--m1of3, + .g-b--m2of6, + .g-b--m4of12 { width: 33.333% } + + .g-b--m2of3, + .g-b--m4of6, + .g-b--m8of12 { width: 66.666% } + + .g-b--m1of4, + .g-b--m2of8, + .g-b--m3of12 { width: 25% } + + .g-b--m3of4, + .g-b--m6of8, + .g-b--m9of12 { width: 75% } + + .g-b--m1of5, + .g-b--m2of10 { width: 20% } + + .g-b--m2of5, + .g-b--m4of10 { width: 40% } + + .g-b--m3of5, + .g-b--m6of10 { width: 60% } + + .g-b--m4of5, + .g-b--m8of10 { width: 80% } + + .g-b--m1of6, + .g-b--m2of12 { width: 16.666% } + + .g-b--m5of6, + .g-b--m10of12 { width: 83.333% } + + .g-b--m1of8 { width: 12.5% } + + .g-b--m3of8 { width: 37.5% } + + .g-b--m5of8 { width: 62.5% } + + .g-b--m7of8 { width: 87.5% } + + .g-b--m1of10 { width: 10% } + + .g-b--m3of10 { width: 30% } + + .g-b--m7of10 { width: 70% } + + .g-b--m9of10 { width: 90% } + + .g-b--m1of12 { width: 8.333% } + + .g-b--m5of12 { width: 41.666% } + + .g-b--m7of12 { width: 58.333% } + + .g-b--m11of12 { width: 91.666% } + + .g-b--push--m1of1 { margin-left: 100% } + + .g-b--push--m1of2, + .g-b--push--m2of4, + .g-b--push--m3of6, + .g-b--push--m4of8, + .g-b--push--m5of10, + .g-b--push--m6of12 { margin-left: 50% } + + .g-b--push--m1of3, + .g-b--push--m2of6, + .g-b--push--m4of12 { margin-left: 33.333% } + + .g-b--push--m2of3, + .g-b--push--m4of6, + .g-b--push--m8of12 { margin-left: 66.666% } + + .g-b--push--m1of4, + .g-b--push--m2of8, + .g-b--push--m3of12 { margin-left: 25% } + + .g-b--push--m3of4, + .g-b--push--m6of8, + .g-b--push--m9of12 { margin-left: 75% } + + .g-b--push--m1of5, + .g-b--push--m2of10 { margin-left: 20% } + + .g-b--push--m2of5, + .g-b--push--m4of10 { margin-left: 40% } + + .g-b--push--m3of5, + .g-b--push--m6of10 { margin-left: 60% } + + .g-b--push--m4of5, + .g-b--push--m8of10 { margin-left: 80% } + + .g-b--push--m1of6, + .g-b--push--m2of12 { margin-left: 16.666% } + + .g-b--push--m5of6, + .g-b--push--m10of12 { margin-left: 83.333% } + + .g-b--push--m1of8 { margin-left: 12.5% } + + .g-b--push--m3of8 { margin-left: 37.5% } + + .g-b--push--m5of8 { margin-left: 62.5% } + + .g-b--push--m7of8 { margin-left: 87.5% } + + .g-b--push--m1of10 { margin-left: 10% } + + .g-b--push--m3of10 { margin-left: 30% } + + .g-b--push--m7of10 { margin-left: 70% } + + .g-b--push--m9of10 { margin-left: 90% } + + .g-b--push--m1of12 { margin-left: 8.333% } + + .g-b--push--m5of12 { margin-left: 41.666% } + + .g-b--push--m7of12 { margin-left: 58.333% } + + .g-b--push--m11of12 { margin-left: 91.666% } + + .g-b--pull--m1of1 { margin-right: 100% } + + .g-b--pull--m1of2, + .g-b--pull--m2of4, + .g-b--pull--m3of6, + .g-b--pull--m4of8, + .g-b--pull--m5of10, + .g-b--pull--m6of12 { margin-right: 50% } + + .g-b--pull--m1of3, + .g-b--pull--m2of6, + .g-b--pull--m4of12 { margin-right: 33.333% } + + .g-b--pull--m2of3, + .g-b--pull--m4of6, + .g-b--pull--m8of12 { margin-right: 66.666% } + + .g-b--pull--m1of4, + .g-b--pull--m2of8, + .g-b--pull--m3of12 { margin-right: 25% } + + .g-b--pull--m3of4, + .g-b--pull--m6of8, + .g-b--pull--m9of12 { margin-right: 75% } + + .g-b--pull--m1of5, + .g-b--pull--m2of10 { margin-right: 20% } + + .g-b--pull--m2of5, + .g-b--pull--m4of10 { margin-right: 40% } + + .g-b--pull--m3of5, + .g-b--pull--m6of10 { margin-right: 60% } + + .g-b--pull--m4of5, + .g-b--pull--m8of10 { margin-right: 80% } + + .g-b--pull--m1of6, + .g-b--pull--m2of12 { margin-right: 16.666% } + + .g-b--pull--m5of6, + .g-b--pull--m10of12 { margin-right: 83.333% } + + .g-b--pull--m1of8 { margin-right: 12.5% } + + .g-b--pull--m3of8 { margin-right: 37.5% } + + .g-b--pull--m5of8 { margin-right: 62.5% } + + .g-b--pull--m7of8 { margin-right: 87.5% } + + .g-b--pull--m1of10 { margin-right: 10% } + + .g-b--pull--m3of10 { margin-right: 30% } + + .g-b--pull--m7of10 { margin-right: 70% } + + .g-b--pull--m9of10 { margin-right: 90% } + + .g-b--pull--m1of12 { margin-right: 8.333% } + + .g-b--pull--m5of12 { margin-right: 41.666% } + + .g-b--pull--m7of12 { margin-right: 58.333% } + + .g-b--pull--m11of12 { margin-right: 91.666% } + + .splashscreen p { + font-size: 1.25rem; + margin-bottom: 1.43749rem; + padding-top: .56251rem; + } + + .title { + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + } + + .title-document { + margin-bottom: .89999rem; + padding-top: .10001rem; + } + + .title-document, + .settings a { font-size: 1.25rem } + + .words { + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + } + + .modal--dillinger.about .modal-dialog, + #zen { font-size: 1.25rem } + + #zen { width: 400px } + + #editor { font-size: 1rem } +} + +@media screen and (min-width:46.25em) { + html { font-size: .875em } + + body { font-size: 1rem } + + ul, + ol { + margin-bottom: .83999rem; + padding-top: .16001rem; + } + + p { padding-top: .66001rem } + + p, + pre { margin-bottom: 1.33999rem } + + pre, + blockquote p { + font-size: 1rem; + padding-top: .66001rem; + } + + blockquote p { margin-bottom: .33999rem } + + h1 { + font-size: 2.05714rem; + margin-bottom: .21999rem; + padding-top: .78001rem; + } + + h2 { + font-size: 1.95312rem; + margin-bottom: .18358rem; + padding-top: .81642rem; + } + + h3 { + font-size: 1.64571rem; + margin-bottom: .07599rem; + padding-top: .92401rem; + } + + h4 { + font-size: 1.5625rem; + margin-bottom: .54686rem; + padding-top: .45314rem; + } + + h5 { + font-size: 1.25rem; + margin-bottom: -.56251rem; + padding-top: .56251rem; + } + + h6 { + font-size: 1rem; + margin-bottom: -.65001rem; + padding-top: .65001rem; + } + + .g { + margin-left: -16px; + margin-right: -16px; + } + + .g-b { + padding-left: 16px; + padding-right: 16px; + } + + .g-b--t1of1 { width: 100% } + + .g-b--t1of2, + .g-b--t2of4, + .g-b--t3of6, + .g-b--t4of8, + .g-b--t5of10, + .g-b--t6of12 { width: 50% } + + .g-b--t1of3, + .g-b--t2of6, + .g-b--t4of12 { width: 33.333% } + + .g-b--t2of3, + .g-b--t4of6, + .g-b--t8of12 { width: 66.666% } + + .g-b--t1of4, + .g-b--t2of8, + .g-b--t3of12 { width: 25% } + + .g-b--t3of4, + .g-b--t6of8, + .g-b--t9of12 { width: 75% } + + .g-b--t1of5, + .g-b--t2of10 { width: 20% } + + .g-b--t2of5, + .g-b--t4of10 { width: 40% } + + .g-b--t3of5, + .g-b--t6of10 { width: 60% } + + .g-b--t4of5, + .g-b--t8of10 { width: 80% } + + .g-b--t1of6, + .g-b--t2of12 { width: 16.666% } + + .g-b--t5of6, + .g-b--t10of12 { width: 83.333% } + + .g-b--t1of8 { width: 12.5% } + + .g-b--t3of8 { width: 37.5% } + + .g-b--t5of8 { width: 62.5% } + + .g-b--t7of8 { width: 87.5% } + + .g-b--t1of10 { width: 10% } + + .g-b--t3of10 { width: 30% } + + .g-b--t7of10 { width: 70% } + + .g-b--t9of10 { width: 90% } + + .g-b--t1of12 { width: 8.333% } + + .g-b--t5of12 { width: 41.666% } + + .g-b--t7of12 { width: 58.333% } + + .g-b--t11of12 { width: 91.666% } + + .g-b--push--t1of1 { margin-left: 100% } + + .g-b--push--t1of2, + .g-b--push--t2of4, + .g-b--push--t3of6, + .g-b--push--t4of8, + .g-b--push--t5of10, + .g-b--push--t6of12 { margin-left: 50% } + + .g-b--push--t1of3, + .g-b--push--t2of6, + .g-b--push--t4of12 { margin-left: 33.333% } + + .g-b--push--t2of3, + .g-b--push--t4of6, + .g-b--push--t8of12 { margin-left: 66.666% } + + .g-b--push--t1of4, + .g-b--push--t2of8, + .g-b--push--t3of12 { margin-left: 25% } + + .g-b--push--t3of4, + .g-b--push--t6of8, + .g-b--push--t9of12 { margin-left: 75% } + + .g-b--push--t1of5, + .g-b--push--t2of10 { margin-left: 20% } + + .g-b--push--t2of5, + .g-b--push--t4of10 { margin-left: 40% } + + .g-b--push--t3of5, + .g-b--push--t6of10 { margin-left: 60% } + + .g-b--push--t4of5, + .g-b--push--t8of10 { margin-left: 80% } + + .g-b--push--t1of6, + .g-b--push--t2of12 { margin-left: 16.666% } + + .g-b--push--t5of6, + .g-b--push--t10of12 { margin-left: 83.333% } + + .g-b--push--t1of8 { margin-left: 12.5% } + + .g-b--push--t3of8 { margin-left: 37.5% } + + .g-b--push--t5of8 { margin-left: 62.5% } + + .g-b--push--t7of8 { margin-left: 87.5% } + + .g-b--push--t1of10 { margin-left: 10% } + + .g-b--push--t3of10 { margin-left: 30% } + + .g-b--push--t7of10 { margin-left: 70% } + + .g-b--push--t9of10 { margin-left: 90% } + + .g-b--push--t1of12 { margin-left: 8.333% } + + .g-b--push--t5of12 { margin-left: 41.666% } + + .g-b--push--t7of12 { margin-left: 58.333% } + + .g-b--push--t11of12 { margin-left: 91.666% } + + .g-b--pull--t1of1 { margin-right: 100% } + + .g-b--pull--t1of2, + .g-b--pull--t2of4, + .g-b--pull--t3of6, + .g-b--pull--t4of8, + .g-b--pull--t5of10, + .g-b--pull--t6of12 { margin-right: 50% } + + .g-b--pull--t1of3, + .g-b--pull--t2of6, + .g-b--pull--t4of12 { margin-right: 33.333% } + + .g-b--pull--t2of3, + .g-b--pull--t4of6, + .g-b--pull--t8of12 { margin-right: 66.666% } + + .g-b--pull--t1of4, + .g-b--pull--t2of8, + .g-b--pull--t3of12 { margin-right: 25% } + + .g-b--pull--t3of4, + .g-b--pull--t6of8, + .g-b--pull--t9of12 { margin-right: 75% } + + .g-b--pull--t1of5, + .g-b--pull--t2of10 { margin-right: 20% } + + .g-b--pull--t2of5, + .g-b--pull--t4of10 { margin-right: 40% } + + .g-b--pull--t3of5, + .g-b--pull--t6of10 { margin-right: 60% } + + .g-b--pull--t4of5, + .g-b--pull--t8of10 { margin-right: 80% } + + .g-b--pull--t1of6, + .g-b--pull--t2of12 { margin-right: 16.666% } + + .g-b--pull--t5of6, + .g-b--pull--t10of12 { margin-right: 83.333% } + + .g-b--pull--t1of8 { margin-right: 12.5% } + + .g-b--pull--t3of8 { margin-right: 37.5% } + + .g-b--pull--t5of8 { margin-right: 62.5% } + + .g-b--pull--t7of8 { margin-right: 87.5% } + + .g-b--pull--t1of10 { margin-right: 10% } + + .g-b--pull--t3of10 { margin-right: 30% } + + .g-b--pull--t7of10 { margin-right: 70% } + + .g-b--pull--t9of10 { margin-right: 90% } + + .g-b--pull--t1of12 { margin-right: 8.333% } + + .g-b--pull--t5of12 { margin-right: 41.666% } + + .g-b--pull--t7of12 { margin-right: 58.333% } + + .g-b--pull--t11of12 { margin-right: 91.666% } + + .splashscreen-dillinger { width: 500px } + + .splashscreen p { + font-size: 1.25rem; + margin-bottom: 1.43749rem; + padding-top: .56251rem; + } + + .title { + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + } + + .title-document { + font-size: 1.25rem; + margin-bottom: .89999rem; + padding-top: .10001rem; + } + + .menu .menu-item--save-to, + .menu .menu-item--import-from { display: block } + + .menu .menu-item--preview, + .menu .menu-item--save-to.in-sidebar, + .menu .menu-item--import-from.in-sidebar { display: none } + + .settings a { font-size: 1.25rem } + + .words { + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + } + + .modal--dillinger.about .modal-dialog { font-size: 1.25rem } + + .enter-zen-mode { display: block } + + .close-zen-mode { + right: 3rem; + top: 3rem; + } + + #zen { + font-size: 1.25rem; + width: 500px; + } +} + +@media screen and (min-width:62.5em) { + html { font-size: .875em } + + body { font-size: 1rem } + + ul, + ol { + margin-bottom: .83999rem; + padding-top: .16001rem; + } + + p { padding-top: .66001rem } + + p, + pre { margin-bottom: 1.33999rem } + + pre, + blockquote p { + font-size: 1rem; + padding-top: .66001rem; + } + + blockquote p { margin-bottom: .33999rem } + + h1 { + font-size: 2.05714rem; + margin-bottom: .21999rem; + padding-top: .78001rem; + } + + h2 { + font-size: 1.95312rem; + margin-bottom: .18358rem; + padding-top: .81642rem; + } + + h3 { + font-size: 1.64571rem; + margin-bottom: .07599rem; + padding-top: .92401rem; + } + + h4 { + font-size: 1.5625rem; + margin-bottom: .54686rem; + padding-top: .45314rem; + } + + h5 { + font-size: 1.25rem; + margin-bottom: -.56251rem; + padding-top: .56251rem; + } + + h6 { + font-size: 1rem; + margin-bottom: -.65001rem; + padding-top: .65001rem; + } + + .g { + margin-left: -16px; + margin-right: -16px; + } + + .g-b { + padding-left: 16px; + padding-right: 16px; + } + + .g-b--d1of1 { width: 100% } + + .g-b--d1of2, + .g-b--d2of4, + .g-b--d3of6, + .g-b--d4of8, + .g-b--d5of10, + .g-b--d6of12 { width: 50% } + + .g-b--d1of3, + .g-b--d2of6, + .g-b--d4of12 { width: 33.333% } + + .g-b--d2of3, + .g-b--d4of6, + .g-b--d8of12 { width: 66.666% } + + .g-b--d1of4, + .g-b--d2of8, + .g-b--d3of12 { width: 25% } + + .g-b--d3of4, + .g-b--d6of8, + .g-b--d9of12 { width: 75% } + + .g-b--d1of5, + .g-b--d2of10 { width: 20% } + + .g-b--d2of5, + .g-b--d4of10 { width: 40% } + + .g-b--d3of5, + .g-b--d6of10 { width: 60% } + + .g-b--d4of5, + .g-b--d8of10 { width: 80% } + + .g-b--d1of6, + .g-b--d2of12 { width: 16.666% } + + .g-b--d5of6, + .g-b--d10of12 { width: 83.333% } + + .g-b--d1of8 { width: 12.5% } + + .g-b--d3of8 { width: 37.5% } + + .g-b--d5of8 { width: 62.5% } + + .g-b--d7of8 { width: 87.5% } + + .g-b--d1of10 { width: 10% } + + .g-b--d3of10 { width: 30% } + + .g-b--d7of10 { width: 70% } + + .g-b--d9of10 { width: 90% } + + .g-b--d1of12 { width: 8.333% } + + .g-b--d5of12 { width: 41.666% } + + .g-b--d7of12 { width: 58.333% } + + .g-b--d11of12 { width: 91.666% } + + .g-b--push--d1of1 { margin-left: 100% } + + .g-b--push--d1of2, + .g-b--push--d2of4, + .g-b--push--d3of6, + .g-b--push--d4of8, + .g-b--push--d5of10, + .g-b--push--d6of12 { margin-left: 50% } + + .g-b--push--d1of3, + .g-b--push--d2of6, + .g-b--push--d4of12 { margin-left: 33.333% } + + .g-b--push--d2of3, + .g-b--push--d4of6, + .g-b--push--d8of12 { margin-left: 66.666% } + + .g-b--push--d1of4, + .g-b--push--d2of8, + .g-b--push--d3of12 { margin-left: 25% } + + .g-b--push--d3of4, + .g-b--push--d6of8, + .g-b--push--d9of12 { margin-left: 75% } + + .g-b--push--d1of5, + .g-b--push--d2of10 { margin-left: 20% } + + .g-b--push--d2of5, + .g-b--push--d4of10 { margin-left: 40% } + + .g-b--push--d3of5, + .g-b--push--d6of10 { margin-left: 60% } + + .g-b--push--d4of5, + .g-b--push--d8of10 { margin-left: 80% } + + .g-b--push--d1of6, + .g-b--push--d2of12 { margin-left: 16.666% } + + .g-b--push--d5of6, + .g-b--push--d10of12 { margin-left: 83.333% } + + .g-b--push--d1of8 { margin-left: 12.5% } + + .g-b--push--d3of8 { margin-left: 37.5% } + + .g-b--push--d5of8 { margin-left: 62.5% } + + .g-b--push--d7of8 { margin-left: 87.5% } + + .g-b--push--d1of10 { margin-left: 10% } + + .g-b--push--d3of10 { margin-left: 30% } + + .g-b--push--d7of10 { margin-left: 70% } + + .g-b--push--d9of10 { margin-left: 90% } + + .g-b--push--d1of12 { margin-left: 8.333% } + + .g-b--push--d5of12 { margin-left: 41.666% } + + .g-b--push--d7of12 { margin-left: 58.333% } + + .g-b--push--d11of12 { margin-left: 91.666% } + + .g-b--pull--d1of1 { margin-right: 100% } + + .g-b--pull--d1of2, + .g-b--pull--d2of4, + .g-b--pull--d3of6, + .g-b--pull--d4of8, + .g-b--pull--d5of10, + .g-b--pull--d6of12 { margin-right: 50% } + + .g-b--pull--d1of3, + .g-b--pull--d2of6, + .g-b--pull--d4of12 { margin-right: 33.333% } + + .g-b--pull--d2of3, + .g-b--pull--d4of6, + .g-b--pull--d8of12 { margin-right: 66.666% } + + .g-b--pull--d1of4, + .g-b--pull--d2of8, + .g-b--pull--d3of12 { margin-right: 25% } + + .g-b--pull--d3of4, + .g-b--pull--d6of8, + .g-b--pull--d9of12 { margin-right: 75% } + + .g-b--pull--d1of5, + .g-b--pull--d2of10 { margin-right: 20% } + + .g-b--pull--d2of5, + .g-b--pull--d4of10 { margin-right: 40% } + + .g-b--pull--d3of5, + .g-b--pull--d6of10 { margin-right: 60% } + + .g-b--pull--d4of5, + .g-b--pull--d8of10 { margin-right: 80% } + + .g-b--pull--d1of6, + .g-b--pull--d2of12 { margin-right: 16.666% } + + .g-b--pull--d5of6, + .g-b--pull--d10of12 { margin-right: 83.333% } + + .g-b--pull--d1of8 { margin-right: 12.5% } + + .g-b--pull--d3of8 { margin-right: 37.5% } + + .g-b--pull--d5of8 { margin-right: 62.5% } + + .g-b--pull--d7of8 { margin-right: 87.5% } + + .g-b--pull--d1of10 { margin-right: 10% } + + .g-b--pull--d3of10 { margin-right: 30% } + + .g-b--pull--d7of10 { margin-right: 70% } + + .g-b--pull--d9of10 { margin-right: 90% } + + .g-b--pull--d1of12 { margin-right: 8.333% } + + .g-b--pull--d5of12 { margin-right: 41.666% } + + .g-b--pull--d7of12 { margin-right: 58.333% } + + .g-b--pull--d11of12 { margin-right: 91.666% } + + .splashscreen-dillinger { width: 700px } + + .splashscreen p { + font-size: 1.25rem; + margin-bottom: 1.43749rem; + padding-top: .56251rem; + } + + .title { + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + } + + .title-document { + font-size: 1.25rem; + margin-bottom: .89999rem; + padding-top: .10001rem; + } + + .menu .menu-item--export-as { display: block } + + .menu .menu-item--preview { display: none } + + .settings a { font-size: 1.25rem } + + .words { + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + } + + .modal--dillinger.about .modal-dialog, + #zen { font-size: 1.25rem } + + #zen { width: 700px } + + #editor { font-size: 1rem } +} + +@media screen and (min-width:87.5em) { + html { font-size: .875em } + + body { font-size: 1rem } + + ul, + ol { + margin-bottom: .83999rem; + padding-top: .16001rem; + } + + p { padding-top: .66001rem } + + p, + pre { margin-bottom: 1.33999rem } + + pre, + blockquote p { + font-size: 1rem; + padding-top: .66001rem; + } + + blockquote p { margin-bottom: .33999rem } + + h1 { + font-size: 2.05714rem; + margin-bottom: .21999rem; + padding-top: .78001rem; + } + + h2 { + font-size: 1.95312rem; + margin-bottom: .18358rem; + padding-top: .81642rem; + } + + h3 { + font-size: 1.64571rem; + margin-bottom: .07599rem; + padding-top: .92401rem; + } + + h4 { + font-size: 1.5625rem; + margin-bottom: .54686rem; + padding-top: .45314rem; + } + + h5 { + font-size: 1.25rem; + margin-bottom: -.56251rem; + padding-top: .56251rem; + } + + h6 { + font-size: 1rem; + margin-bottom: -.65001rem; + padding-top: .65001rem; + } + + .splashscreen-dillinger { width: 800px } + + .splashscreen p { + font-size: 1.25rem; + margin-bottom: 1.43749rem; + padding-top: .56251rem; + } + + .title { + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + } + + .title-document { + margin-bottom: .89999rem; + padding-top: .10001rem; + } + + .title-document, + .settings a { font-size: 1.25rem } + + .words { + font-size: .8rem; + margin-bottom: .77999rem; + padding-top: .22001rem; + } + + .modal--dillinger.about .modal-dialog, + #zen { font-size: 1.25rem } + + #editor { font-size: 1rem } +} + +@media (min-width:768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { width: auto } + + .form-inline .input-group > .form-control { width: 100% } + + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + + .form-inline .radio label, + .form-inline .checkbox label { padding-left: 0 } + + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + position: relative; + margin-left: 0; + } + + .form-inline .has-feedback .form-control-feedback { top: 0 } + + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px; + } + + .form-horizontal .form-group-lg .control-label { padding-top: 14.3px } + + .form-horizontal .form-group-sm .control-label { padding-top: 6px } + + .modal-dialog { + width: 600px; + margin: 30px auto; + } + + .modal-content { box-shadow: 0 5px 15px rgba(0,0,0,.5) } + + .modal-sm { width: 300px } +} + +@media (min-width:992px) { + .modal-lg { width: 900px } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..a310548 --- /dev/null +++ b/index.html @@ -0,0 +1,849 @@ + + + + + + + + Combustibili fossili + + + +

Carbone

+

+ carbone + Il carbone è una roccia sedimentaria organogena utilizzata + principalmente come combustibile. +

+ +

Formazione

+ +

formazione del carbone

+ +

+ Il processo di formazione degli attuali depositi di carbone iniziò + nel periodo Carbonifero, circa 345 milioni di anni + fa. Il clima caldo umido del periodo favorì largamente lo sviluppo + di grandi alberi che costituirono vastissime foreste ricoprendo + aree paludose e zone costiere. +

+

+ I resti vegetali lasciati dalle piante si + stratificarono per migliaia di anni e vennero + gradualmente seppelliti nel suolo paludoso da strati di sedimenti + (fango e sabbia). Si costituirono quindi la torba, + un fitto intreccio di resti vegetali, e il + sapropel, una fanghiglia di resti vegetali, + planctonici e argille. +

+

+ Con l'aumentare della stratificazione e quindi della profondità + si determinò un aumento di pressione e temperatura. In questo + ambiente microorganismi anaerobi attuarono una serie di + trasformazioni riducendo la quantità di idrogeno, ossigeno e azoto + e aumentando la concentrazione di carbonio + passando così dalla torba alla lignite e + litantrace fino + all'antracite, in ordine per contenuto di + carbonio. +

+ +

antracite

+ +

+ L'antracite è il tipo di carbon fossile più pregiato e contiene + fino al 95% di carbonio. Il carbonio puro, la + grafite non è invece utilizzabile come + combustibile. +

+

+ Il processo può durare diversi milioni di anni e può essere + interrotto se lo strato riaffiora in superficie a causa dei + movimenti tettonici in quanto il materiale si degrada velocemente. +

+ +

Utilizzi

+ +

+ Il carbone é utilizzato per la produzione di + grafite artificiale tramite il processo chimico di + grafitazione. +

+

+ In passato veniva trasformato in gas per il + riscaldamento e l'illuminazione pubblica. + Nella Germania nazista il carbone veniva convertito, grazie al + processo Fischer-Tropsch, in idrocarburi come + benzina e gasolio per sopperire + alla mancanza di petrolio. +

+

+ Tuttavia l'utilizzo principale del carbone oggi è quello di + combustibile solido per la produzione di energia + elettrica. Il consumo globale di carbone è di circa 7.3×10¹² kg e + il 40% della produzione di energia elettrica + avviene grazie alla combustione del carbone (dati del 2010). + L'utilizzo del carbone è in aumento e si stima possa aumentare + del 48% entro il 2030. +

+ +

Produzione di energia elettrica

+ +

+ Quando utilizzato per la produzione di energia elettrica il carbone + è solitamente polverizzato e bruciato in un fornace con una + caldaia. Il calore prodotto dalla combustione viene utilizzato per + riscaldare l'acqua nella caldaia e produrre vapore. Il vapore + poi mette in movimento delle turbine che azionano un generatore + producendo corrente. L'efficienza + termodinamica del processo è in genere del 25% e + può raggiungere il 43% utilizzando antracite come carburante. +

+

+ In un processo alternativo il carbone è convertito in + syngas, una miscela di CO₂, CO e H₂, e bruciato in + una turbina a gas. In questo caso l'efficienza è più alta: + 40-45%. +

+ +

Riserve e consumo

+ +

carico di carbone

+ +

+ Il maggior estrattore di carbone è la Cina, con il 38% della + produzione annua mondiale, seguita dagli stati uniti al 14%. + l'85% della produzione è consumata da soli 10 paesi di cui 8 + sono parte dei maggiori produttori. Solo la Cina consuma il 50% + della produzione annua mondiale. +

+

+ Si è stimato che la quantità di carbon fossile accessibile + all'estrazione con le tecniche attuali è circa 1.5×10¹⁶ kg. + Ovvero, con l'attuale consumo, l'equivalente a circa + 280-300 anni di riserve. +

+ +

Problemi

+ +

+ L'estrazione e l'utilizzo del carbone comporta una lunga + serie di rischi per la salute e l'ambiete. +

+

+ Le miniere a cielo aperto hanno un forte impatto ambientale e ad + esse sono collegati pericoli come contaminazione delle acque, fughe + di cenere volante e liquami. +

+

+ Nelle minieri sotterranee invece si hanno invece rischi per la + salute dei minatori che sono sottoposti ad alte temperature (anche + più di 30°C) e la lunga esposizione alle polveri porta a malattie + come la silicosi. Sono frequenti gli incendi nei + giacimenti di carbone che possono bruciare per decenni e causare la + subsidenza del suolo soprastante. +

+ +

+ +

+ La combustione del carbone libera in aria, oltre alla CO₂, SO₂ che + è un gas fortemente irritante per l'uomo e che provoca il + fenomeno delle piogge acide. Il carbone può anche + contenere in tracce altre sostanze pericolose come arsenico e + mercurio e metalli pesanti che finiscono nei + milioni di tonnelate di prodotti di scarto rilasciati dalla + lavorazione e utilizzo del carbone ogni anno. +

+

+ Ogni anno in Cina muoiono più di 5000 minatori e negli Stati Uniti + si registrano 24000 morti collegate alla produzione di energia dal + carbone. +

+ +

Densità di energia

+ +

densità di energia

+ +

+ La densità di energia del carbone è di 24 MJ/Kg. + Circa la metà di quella di metano e petrolio e quasi nulla rispetto + a quella dei materiali fissili. Inoltre anche nel miglior processo + di combustione quasi la metà di questa energia viene persa. Il + carbone è una delle fonti di energia più inefficienti tuttavia ha + un costo di produzione relativamente basso e contribuisce a + mantenere basso il costo di altri combustibili come il petrolio. +

+ +

Petrolio

+ +

petrolio

+ +

Formazione

+

Teoria Biogenica

+

+ La teoria biogenica del petrolio ipotizza che il petrolio derivi + dalla trasformazione di materiale biologico in decomposizione. Il + primo a sostenere tale teoria fu lo scienziato russo Lomonosov nel + XVIII secolo (confermata nel 1877 da Mendeleev). Ulteriore conferma + a tale ipotesi fu fornita da Alfred E. Treibs, che evidenziò + l'analogia strutturale tra una molecola di metalloporfirina che + aveva rintracciato nel petrolio nel 1930 e la molecola della + clorofilla (che è invece associata a processi biologici). +

+

+ Secondo tale teoria, il materiale biologico dal quale deriva il + petrolio è costituito da organismi unicellulari marini vegetali e + animali (fitoplancton e zooplancton) rimasti sepolti nel sottosuolo + centinaia di milioni di anni fa, in particolare durante il + paleozoico, quando tale materia organica era abbondante nei mari. +

+

+ In un primo stadio, tale materia organica viene trasformata in + cherogene attraverso una serie di processi biologici e chimici; in + particolare la decomposizione della materia organica ad opera di + batteri anaerobi (cioè che operano in assenza di ossigeno) porta + alla produzione di ingenti quantità di metano. Successivamente, a + causa della continua crescita dei sedimenti, si ha un innalzamento + della temperatura (fino a 65-150 °C) che porta allo sviluppo di + processi chimici di degradazione termica e cracking, che + trasformano il cherogene in petrolio. Tale processo di + trasformazione del cherogene in petrolio avviene alla sua massima + velocità quando il deposito ha raggiunto profondità intorno a + 2.000-2.900 metri. +

+

+ Una volta generati, gli idrocarburi migrano verso l'alto + attraverso i pori della roccia in virtù della loro bassa densità. + Se nulla blocca la migrazione, questi idrocarburi affiorano in + superficie. A questo punto le frazioni più volatili evaporano e + resta un accumulo di bitume, che è pressoché solido a pressione e + temperatura atmosferica. Storicamente gli accumuli naturali di + bitume sono usati per usi civili (impermeabilizzare il legno) o + militari (come il fuoco greco). Tuttavia nel percorso di + migrazione, gli idrocarburi possono accumularsi in rocce porose + (dette "rocce madri") e restare bloccati da uno strato di + roccia impermeabile. In questo caso si può creare una zona di + accumulo, detta "trappola petrolifera" (o reservoir). + Perché le rocce porose possano costituire un reservoir, è + necessario che queste rocce siano al di sotto di rocce meno + permeabili (normalmente argille o evaporiti), in maniera tale che + gli idrocarburi non abbiano la possibilità di risalire sino alla + superficie terrestre. +

+

+ Una conformazione geologica che costituisce un caso tipico di + trappola petrolifera è la piega anticlinale. Questo tipo di + configurazione costituisce di gran lunga il caso più frequente di + "trappola petrolifera", anche se può accadere che il + petrolio si accumuli in corrispondenza di fratture tettoniche o + attorno a dei giacimenti di sale. All'interno del reservoir si + viene quindi a trovare una miscela di idrocarburi liquidi e gassosi + (in proporzioni variabili). Gli idrocarburi gassosi costituiscono + gas naturale (metano ed etano) e riempiono le porosità superiori. + Quelli liquidi (nelle condizioni di pressione esistenti nel + giacimento, cioè svariate centinaia di atmosfere) occupano le zone + inferiori del reservoir. In virtù dell'origine marina della + materia organica all'origine del petrolio, quasi + inevitabilmente gli idrocarburi sono associati ad acqua; è + frequente la situazione per la quale all'interno della roccia + madre si trovino tre strati: uno superiore di gas naturale, uno + intermedio costituito da idrocarburi liquidi ed uno inferiore di + acqua salata. Nelle operazioni di messa in produzione di un + giacimento si presta notevole attenzione alla profondità alla quale + si situa lo strato di acqua perché questa informazione è necessaria + per calcolare il rendimento teorico del giacimento. È frequente la + situazione per la quale il giacimento di idrocarburi contiene + unicamente metano ed etano. In questo caso si parlerà di giacimento + di gas naturale. Se gli idrocarburi liquidi più pesanti presenti + nel giacimento non superano i dodici-quindici atomi di carbonio + (C12 - C15), si parlerà di giacimento di condensato, sovente + associato a gas naturale. Se negli idrocarburi liquidi presenti + sono rappresentate molecole più lunghe si è in presenza di un + giacimento di petrolio propriamente detto. +

+ +

Teorie Abiogene

+ +

+ Secondo le teorie abiogene (o abiotiche) il petrolio si è formato + attraverso processi non biologici. +

+

+ Fra i teorici dell'origine abiogena c'è il professor Thomas + Gold che nel 1992 pubblicò la sua teoria della profonda biosfera + calda, allo scopo di spiegare il meccanismo dell'accumulo di + idrocarburi nei giacimenti profondi. Nel 2001 J. Kenney dimostrò + che secondo le leggi della termodinamica non sarebbe possibile la + trasformazione a basse pressioni di carboidrati o altro materiale + biologico in catene idrocarburiche. Infatti il potenziale chimico + dei carboidrati varia da -380 a -200 kcal/mol, mentre il potenziale + chimico degli idrocarburi è maggiore di 0 kcal/mol. Siccome le + trasformazioni termodinamiche evolvono verso condizioni a + potenziale chimico più basso, la trasformazione citata non può + avvenire. Il metano non si polimerizza a basse pressioni ad alcuna + temperatura. Talvolta, giacimenti di gas naturale e petrolio + ritenuti in fase di esaurimento, si riempono di nuovo; questo + processo può essere alimentato solo da depositi profondi, + percorrendo la sequenza di fenomeni che portò alla formazione + iniziale. La teoria abiotica sostiene che tutti gli idrocarburi + naturali siano di origine abiotica, ad eccezione del metano + biogenico (spesso chiamato gas di palude), che è prodotto in + prossimità della superficie terrestre attraverso la degradazione + batterica di materia organica sedimentata. +

+

+ Una teoria dell'origine abiotica del petrolio ritiene che al + momento della formazione della Terra si siano formati dei + significativi depositi di carbonio, ora preservati solo nel + mantello superiore. Questi depositi, trovandosi in condizioni di + elevata temperatura e pressione, catalizzerebbero la + polimerizzazione di molecole di metano, fino a formare lunghe + catene idrocarburiche. Una variante di questa teoria prevede + l'idrolisi di peridotiti del mantello, con conseguente + formazione di un fluido ricco in idrogeno e con metalli + catalizzatori (come nichel, cromo, cobalto o vanadio), che + risalendo, dilaverebbe le rocce carbonatiche superiori, generando + idrocarburi. Questa reazione chimica ipotizzata è la stessa che si + avrebbe nel processo industriale della sintesi di Fischer-Tropsch. +

+ +

Trasformazione Preliminare

+ +

+ Abitualmente il greggio viene sottoposto ad un primo trattamento + direttamente sul posto in cui viene estratto dal sottosuolo. + L'acqua e le componenti minerali sono le prime ad essere + separate, prima di inviare il petrolio alla raffinazione, + principalmente tramite distillazione o metodi gravitativi, cicloni, + ecc. L'acqua separata, solitamente ha un certo contenuto di + sali disciolti (principalmente cloruro di sodio) e quindi non + utilizzabile per scopi agricoli, industriali o civili, quasi sempre + viene reiniettata nel sottosuolo entro l'acquifero del + giacimento, per mantenerne la pressione e quindi tenere stabile la + produzione petrolifera, oppure in livelli rocciosi permeabili, che + quindi l'assorbono facilmente, individuati nel sistema + geologico in cui si trova il giacimento. +

+

La Trasformazione del petrolio (downstream)

+

+ Dopo il processo di estrazione, il petrolio viene trasportato verso + stabilimenti (raffinerie di petrolio), dove avvengono le operazioni + di trasformazione che permettono di produrre a partire dal grezzo + petrolifero una serie di prodotti di uso comune. Le operazioni + attraverso le quali il grezzo petrolifero viene trasformato sono + molteplici e di diversa natura. A grandi linee, il processo di + raffinazione può essere suddiviso in tre fasi principali: +

+ +

+ Scendendo più nel particolare, le principali lavorazioni sono: +

+ +

+ Ogni taglio petrolifero è costituito da molecole di lunghezza + comparabile. Poiché l'operazione di distillazione non può + essere perfetta, ogni taglio petrolifero contiene un po' del + taglio più leggero ed un po' del taglio più pesante. Per questo + motivo gli intervalli di ebollizione di un taglio + "ricoprono" parzialmente quelli del taglio immediatamente + più leggero ed immediatamente più pesante. I gas che si formano + nelle varie parti di impianto (metano, etano, propano e butano) + vengono raccolti ed usati per produrre energia per il funzionamento + della raffineria o valorizzati come prodotti finiti. Il taglio che + costituisce la benzina dovrà subire varie lavorazioni, in quanto la + benzina da topping presenta uno scarso numero di ottano, pertanto + si ricorre ai processi di isomerizzazione, reforming. La parte + pesante viene inviata al vacuum per recuperare i combustibili + liquidi rimasti nel fondo della colonna da topping: +

+ +

+ Vi sono poi altre lavorazioni per recuperare le paraffine e le cere + (vasellina), usate anche nella cosmetica. Lo scarto finale + costituisce il bitume usato, una volta miscelato con pietrisco fine + e sabbia, per la pavimentazione stradale. Nel novero dei prodotti + di raffineria rientra anche lo zolfo ottenuto dal processo di + desolforazione. Va infine ricordato che il petrolio (nel taglio + della virgin nafta) è anche materia prima per l'industria + petrolchimica per la produzione di plastiche. I prodotti finali del + processo di trasformazione includono dunque: GPL, benzina, + cherosene, gasolio, oli lubrificanti, bitumi, cere e paraffine. +

+ +

Aspetti Positivi e Negativi

+ +

Negativi

+ + + +
Ambiente
+ +

+ La presenza dell'industria petrolifera ha significativi impatti + sociali e ambientali, da incidenti e da attività di routine come + l'esplorazione sismica, perforazioni e scarti inquinanti. +

+

+ L'estrazione petrolifera è costosa e spesso danneggia + l'ambiente. La ricerca e l'estrazione di petrolio offshore + disturbano l'ambiente marino circostante. L'estrazione può + essere preceduta dal dragaggio, che danneggia il fondo marino e le + alghe, fondamentali nella catena alimentare marina. Il greggio e il + petrolio raffinato che fuoriescono da navi petroliere incidentate, + hanno danneggiato fragili ecosistemi in Alaska, nelle Isole + Galapagos, in Spagna e in molti altri posti. Infine, la + combustione, su tutto il pianeta, di enormi quantità di petrolio + (centrali elettriche, mezzi di trasporto) risulta essere tra i + maggiori responsabili dell'incremento riscontrato delle + percentuali di anidride carbonica e di altri gas + nell'atmosfera, incidendo sull'aumento dell'effetto + serra. +

+ +

oil spill

+ +

Positivi

+ + + +

Potenzialità rispetto al fabbisogno mondiale

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Paese consumo (barili/giorno) Anno
Stati Uniti 19 150 000 2010
Cina 9 400 000 2011
Giappone 4 452 000 2010
India 3 182 000 2010
Arabia Saudita 2 643 000 2010
Germania 2 495 000 2010
Canada 2 209 000 2010
Russia 2 199 000 2010
Corea del Sud 2 195 000 2011
Messico 2 073 000 2010
Brasile 2 029 000 2012
Francia 1 861 000 2010
Iran 11 845 000 2010
Gran Bretagna 1 622 000 2010
Italia 1 528 000 2010
Spagna 1 441 000 2010
+ +

Utilizzo e Sviluppo odierno del Petrolio

+ +

+ Dal petrolio si possono ottenere molti prodotti, da alcuni dei più + diffusi combustibili (la benzina, il gasolio e altre sostanze dette + derivati del petrolio) a molte delle materie plastiche utilizzate + dall'uomo. Gli idrocarburi semplici di cui è composto il + petrolio sono, infatti, la materia prima essenziale per produrre + materie plastiche che danno una risposta alle molteplici esigenze + di materiali plastici con caratteristiche specifiche: resistenza, + plasticità, durezza, elasticità, biodegradabilità, indeformabilità, + aderenza, impermeabilità, malleabilità, ecc. I quattro idrocarburi + più usati sono l'etilene, il propilene, il butadiene e il + benzene. La loro molecola li rende particolarmente adatti a + ricomporsi in lunghe catene organizzate. La complessità delle + sostanze petrolchimiche viene ricostruita con numerosi passaggi e + diversi percorsi produttivi attraverso i quali si giunge a + un'infinita varietà di prodotti. L'etilene è la sostanza di + partenza più utilizzata al mondo (5 milioni di tonnellate + all’anno). Da solo viene usato per far maturare la frutta più + rapidamente e per produrre detergenti con poca schiuma. Mediante + polimerizzazione, si ottiene il polietilene (PE), presente in + numerosi imballaggi, oggetti stampati e rivestimenti. Combinando + l'etilene con acqua si ottiene l'alcol etilico, un solvente + per profumi, cosmetici, pitture, saponi, coloranti, fibre tessili e + materie plastiche. Combinandolo con il benzene, si ottiene il + polistirolo (PS), usato come isolante in edilizia, nonché materia + prima per imballaggi delicati e giocattoli. Combinandolo con il + cloro si ottiene il polivinilcloruro (PVC), anch'esso molto + utilizzato nel settore edile e per realizzare tessuti impermeabili. + Il propilene è il punto di partenza per numerose sostanze chimiche, + tra cui l'isoprene, la glicerina e l'acetone. Combinando + tra loro più molecole di propilene si ottiene il polipropilene + (PP), ideale per imballaggi e altri manufatti resistenti. Il + butadiene viene usato soprattutto nella preparazione di gomme + sintetiche, succedanei del cuoio e come solvente. Infine il + benzene, dal quale si ricavano importanti prodotti intermedi come + il fenolo, l'anilina, lo stirene e il clorobenzene, utilizzati + per coloranti, fibre, resine, materie plastiche, gomme sintetiche, + prodotti farmaceutici, insetticidi, detersivi, fibre tessili. I + derivati del petrolio sono poi utilizzati come combustibili nelle + centrali termoelettriche per la produzione di energia elettrica e + in impianti di riscaldamento domestico e di produzione di acqua + calda. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Prodotto petrolifero Utilizzi
metano e altri gas combustibili di raffineria
propano combustibile per autotrazione o per riscaldamento
butano utilizzato per aumentare la volatilità della benzina
etere di petrolio solvente
nafta leggera componente di combustibile per automobili
nafta pesante materia prima per il reforming, combustibile per jet
benzina combustibile per motori
cherosene combustibile
gasolio leggero carburante per motori Diesel / riscaldamento
gasolio pesante materia prima per cracking catalitico
olio lubrificante olio per motori
bitume, asfalto pavimentazione stradale
+ +

Gas naturale

+
+

+ Per gas naturale si intende un combustibile fossile composto da + una miscela di idrocarburi,il cui componente principale è il + gas metano con una composizione del 90/95%.Tuttavia,è possibile + trovarvi anche gas più pesanti fra cui etano,propano,butano e + pentano. +

+
+

+ Vediamo ora le principali caratteristiche di questa fonte di + energia +

+ +

Come ottenere il gas naturale

+ +
+

+ È necessario precisare che il gas naturale si è formato, + insieme al petrolio, centinaia di milioni di anni grazie alla + decomposizione chimica di sostanze organiche (come,ad es. + alghe, plancton) in assenza di ossigeno.Così,dopo essersi + formato,esso tende a risalire verso la superficie terrestre:una + parte viene dispersa nell'atmosfera, un'altra parte + rimane invece intrappolata in formazioni geologiche(es. strati + di roccia sedimentaria).Si formano quindi dei giacimenti + sotterranei.Questi giacimenti vengono individuati grazie alla + propagazione delle onde sismiche,successivamente vengono + costruiti gli impianti di estrazione necessari e tramite la + trivellazione dei pozzi,si estre il gas naturale. +

+
+

+ Il gas naturale si trova quindi allo stato fossile,per poi essere + estratto.I più grandi giacimenti conosciuti si trovano nel Golfo + Persico (Qatar e Iran), ma il paese che singolarmente possiede le + maggiori riserve conosciute è la Russia. +

+ +

Vantaggi e svantaggi del gas naturale

+ +

+ Come per ogni fonte di energia,esistono vantaggi e svantaggi legati + al suo utilizzo. Vediamo ora i principali vantaggi di questa fonte + di energia: +

+ +

Passiamo ora a vedere quali sono gli svantaggi:

+ +

In generale, si tratta comunque di una valida fonte di energia.

+ +

Utilizzo del gas naturale

+ +
+

+ Il gas naturale è un gas di fondamentale importanza,dal momento + che esso è costantemente impiegato in numerosissime attività + quotidiane in diversi settori. +

+
+

+ Di seguito sono elencate le principali attività che hanno a che + vedere con il gas naturale: +

+ +
+

+ E' quindi facile vedere come questa fonte di energia,pur + essendo esauribile,porti numerosi vantaggi all'uomo in + diversi settori ed in diverse attvità.La crescente domanda per + il suo impiego la rende a tutti gli effenti un elemento di + sostentamento fondamentale per l'uomo.Le sue potenzialità + sono enormi,per ciò è molto probabile che nei prossimi anni + assumerà un ruolo ancor più dominante nella nostra vita. +

+
+

+ Potenzialità rispetto al fabbisogno +

+
+

+ Il gas naturale svolge un ruolo fondamentale per quanto + riguarda l'equilibrio energetico mondiale, dal momento che + rappresenta circa un quinto della quantità totale di energia + impiegata.Recentemente, il consumo di gas naturale è aumentato + in maniera vertiginosa, e si stima attualmente a più di 3 mila + miliardi di metri cubi annui. Si prevede che il consumo di gas + naturale continuerà ad aumentare in modo rapido, guidato in + particolar modo dall’aumento del fabbisogno nei settori della + produzione di energia elettrica e dei trasporti. L’alto grado + di efficienza, l’economicità a lungo termine e la disponibilità + di questa materia prima sono fattori che, in tali settori, + potranno contribuire a far pendere la bilancia a suo favore. +

+
+

+ Tutti questi fattori fanno sì che le potenzialità del gas naturale + rispetto al fabbisogno siano ottime e consentano di soddisfare le + richieste. +

+

+ Altre informazioni +

+
+

+ Oltre all'estrazione del gas naturale tramite gli appositi + impianti precedentemente citati,è possibile che esso venga + ricavato attraverso metodi alternativi.Esistono quindi altre + diverse fonti: +

+
+ + + \ No newline at end of file