ubuntu-nginx-web-server/docs/assets/style.css

1270 lines
28 KiB
CSS

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic,300italic,300|Source+Serif+Pro|Source+Code+Pro:400,300,500&subset=latin,latin-ext);
.markdown-body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
background-color: #0A0B14;
}
.markdown-body:after,
.markdown-body:before {
display: table;
content: ""
}
.markdown-body:after {
clear: both
}
.markdown-body>:first-child {
margin-top: 0 !important
}
.markdown-body>:last-child {
margin-bottom: 0 !important
}
.markdown-body a:not([href]) {
color: inherit;
text-decoration: none
}
.markdown-body .absent {
color: #c00
}
.markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1
}
.markdown-body .anchor:focus {
outline: none
}
.markdown-body blockquote,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
margin-top: 0;
margin-bottom: 16px
}
.markdown-body hr {
height: .25em;
padding: 0;
margin: 24px 0;
background-color: #333;
border: 0
}
.markdown-body blockquote {
padding: 0 1em;
color: #777;
border-left: .25em solid #ddd
}
.night .markdown-body blockquote {
color: #bcbcbc
}
.markdown-body blockquote>:first-child {
margin-top: 0
}
.markdown-body blockquote>:last-child {
margin-bottom: 0
}
.markdown-body .loweralpha {
list-style-type: lower-alpha
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25
}
.night .markdown-body h1,
.night .markdown-body h2,
.night .markdown-body h3,
.night .markdown-body h4,
.night .markdown-body h5,
.night .markdown-body h6 {
color: #ddd
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
color: #fff;
vertical-align: middle;
visibility: hidden
}
.night .markdown-body h1 .octicon-link,
.night .markdown-body h2 .octicon-link,
.night .markdown-body h3 .octicon-link,
.night .markdown-body h4 .octicon-link,
.night .markdown-body h5 .octicon-link,
.night .markdown-body h6 .octicon-link {
color: #fff
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
text-decoration: none
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
visibility: visible
}
.markdown-body h1 code,
.markdown-body h1 tt,
.markdown-body h2 code,
.markdown-body h2 tt,
.markdown-body h3 code,
.markdown-body h3 tt,
.markdown-body h4 code,
.markdown-body h4 tt,
.markdown-body h5 code,
.markdown-body h5 tt,
.markdown-body h6 code,
.markdown-body h6 tt {
font-size: inherit
}
.markdown-body h1 {
font-size: 2em
}
.markdown-body h1,
.markdown-body h2 {
padding-bottom: .3em;
border-bottom: 1px solid #eee
}
.markdown-body h2 {
font-size: 1.5em
}
.markdown-body h3 {
font-size: 1.25em
}
.markdown-body h4 {
font-size: 1em
}
.markdown-body h5 {
font-size: .875em
}
.markdown-body h6 {
font-size: .85em;
color: #777
}
.markdown-body ol,
.markdown-body ul {
padding-left: 2em
}
.markdown-body ol.no-list,
.markdown-body ul.no-list {
padding: 0;
list-style-type: none
}
.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul {
margin-top: 0;
margin-bottom: 0
}
.markdown-body li>p {
margin-top: 16px
}
.markdown-body li+li {
margin-top: .25em
}
.markdown-body dl {
padding: 0
}
.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 700
}
.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px
}
.markdown-body table {
display: block;
width: 100%;
overflow: auto;
word-break: normal;
word-break: keep-all
}
.markdown-body table th {
font-weight: 700
}
.markdown-body table td,
.markdown-body table th {
padding: 6px 13px;
border: 1px solid #ddd
}
.markdown-body table tr {
background-color: #333;
color:#fff;
border-top: 1px solid #ccc
}
.night .markdown-body table tr {
background-color: #5f5f5f
}
.markdown-body table tr:nth-child(2n) {
background-color: #333
}
.night .markdown-body table tr:nth-child(2n) {
background-color: #4f4f4f
}
.markdown-body img {
max-width: 100%;
box-sizing: content-box;
background-color: #333
}
.markdown-body img[align=right] {
padding-left: 20px
}
.markdown-body img[align=left] {
padding-right: 20px
}
.markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent
}
.markdown-body span.frame {
display: block;
overflow: hidden
}
.markdown-body span.frame>span {
display: block;
float: left;
width: auto;
padding: 7px;
margin: 13px 0 0;
overflow: hidden;
border: 1px solid #ddd
}
.markdown-body span.frame span img {
display: block;
float: left
}
.markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: #333
}
.markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both
}
.markdown-body span.align-center>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center
}
.markdown-body span.align-center span img {
margin: 0 auto;
text-align: center
}
.markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both
}
.markdown-body span.align-right>span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right
}
.markdown-body span.align-right span img {
margin: 0;
text-align: right
}
.markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden
}
.markdown-body span.float-left span {
margin: 13px 0 0
}
.markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden
}
.markdown-body span.float-right>span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right
}
.markdown-body code,
.markdown-body tt {
padding: 0;
padding-top: .2em;
padding-bottom: .2em;
margin: 0;
font-size: 85%;
background-color: rgba(0, 0, 0, .04);
color: #fff;
border-radius: 3px
}
.night .markdown-body code,
.night .markdown-body tt {
color: #eee;
background-color: #333
}
.markdown-body code:after,
.markdown-body code:before,
.markdown-body tt:after,
.markdown-body tt:before {
letter-spacing: -.2em;
content: "\A0"
}
.markdown-body code br,
.markdown-body tt br {
display: none
}
.markdown-body del code {
text-decoration: inherit
}
.markdown-body pre {
word-wrap: normal
}
.markdown-body pre>code {
padding: 0;
margin: 0;
font-size: 100%;
word-break: normal;
white-space: pre;
background: #333;
color: #fff;
border: 0
}
.markdown-body .highlight {
margin-bottom: 16px
}
.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal
}
.markdown-body .highlight pre,
.markdown-body pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #333;
color: #fff;
border-radius: 3px
}
.markdown-body pre code,
.markdown-body pre tt {
display: inline;
max-width: auto;
padding: 0;
margin: 0;
color: #fff;
overflow: visible;
line-height: inherit;
word-wrap: normal;
background-color: #333;
border: 0
}
.markdown-body pre code:after,
.markdown-body pre code:before,
.markdown-body pre tt:after,
.markdown-body pre tt:before {
content: normal
}
.markdown-body .csv-data td,
.markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
text-align: left;
white-space: nowrap
}
.markdown-body .csv-data .blob-line-num {
padding: 10px 8px 9px;
text-align: right;
background: #fff;
border: 0
}
.markdown-body .csv-data tr {
border-top: 0
}
.markdown-body .csv-data th {
font-weight: 700;
background: #333;
border-top: 0
}
.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font-size: 11px;
line-height: 10px;
color: #fff;
vertical-align: middle;
background-color: #333;
border: 1px solid #ccc;
border-bottom-color: #bbb;
border-radius: 3px;
box-shadow: inset 0 -1px 0 #bbb
}
.news .alert .markdown-body blockquote {
padding: 0 0 0 40px;
border: 0 none
}
.activity-tab .news .alert .commits,
.activity-tab .news .markdown-body blockquote {
padding-left: 0
}
.task-list-item {
list-style-type: none
}
.task-list-item label {
font-weight: 400
}
.task-list-item.enabled label {
cursor: pointer
}
.task-list-item+.task-list-item {
margin-top: 3px
}
.task-list-item-checkbox {
float: left;
margin: .31em 0 .2em -1.3em !important;
vertical-align: middle;
cursor: default !important
}
.markdown-body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-top: 40px;
padding-bottom: 40px;
max-width: 940px;
overflow: visible !important
}
.markdown-body pre {
border: inherit !important
}
.night .markdown-body pre {
filter: invert(100%)
}
.markdown-body code {
color: inherit !important
}
.markdown-body pre code .wrapper {
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex
}
.markdown-body pre code .gutter {
float: left;
overflow: hidden;
-webkit-user-select: none;
user-select: none
}
.markdown-body pre code .gutter.linenumber {
text-align: right;
position: relative;
display: inline-block;
cursor: default;
z-index: 4;
padding: 0 8px 0 0;
min-width: 20px;
box-sizing: content-box;
color: #fff !important;
border-right: 3px solid #6ce26c !important
}
.markdown-body pre code .gutter.linenumber>span:before {
content: attr(data-linenumber)
}
.markdown-body pre code .code {
float: left;
margin: 0 0 0 16px
}
.markdown-body .gist .line-numbers {
border-left: none;
border-top: none;
border-bottom: none
}
.markdown-body .gist .line-data {
border: none
}
.markdown-body .gist table {
border-spacing: 0;
border-collapse: inherit !important
}
.night .markdown-body .gist table tr:nth-child(2n) {
background-color: #333
}
.markdown-body code[data-gist-id] {
background: none;
padding: 0;
filter: invert(100%)
}
.markdown-body code[data-gist-id]:after,
.markdown-body code[data-gist-id]:before {
content: ""
}
.markdown-body code[data-gist-id] .blob-num {
border: unset
}
.markdown-body code[data-gist-id] table {
overflow: unset;
margin-bottom: unset
}
.markdown-body code[data-gist-id] table tr {
background: unset
}
.markdown-body[dir=rtl] pre {
direction: ltr
}
.markdown-body[dir=rtl] code {
direction: ltr;
unicode-bidi: embed
}
.markdown-body .alert>p {
margin-bottom: 0
}
.markdown-body pre.abc,
.markdown-body pre.flow-chart,
.markdown-body pre.graphviz,
.markdown-body pre.mermaid,
.markdown-body pre.sequence-diagram {
text-align: center;
background-color: inherit;
border-radius: 0;
white-space: inherit
}
.night .markdown-body pre.graphviz .graph>polygon {
fill: #333
}
.night .markdown-body pre.mermaid .sectionTitle,
.night .markdown-body pre.mermaid .titleText,
.night .markdown-body pre.mermaid text {
fill: #fff
}
.markdown-body pre.abc>code,
.markdown-body pre.flow-chart>code,
.markdown-body pre.graphviz>code,
.markdown-body pre.mermaid>code,
.markdown-body pre.sequence-diagram>code {
text-align: left
}
.markdown-body pre.abc>svg,
.markdown-body pre.flow-chart>svg,
.markdown-body pre.graphviz>svg,
.markdown-body pre.mermaid>svg,
.markdown-body pre.sequence-diagram>svg {
max-width: 100%;
height: 100%
}
.night .markdown-body .abc path {
fill: #eee
}
.night .markdown-body .abc path.note_selected {
fill: ##4DD0E1
}
.night tspan {
fill: #fefefe
}
.night pre rect {
fill: transparent
}
.night pre.flow-chart path,
.night pre.flow-chart rect {
stroke: #fff
}
.markdown-body pre>code.wrap {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word
}
.markdown-body .alert>p,
.markdown-body .alert>ul {
margin-bottom: 0
}
.markdown-body summary {
display: list-item
}
.markdown-body summary:focus {
outline: none
}
.markdown-body details summary {
cursor: pointer
}
.markdown-body details:not([open])>:not(summary) {
display: none
}
.markdown-body figure {
margin: 1em 40px
}
.markdown-body img {
background-color: transparent
}
.vimeo,
.youtube {
cursor: pointer;
display: table;
text-align: center;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-color: #000;
overflow: hidden
}
.vimeo,
.youtube {
position: relative;
width: 100%
}
.youtube {
padding-bottom: 56.25%
}
.vimeo img {
width: 100%;
object-fit: contain;
z-index: 0
}
.youtube img {
object-fit: cover;
z-index: 0
}
.vimeo iframe,
.youtube iframe,
.youtube img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.vimeo iframe,
.youtube iframe {
vertical-align: middle;
z-index: 1
}
.vimeo .icon,
.youtube .icon {
position: absolute;
height: auto;
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
opacity: .3;
transition: opacity .2s;
z-index: 0
}
.vimeo:hover .icon,
.youtube:hover .icon {
opacity: .6;
transition: opacity .2s
}
.slideshare .inner,
.speakerdeck .inner {
position: relative;
width: 100%
}
.slideshare .inner iframe,
.speakerdeck .inner iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%
}
.MJX_Assistive_MathML {
display: none
}
.ui-infobar {
position: relative;
z-index: 2;
max-width: 758px;
margin-top: 25px;
margin-bottom: -25px;
color: #fff
}
.toc .invisable-node {
list-style-type: none
}
.ui-toc {
position: fixed;
bottom: 20px;
z-index: 10000
}
.ui-toc-label {
opacity: .3;
background-color: #ccc;
border: none;
transition: opacity .2s
}
.ui-toc .open .ui-toc-label {
opacity: 1;
color: #fff;
transition: opacity .2s
}
.ui-toc-label:focus {
opacity: .3;
background-color: #ccc;
color: #777
}
.ui-toc-label:hover {
opacity: 1;
background-color: #ccc;
transition: opacity .2s
}
.ui-toc-dropdown {
margin-top: 23px;
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
max-width: 45vw;
width: 25vw;
max-height: 70vh;
overflow: auto;
text-align: inherit
}
.ui-toc-dropdown>.toc {
max-height: calc(70vh - 100px);
overflow: auto
}
.ui-toc-dropdown[dir=rtl] .nav {
padding-right: 0;
letter-spacing: .0029em
}
.ui-toc-dropdown a {
overflow: hidden;
text-overflow: ellipsis;
white-space: pre
}
.ui-toc-dropdown .nav>li>a {
display: block;
padding: 4px 20px;
font-size: 13px;
font-weight: 500;
color: #fff
}
.ui-toc-dropdown .nav>li:first-child:last-child>ul,
.ui-toc-dropdown .toc.expand ul {
display: block
}
.ui-toc-dropdown .nav>li>a:focus,
.ui-toc-dropdown .nav>li>a:hover {
padding-left: 19px;
color: #777;
text-decoration: none;
background-color: transparent;
border-left: 1px solid #777
}
.night .ui-toc-dropdown .nav>li>a:focus,
.night .ui-toc-dropdown .nav>li>a:hover {
color: #fff;
border-left-color: #fff
}
.ui-toc-dropdown[dir=rtl] .nav>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav>li>a:hover {
padding-right: 19px;
border-left: none;
border-right: 1px solid #777
}
.ui-toc-dropdown .nav>.active:focus>a,
.ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a {
padding-left: 18px;
font-weight: 700;
color: #777;
background-color: transparent;
border-left: 2px solid #000
}
.night .ui-toc-dropdown .nav>.active:focus>a,
.night .ui-toc-dropdown .nav>.active:hover>a,
.night .ui-toc-dropdown .nav>.active>a {
color: #fff;
border-left: 2px solid #fff
}
.ui-toc-dropdown[dir=rtl] .nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav>.active>a {
padding-right: 18px;
border-left: none;
border-right: 2px solid #777
}
.ui-toc-dropdown .nav .nav {
display: none;
padding-bottom: 10px
}
.ui-toc-dropdown .nav>.active>ul {
display: block
}
.ui-toc-dropdown .nav .nav>li>a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 12px;
font-weight: 400
}
.night .ui-toc-dropdown .nav>li>a {
color: #aaa
}
.ui-toc-dropdown[dir=rtl] .nav .nav>li>a {
padding-right: 30px
}
.ui-toc-dropdown .nav .nav>li>ul>li>a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 40px;
font-size: 12px;
font-weight: 400
}
.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a {
padding-right: 40px
}
.ui-toc-dropdown .nav .nav>li>a:focus,
.ui-toc-dropdown .nav .nav>li>a:hover {
padding-left: 29px
}
.ui-toc-dropdown[dir=rtl] .nav .nav>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav .nav>li>a:hover {
padding-right: 29px
}
.ui-toc-dropdown .nav .nav>li>ul>li>a:focus,
.ui-toc-dropdown .nav .nav>li>ul>li>a:hover {
padding-left: 39px
}
.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a:hover {
padding-right: 39px
}
.ui-toc-dropdown .nav .nav>.active:focus>a,
.ui-toc-dropdown .nav .nav>.active:hover>a,
.ui-toc-dropdown .nav .nav>.active>a {
padding-left: 28px;
font-weight: 500
}
.ui-toc-dropdown[dir=rtl] .nav .nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>a {
padding-right: 28px
}
.ui-toc-dropdown .nav .nav>.active>.nav>.active:focus>a,
.ui-toc-dropdown .nav .nav>.active>.nav>.active:hover>a,
.ui-toc-dropdown .nav .nav>.active>.nav>.active>a {
padding-left: 38px;
font-weight: 500
}
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active>a {
padding-right: 38px
}
.markdown-body[lang^=ja] {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, Hiragino Kaku Gothic Pro, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Osaka, Meiryo, \\30E1\30A4\30EA\30AA, MS Gothic, "\FF2D\FF33 \30B4\30B7\30C3\30AF", sans-serif
}
.ui-toc-dropdown[lang^=ja] {
font-family: Source Sans Pro, Helvetica, Arial, Meiryo UI, MS PGothic, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", sans-serif
}
.markdown-body[lang=zh-tw] {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, PingFang TC, Microsoft JhengHei, \\5FAE\8EDF\6B63\9ED1, sans-serif
}
.ui-toc-dropdown[lang=zh-tw] {
font-family: Source Sans Pro, Helvetica, Arial, Microsoft JhengHei UI, \\5FAE\8EDF\6B63\9ED1UI, sans-serif
}
.markdown-body[lang=zh-cn] {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, PingFang SC, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, sans-serif
}
.ui-toc-dropdown[lang=zh-cn] {
font-family: Source Sans Pro, Helvetica, Arial, Microsoft YaHei UI, \\5FAE\8F6F\96C5\9ED1UI, sans-serif
}
.ui-affix-toc {
position: fixed;
top: 0;
max-width: 15vw;
max-height: 70vh;
overflow: auto
}
.back-to-top,
.expand-toggle,
.go-to-bottom {
display: block;
padding: 4px 10px;
margin-top: 10px;
margin-left: 10px;
font-size: 12px;
font-weight: 500;
color: #999
}
.back-to-top:focus,
.back-to-top:hover,
.expand-toggle:focus,
.expand-toggle:hover,
.go-to-bottom:focus,
.go-to-bottom:hover {
color: #563d7c;
text-decoration: none
}
.back-to-top,
.go-to-bottom {
margin-top: 0
}
.ui-user-icon {
width: 20px;
height: 20px;
display: block;
border-radius: 3px;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 5px;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain
}
.ui-user-icon.small {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin: 0 0 .2em
}
small span {
line-height: 22px
}
small .dropdown {
display: inline-block
}
small .dropdown a:focus,
small .dropdown a:hover {
text-decoration: none
}
.unselectable {
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none
}
.night .navbar {
background: #333;
border-bottom-color: #333;
color: #eee
}
.night .navbar a {
color: #eee
}
@media print {
blockquote,
div,
img,
pre,
table {
page-break-inside: avoid !important
}
a[href]:after {
font-size: 12px !important
}
}
.markdown-body.slides {
position: relative;
z-index: 1;
color: #222
}
.markdown-body.slides:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: currentColor;
box-shadow: 0 0 0 50vw
}
.markdown-body.slides section[data-markdown] {
position: relative;
margin-bottom: 1.5em;
background-color: #333;
text-align: center
}
.markdown-body.slides section[data-markdown] code {
text-align: left
}
.markdown-body.slides section[data-markdown]:before {
content: "";
display: block;
padding-bottom: 56.23%
}
.markdown-body.slides section[data-markdown]>div:first-child {
position: absolute;
top: 50%;
left: 1em;
right: 1em;
transform: translateY(-50%);
max-height: 100%;
overflow: hidden
}
.markdown-body.slides section[data-markdown]>ul {
display: inline-block
}
.markdown-body.slides>section>section+section:after {
content: "";
position: absolute;
top: -1.5em;
right: 1em;
height: 1.5em;
border: 3px solid #777
}
body {
font-smoothing: subpixel-antialiased !important;
-webkit-font-smoothing: subpixel-antialiased !important;
-moz-osx-font-smoothing: auto !important;
text-shadow: 0 0 1em transparent, 1px 1px 1.2px rgba(0, 0, 0, .004);
-webkit-overflow-scrolling: touch;
font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
letter-spacing: .025em;
background-color: #1E1E2F ;
color: #fff;
}
.focus,
:focus {
outline: none !important
}
::-moz-focus-inner {
border: 0 !important
}
body.modal-open {
overflow-y: auto;
padding-right: 0 !important
}