4064 lines
80 KiB
CSS
4064 lines
80 KiB
CSS
code {
|
|
color: #c7254e;
|
|
background-color: #f9f2f4;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
code,
|
|
kbd { padding: 2px 4px }
|
|
|
|
kbd {
|
|
color: #fff;
|
|
background-color: #333;
|
|
border-radius: 3px;
|
|
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
|
|
}
|
|
|
|
kbd kbd {
|
|
padding: 0;
|
|
font-size: 100%;
|
|
box-shadow: none;
|
|
}
|
|
|
|
pre {
|
|
display: block;
|
|
margin: 0 0 10px;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
color: #333;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
pre code {
|
|
padding: 0;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
white-space: pre-wrap;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.pre-scrollable {
|
|
max-height: 340px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
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, body { overflow: auto }
|
|
|
|
html {
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 2em 0;
|
|
background: #373D49;
|
|
}
|
|
|
|
#container {
|
|
margin: auto;
|
|
padding: 1em 2em;
|
|
width: 55%;
|
|
min-width: 50em;
|
|
background: #fafafa;
|
|
}
|
|
|
|
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;
|
|
margin-bottom: 1em;
|
|
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 }
|
|
}
|