X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=theme%2Fmkdocs_windmill%2Fcss%2Fbase.css;fp=theme%2Fmkdocs_windmill%2Fcss%2Fbase.css;h=f07ff3505b3dbf27f6c1f1fbe96d56a2518faca5;hb=6b1ab1c2161da3cd7a3d54fe684906e73da23674;hp=0000000000000000000000000000000000000000;hpb=d03401d2cdcddf2bc24f4eff0954f69fa5aa61ec;p=AGL%2Fdocumentation.git diff --git a/theme/mkdocs_windmill/css/base.css b/theme/mkdocs_windmill/css/base.css new file mode 100644 index 0000000..f07ff35 --- /dev/null +++ b/theme/mkdocs_windmill/css/base.css @@ -0,0 +1,537 @@ +body { + background-color: #f8f8f8; +} + +/*********************************************************************** + Top bar + ***********************************************************************/ + +.navbar { + background-color: #003d68; + box-shadow: 0 1.5px 3px rgba(0,0,0,.24), 0 3px 8px rgba(0,0,0,.05); + border: none; + border-radius: 0px; + margin-bottom: 0px; + height: 50px; + z-index: 2; +} + +.wm-top-page { + overflow: hidden; +} + +.wm-page-content { + max-width: 700px; + position: relative; +} + +.wm-page-top-frame { display: none; } +.wm-top-page > .wm-page-top-frame { display: block; } +.wm-top-page > .wm-page-content { display: none; } + +.wm-top-brand { + display: inline-block; + float: left; + overflow: visible; + width: 0px; + height: 50px; + color: #fff; + font-size: 18px; + white-space: nowrap; + text-decoration: none; +} + +.wm-top-link, .wm-top-link:hover, .wm-top-link:active, .wm-top-link:visited, .wm-top-link:focus { + color: #fff; + text-decoration: none; +} + +.wm-vcenter:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; + margin-left: -0.25em; +} + +.wm-vcentered { + display: inline-block; + vertical-align: middle; +} + +.wm-top-title { + display: inline-block; + line-height: 16px; + vertical-align: middle; +} + +.wm-top-logo { + max-height: 100%; +} + +.wm-top-version { + border: 1px solid #ddd; + border-radius: 3px; + padding: 0px 5px; + color: #ddd; + font-size: 8pt; +} + +.wm-top-tool { + height: 50px; + white-space: nowrap; +} + +.wm-top-tool-expanded { + position: absolute; + right: 0px; + padding: inherit; + width: 100%; + background-color: #003d68; +} + +.wm-top-search { + width: 20rem; +} + +#wm-toc-button { + margin-right: 1rem; + margin-left: 0.5rem; +} + +/*********************************************************************** + Table of contents (side pane) + ***********************************************************************/ + +.wm-toc-pane { + position: absolute; + top: 0px; + padding-top: 70px; + height: 100%; + min-width: 250px; + max-width: 350px; + z-index: 1; + background-color: #f2f2f2; + border-right: 1px solid #e0e0e0; + overflow: auto; + margin-left: 0px; + padding-left: 1rem; + padding-right: 1rem; + padding-bottom: 2rem; + transition: margin-left 0.3s; +} + +.wm-content-pane { + position: absolute; + top: 0px; + padding-top: 50px; + height: 100%; + width: 100%; + z-index: 0; + padding-left: 250px; + transition: padding-left 0.3s; + /* required for iPhone to scroll the contained iframe */ + -webkit-overflow-scrolling: touch; +} + +.wm-toc-pane.wm-toc-dropdown { + position: absolute; + display: block; + top: 0; + left: 0; + margin-left: 0; + height: auto; + box-shadow: 2px 3px 4px 0 grey; +} + +.wm-toc-repo { + margin-top: -15px; + margin-bottom: 5px; + padding-bottom: 5px; + border-bottom: 1px solid #e0e0e0; +} + +.wm-toc-hidden > .wm-toc-pane { + margin-left: -500px; +} + +.wm-toc-hidden > .wm-content-pane { + padding-left: 0px; +} + +.wm-small-show { + display: none; +} + +#wm-search-form { + width: 100%; +} +#wm-search-show { + display: none; +} + +@media (max-width: 600px) { + .wm-small-hide { + display: none; + } + .wm-small-show { + display: block; + } + .wm-small-left { + float: left !important; + } + #wm-search-show { + display: block; + margin-left: 1rem; + } + .wm-top-tool-expanded #wm-search-show { + display: none; + } + .wm-top-search { + display: none; + } + .wm-top-tool-expanded .wm-top-search { + display: table; + width: 100%; + padding: 0px; + } + + .wm-top-page { + overflow: visible; + } + .wm-top-container { + /* This prevents horizontal overflow, but cuts off search results on bigger + * screens, so included in small-screen section */ + overflow-x: hidden; + } + .wm-toc-pane { + display: none; + } + .wm-content-pane { + padding-left: 0px; + overflow: visible; + } +} + +.wm-toctree { + list-style-type: none; + line-height: 16px; + padding-left: 0px; +} + +.wm-toctree a, .wm-toctree a:visited, .wm-toctree a:hover, .wm-toctree a:focus { + color: #003d68; + text-decoration: none; + outline: none; +} + +.wm-toc-text { + display: block; + padding: 4px; + cursor: pointer; +} + +.wm-toc-lev1 > .wm-toc-text { padding-left: 14px; } +.wm-toc-lev2 > .wm-toc-text { padding-left: 28px; } +.wm-toc-lev3 > .wm-toc-text { padding-left: 42px; } +.wm-toc-lev4 > .wm-toc-text { padding-left: 56px; } +.wm-toc-lev5 > .wm-toc-text { padding-left: 70px; } +.wm-toc-lev6 > .wm-toc-text { padding-left: 84px; } + +.wm-toc-lev1 + .wm-page-toc { margin-left: 14px; } +.wm-toc-lev2 + .wm-page-toc { margin-left: 28px; } +.wm-toc-lev3 + .wm-page-toc { margin-left: 42px; } +.wm-toc-lev4 + .wm-page-toc { margin-left: 56px; } +.wm-toc-lev5 + .wm-page-toc { margin-left: 70px; } +.wm-toc-lev6 + .wm-page-toc { margin-left: 84px; } + +.wm-toc-li-nested { + padding: 0px; + margin: 0px; +} + +.wm-toc-opener > .wm-toc-text::before { + content: "\25B6 \FE0E"; + display: inline-block; + vertical-align: middle; + font-size: 8px; + width: 14px; +} + +.wm-toc-opener.wm-toc-open > .wm-toc-text::before { + content: "\25BC \FE0E"; +} + +.wm-toc-li.wm-current, .wm-toc-li.wm-current:hover { + background-color: #003d68; + color: white; +} + +.wm-toc-li:hover { + background-color: #8bc53d; +} + +.wm-toc-li.wm-current a { + color: white; +} + +.wm-toc-li-nested.wm-page-toc { + font-size: 1.2rem; + line-height: 1.2rem; + overflow: hidden; + border-left: 1px solid #003d68; +} + +.wm-page-toc-opener > .wm-toc-text::after { + content: "\25C4"; + display: inline-block; + float: right; + vertical-align: middle; + font-size: 8px; +} + +.wm-page-toc-opener.wm-page-toc-open > .wm-toc-text::after { + content: "\25BC"; +} + +.wm-page-toc-text { + padding: 2px 2px 2px 1rem; + display: block; + cursor: pointer; +} + +.wm-article { + width: 1px; + min-width: 100%; + height: 100%; + border: none; +} + +.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { + outline: none; +} + +.btn-default:focus, .btn-default.focus { + color: #333; + background-color: #fff; + border-color: #ccc; +} + +.btn-default.greybtn { + color: #888; +} + +.wm-article-nav-buttons { + margin: 1rem 0; +} + +.wm-page-content img { + max-width: 100%; + display: inline-block; + padding: 4px; + line-height: 1.428571429; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + margin: 20px auto 30px auto; +} + +.wm-page-content a { + color: #2fa4e7; +} + +.wm-article-nav { + display: inline-block; + max-width: 48%; + white-space: nowrap; + color: #003d68; + text-align: right; +} + +.wm-article-nav > .btn-link { + display: block; + padding-left: 0.5rem; + padding-right: 0.5rem; + overflow: hidden; + text-overflow: ellipsis; +} + +.wm-article-nav > a, .wm-article-nav > a:visited, .wm-article-nav > a:hover, .wm-article-nav > a:focus { + color: #003d68; + text-decoration: none; + outline: none; +} + +/*********************************************************************** + * Dropdown search results + ***********************************************************************/ +#mkdocs-search-results.dropdown-menu { + width: 40rem; + overflow-y: auto; + overflow-x: hidden; + white-space: normal; + max-height: calc(100vh - 60px); + max-width: 90vw; +} + +#mkdocs-search-results { + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,FontAwesome; +} + +.search-link { + font-size: 1.2rem; +} + +.search-title { + font-weight: bold; + color: #337ab7; + padding-right: 1rem; +} + +.search-text { + color: #666; + overflow: hidden; + text-overflow: ellipsis; +} + +.search-text > b { + color: #000; +} + +.wm-search-page { + list-style: none; + padding: 5px 0; +} + +.wm-search-page > li { + padding: 1rem 0; + border-bottom: 1px solid #ccc; +} + +.wm-search-page .search-link { + font-size: inherit; +} + +.wm-search-page .search-link:hover, .wm-search-page .search-link:active { + text-decoration: none; +} + +.wm-search-page .search-link:hover .search-title { + text-decoration: underline; +} + + + +/*********************************************************************** + * The rest is taken from base.css from mkdocs. + ***********************************************************************/ + +.source-links { + float: right; +} + +h1 { + color: #444; + font-weight: 400; + font-size: 42px; +} + +h2, h3, h4, h5, h6 { + color: #444; + font-weight: 300; +} + +hr { + border-top: 1px solid #aaa; +} + +pre, .rst-content tt { + max-width: 100%; + background: #fff; + border: solid 1px #e1e4e5; + color: #333; + overflow-x: auto; +} + +code.code-large, .rst-content tt.code-large { + font-size: 90%; +} + +code { + padding: 2px 5px; + background: #fff; + border: solid 1px #e1e4e5; + color: #333; + white-space: pre-wrap; + word-wrap: break-word; +} + +pre code { + background: transparent; + border: none; + white-space: pre; + word-wrap: normal; + font-family: monospace,serif; + font-size: 12px; +} + +a code { + color: #2FA4E7; +} + +a:hover code, a:focus code { + color: #157AB5; +} + +footer { + margin-bottom: 10px; + text-align: center; + font-weight: 200; + font-size: smaller; +} + +.modal-dialog { + margin-top: 60px; +} + +.headerlink { + font-family: FontAwesome; + font-size: 14px; + display: none; + padding-left: .5em; +} + +h1:hover .headerlink, h2:hover .headerlink, h3:hover .headerlink, h4:hover .headerlink, h5:hover .headerlink, h6:hover .headerlink{ + display:inline-block; +} + +.admonition { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; + text-align: left; +} + +.admonition.note { /* csslint allow: adjoining-classes */ + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.admonition.warning { /* csslint allow: adjoining-classes */ + color: #c09853; + background-color: #fcf8e3; + border-color: #fbeed5; +} + +.admonition.danger { /* csslint allow: adjoining-classes */ + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.admonition-title { + font-weight: bold; + text-align: left; +}