From 36e691783528388dec890a09ea5203b979d9adb9 Mon Sep 17 00:00:00 2001 From: kyodev <> Date: Sun, 18 Mar 2018 02:07:17 +0100 Subject: [PATCH] maj --- .gitignore | 2 + theme/mkdocs/css/base.css | 176 ++++++++++++++++++++++++++++++-------- 2 files changed, 140 insertions(+), 38 deletions(-) diff --git a/.gitignore b/.gitignore index 0d29ee7..ea76624 100644 --- a/.gitignore +++ b/.gitignore @@ -6,3 +6,5 @@ scripts/debug_scripts scripts/dl/ scripts/test scripts/gitall +theme-* +mkdocs-* diff --git a/theme/mkdocs/css/base.css b/theme/mkdocs/css/base.css index 82e3839..faf808b 100644 --- a/theme/mkdocs/css/base.css +++ b/theme/mkdocs/css/base.css @@ -4,24 +4,27 @@ body { background-attachment: fixed; background-color: #f8f8f8; } + body > .container { min-height: 400px; } -ul { - padding-left: 20px; -} + ul.nav .main { font-weight: bold; } + .col-md-3 { padding-left: 0; } + .col-md-9 { - padding-bottom: 10px; + padding-bottom: 100px; } + .source-links { float: right; } + .col-md-9 img { max-width: 100%; display: inline-block; @@ -30,9 +33,9 @@ ul.nav .main { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -/* margin: 20px auto 30px auto; */ - margin: auto; + margin: 20px auto 30px auto; } + /* * The code below adds some padding to the top of the current anchor target so * that, when navigating to it, the header isn't hidden by the navbar at the @@ -52,109 +55,114 @@ ul.nav .main { pointer-events: none; animation: 0s 1s forwards collapse-anchor-padding-1; } + .clicky :target::before { animation-name: collapse-anchor-padding-2; } + @keyframes collapse-anchor-padding-1 { to { margin-top: 0; height: 0; } } + @keyframes collapse-anchor-padding-2 { to { margin-top: 0; height: 0; } } + h1 { color: #444; font-weight: 400; font-size: 42px; - margin-top: 10px; } + 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; - padding: 0; } + code.code-large, .rst-content tt.code-large { font-size: 90%; } + code { - padding: 2px 4px; -/* border: solid 1px #e1e4e5; */ + padding: 2px 5px; + background: #fff; + border: solid 1px #e1e4e5; color: #333; -/* white-space: pre-wrap; */ - white-space: nowrap; -/* word-wrap: break-word; */ - background: #fff; + white-space: pre-wrap; + word-wrap: break-word; } + pre code { background: transparent; border: none; white-space: pre; word-wrap: normal; - font-family: monospace; + font-family: monospace,serif; font-size: 12px; - padding: 0.33em; /* surchargé par hightlight.css éventuellement*/ - display: block; -} -code.hljs { - padding: 0.33em; - background: #fff; /* confirmation */ -} -code.text { - background: #f1f1f1; /* pre code text ```text */ } + a code { color: #2FA4E7; } + a:hover code, a:focus code { color: #157AB5; } -footer.col-md-12 { - margin-top: 10px; - margin-bottom: 0px; - text-align: center; -/* font-weight: 200; */ - border-top: hsl(200,80%,25%) 1px solid; - padding-top: 10px; + +footer { + margin-top: 30px; + margin-bottom: 10px; + text-align: center; + font-weight: 200; } + .modal-dialog { margin-top: 60px; } + /* * Side navigation * * Scrollspy and affixed enhanced navigation to highlight sections and secondary * sections of docs content. */ + /* By default it's not affixed in mobile views, so undo that */ .bs-sidebar.affix { /* csslint allow: adjoining-classes */ position: static; } + .bs-sidebar.well { /* csslint allow: adjoining-classes */ padding: 0; - max-height: 88%; + max-height: 90%; overflow-y: auto; } + /* First level of nav */ .bs-sidenav { - padding-top: 0px; - padding-bottom: 0px; + padding-top: 10px; + padding-bottom: 10px; border-radius: 5px; } + /* All levels of nav */ .bs-sidebar .nav > li > a { display: block; @@ -164,15 +172,16 @@ footer.col-md-12 { .bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus { text-decoration: none; - border-left: 1px solid; + border-right: 1px solid; } .bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a { font-weight: bold; background-color: transparent; - border-left: 1px solid; + border-right: 1px solid; } + /* Nav: second level (shown on .active) */ .bs-sidebar .nav .nav { display: none; /* Hide by default, but at >768px, show it */ @@ -184,6 +193,7 @@ footer.col-md-12 { padding-left: 30px; font-size: 90%; } + /* Show and affix the side nav when space allows it */ @media (min-width: 992px) { .bs-sidebar .nav > .active > ul { @@ -196,8 +206,7 @@ footer.col-md-12 { } .bs-sidebar.affix { /* csslint allow: adjoining-classes */ position: fixed; /* Undo the static from mobile first approach */ - top: 60px; - z-index: 1; + top: 80px; } .bs-sidebar.affix-bottom { /* csslint allow: adjoining-classes */ position: absolute; /* Undo the static from mobile first approach */ @@ -215,6 +224,7 @@ footer.col-md-12 { width: 263px; } } + .headerlink { font-family: FontAwesome; font-size: 14px; @@ -229,6 +239,9 @@ h5:hover .headerlink, h6:hover .headerlink{ display:inline-block; } + + + .admonition { padding: 15px; margin-bottom: 20px; @@ -236,38 +249,49 @@ h6:hover .headerlink{ 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; } + + .dropdown-submenu { position: relative; } + .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; +/* -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px; */ border-radius: 0 6px 6px 6px; } + .dropdown-submenu:hover>.dropdown-menu { display: block; } + .dropdown-submenu>a:after { display: block; content: " "; @@ -281,24 +305,38 @@ h6:hover .headerlink{ margin-top: 5px; margin-right: -10px; } + .dropdown-submenu:hover>a:after { border-left-color: #fff; } + .dropdown-submenu.pull-left { /* csslint allow: adjoining-classes */ float: none; } + .dropdown-submenu.pull-left>.dropdown-menu { /* csslint allow: adjoining-classes */ left: -100%; margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } + + + /* mods kyopages */ +h1 { + margin-top: 10px; +} a { color: hsl(200,80%,45%); } a:visited { color: hsl(200,80%,25%); } +ul { + padding-left: 20px; +} blockquote { padding: 10px; border: 3px solid #eee; @@ -348,3 +386,65 @@ blockquote p { .table>tbody>tr>th { text-align: center; } +.col-md-9 { + padding-bottom: 10px; +} +.col-md-9 img { + margin: auto; +} +pre, .rst-content tt { + padding: 0; +} +code { + padding: 2px 4px; +/* border: solid 1px #e1e4e5; */ + color: #333; +/* white-space: pre-wrap; */ + white-space: nowrap; +/* word-wrap: break-word; */ + background: #fff; +} +pre code { + font-family: monospace; + padding: 0.33em; /* surchargé par hightlight.css éventuellement*/ + display: block; +} +code.hljs { + padding: 0.33em; + background: #fff; /* confirmation */ +} +code.text { + background: #f1f1f1; /* pre code text ```text */ +} + +footer.col-md-12 { + margin-top: 10px; + margin-bottom: 0px; + text-align: center; +/* font-weight: 200; */ + border-top: hsl(200,80%,25%) 1px solid; + padding-top: 10px; +} +.bs-sidebar.well { /* csslint allow: adjoining-classes */ + max-height: 88%; +} +.bs-sidenav { + padding-top: 0px; + padding-bottom: 0px; +} +.bs-sidebar .nav > li > a:hover, +.bs-sidebar .nav > li > a:focus { + border-right: 1px solid; +} +.bs-sidebar .nav > .active > a, +.bs-sidebar .nav > .active:hover > a, +.bs-sidebar .nav > .active:focus > a { + border-left: 1px solid; +} +@media (min-width: 992px) { + .bs-sidebar.affix { /* csslint allow: adjoining-classes */ + top: 60px; + z-index: 1; + } +} +