diff options
-rw-r--r-- | README.md | 5 | ||||
-rwxr-xr-x | exampleSite/config.toml | 2 | ||||
-rw-r--r-- | exampleSite/content/getting-started/configuration.md | 4 | ||||
-rw-r--r-- | package-lock.json | 2 | ||||
-rw-r--r-- | package.json | 2 | ||||
-rw-r--r-- | static/css/theme.css | 299 | ||||
-rw-r--r-- | static/css/theme.min.css | 2 |
7 files changed, 154 insertions, 162 deletions
@@ -204,6 +204,11 @@ Small patches and bug reports can be submitted a issue tracker in Github. Forkin ## Changelog +* Version 0.5.0 - 2019.12.08 + * update Sample Document + * add table of contents + * add open graph + * add function and stack scss * Version 0.4.0 - 2019.11.02 * update Sample Document * add Theme color diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 7157f5a..f4b4fd7 100755 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -20,7 +20,7 @@ enableMissingTranslationPlaceholders = false # Souce Code repository section description = "put your description" github_repository = "https://github.com/thingsym/hugo-theme-techdoc" - version = "0.4.0" + version = "0.5.0" # Documentation repository section # documentation repository (set edit link to documentation repository) diff --git a/exampleSite/content/getting-started/configuration.md b/exampleSite/content/getting-started/configuration.md index b26ef6f..793e99c 100644 --- a/exampleSite/content/getting-started/configuration.md +++ b/exampleSite/content/getting-started/configuration.md @@ -15,7 +15,7 @@ For an example of `config.toml`, see [config.toml](https://github.com/thingsym/h # Souce Code repository section description = "put your description" github_repository = "https://github.com/thingsym/hugo-theme-techdoc" - version = "0.4.0" + version = "0.5.0" # Documentation repository section # documentation repository (set edit link to documentation repository) @@ -65,7 +65,7 @@ default: `https://github.com/thingsym/hugo-theme-techdoc` The version of souce code -default: `0.4.0` +default: `0.5.0` #### `github_doc_repository` diff --git a/package-lock.json b/package-lock.json index d1c8304..746301a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "hugo-theme-techdoc", - "version": "0.4.0", + "version": "0.5.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 411034a..5ac4b0d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hugo-theme-techdoc", - "version": "0.4.0", + "version": "0.5.0", "description": "The Techdoc is a Hugo Theme for technical documentation.", "main": "gulpfile.js", "author": "Thingsym", diff --git a/static/css/theme.css b/static/css/theme.css index 3ae99d4..8a9c301 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -412,11 +412,23 @@ fieldset { padding: 0; } -body { - font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +/*-----------------------* + Element v1.0.0-custom +*-----------------------*/ +* { + box-sizing: border-box; +} + +:root { + font-size: 100%; + line-height: 2; + color: #000; + font-family: var(--custom-font-family-base, -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: 'pwid'; - line-height: 1.8; - background: #fafafa; +} + +body { + background-color: #fafafa; margin: 0; } @@ -426,8 +438,9 @@ h3, h4, h5, h6 { + font-family: var(--custom-font-family-headings, -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-weight: bold; - line-height: 1.8; + line-height: 2; } h1 > small, @@ -441,33 +454,43 @@ h6 > small { } h1 { - font-size: 220%; - line-height: 1.2; + font-size: 240%; + line-height: 1.41667; } h2 { - font-size: 160%; - line-height: 1.4; + font-size: 200%; + line-height: 1.5; } h3 { - font-size: 140%; + font-size: 160%; + line-height: 1.625; } h4 { - font-size: 120%; + font-size: 140%; + line-height: 1.71429; } h5 { - font-size: 100%; + font-size: 120%; + line-height: 1.83333; } h6 { - font-size: 80%; + font-size: 100%; + line-height: 2; } -p { - font-size: 100%; +a { + color: var(--custom-link-text-color, #2e7eb3); + text-decoration: none; +} + +a:focus, a:active, a:hover { + color: var(--custom-link-text-hover-color, #38a0e4); + text-decoration: underline; } hr { @@ -476,6 +499,21 @@ hr { border: 0; } +p { + font-size: 100%; +} + +img { + display: inline-block; + line-height: 0; +} + +img, +video { + height: auto; + max-width: 100%; +} + table { border-collapse: collapse; border: 1px solid #f0f0f0; @@ -486,7 +524,7 @@ th, td { border-top: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; - padding: .4rem; + padding: .6rem; } tr:nth-child(even) th, tr:nth-child(even) @@ -497,89 +535,67 @@ td { th { background: #eee; font-weight: bold; + text-align: left; } -ul, -ol { - font-size: 100%; - margin: 0; - margin-left: 1.5rem; -} - -ul.unstyled { - list-style: none; -} - -ul.inline { - list-style: none; +ul { + list-style-type: disc; } ul.inline li { display: inline; + list-style: disc; padding-right: 2rem; } -ul ul, -ol ol, -ul ol, -ol ul { - font-size: 100%; -} - -li li { - font-size: 100%; -} - -dl { - font-size: 100%; - margin: 0 2rem; -} - dt { font-weight: bold; } dd { - margin: 0 0 0.8rem 2rem; -} - -strong { - font-weight: bold; + margin-left: 2rem; } blockquote { - background: #f9f9f9; - color: #959595; - margin-left: 0; - padding: .1rem .8rem; + color: #999; + padding: 1.28rem; + background-color: #f4f4f4; border-left: 4px solid #f0f0f0; -} - -blockquote p:last-child { - margin: 0; + border-radius: .2rem; } code, pre, kbd { font-family: Menlo, Monaco, "Courier New", monospace; - font-size: 100%; +} + +code, +kbd { + padding: .2rem; + border-radius: .2rem; +} + +code { + background-color: #f4f4f4; +} + +kbd { + color: #fff; + background-color: #333; } pre { + background-color: #f4f4f4; + padding: 1.28rem; overflow: auto; - padding: 1rem; - background: #f4f6f8; white-space: pre-wrap; - border: 1px solid #f0f0f0; border-radius: .2rem; } pre code { - color: inherit; - background-color: transparent; padding: 0; - border: 0; + background-color: unset; } pre.wrap { @@ -594,94 +610,16 @@ pre.scrollable { overflow-y: scroll; } -code { - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 0.95rem; - background: #f0f0f0; - padding: .2rem; - border-radius: .2rem; -} - -kbd { - padding: .2rem; - color: #fff; - background-color: #333; - border-radius: .2rem; -} - -abbr, -acronym, -dfn { - border-bottom: 1px dotted #666; - cursor: help; -} - -address { - display: block; - margin: 0 0 2rem; -} - -ins { - text-decoration: none; -} - -sup, -sub { - font-size: 100%; - height: 0; - line-height: 1; - position: relative; - vertical-align: baseline; -} - -sup { - bottom: .5ex; -} - -sub { - top: .5ex; -} - -figure img { - display: block; -} - -figure figcaption { +figcaption { color: #333; font-size: 100%; -} - -/* Links */ -a { - color: #2e7eb3; - text-decoration: underline; -} - -a:focus, a:active, a:hover { - color: #38a0e4; -} - -img { - max-width: 100%; - height: auto; -} - -input, -textarea { - color: #000; - font-size: 100%; - font-weight: normal; - line-height: 1.225; -} - -textarea { - line-height: 1.8; + line-height: 2; } /*-----------------------* stack *-----------------------*/ -.stack-base, main * { +.stack-first, main * { margin-top: 0; margin-bottom: 0; } @@ -695,7 +633,8 @@ main * + ol, main * + dl, main * + blockquote, main * + pre, -main * + figure, .edit-meta, +main * + figure, .table_of_contents, +.edit-meta, .edit-page, .pagination, .highlight, @@ -704,14 +643,22 @@ main * + figure, .edit-meta, .button, .gist, .twitter-tweet { - margin-top: 1.8rem; + margin-top: 1.28rem; +} + +.stack--by2 { + margin-top: 2.56rem; +} + +.stack--by4 { + margin-top: 5.12rem; } -.no-stack, figure > figcaption, .pagination > * { +.stack-reset, figure > figcaption, .pagination > * { margin-top: 0; } -.unset-stack, main li > ul, +.stack-unset, main li > ul, main li > ol { margin-top: unset; margin-bottom: unset; @@ -788,7 +735,7 @@ main { } .panel { - padding: 1.2rem; + padding: 1.28rem; } .panel-primary { @@ -874,7 +821,7 @@ main { } .notification { - padding: 0.2rem 1.2rem; + padding: 0.2rem 1.28rem; text-align: center; background: #eee; } @@ -893,10 +840,49 @@ figure > figcaption h4 { font-weight: normal; } +.table_of_contents { + font-size: 90%; + padding: 1.28rem; + border: 4px solid #f0f0f0; +} + +.table_of_contents ul { + list-style: none; + padding-left: 0; +} + +.table_of_contents li { + border-top: 1px solid #f0f0f0; +} + +.table_of_contents > nav > ul > li:first-child { + border-top: unset; +} + +.table_of_contents ul > li li a { + margin-left: 2rem; +} + +.table_of_contents ul ul > li li a { + margin-left: 4rem; +} + +.table_of_contents ul ul ul > li li a { + margin-left: 6rem; +} + +.table_of_contents ul ul ul ul > li li a { + margin-left: 8rem; +} + +.table_of_contents ul ul ul ul ul > li li a { + margin-left: 10rem; +} + header { color: var(--custom-font-color, #fff); background: var(--custom-background-color, #000); - padding: 0.5rem 1.2rem; + padding: 0.5rem 1.28rem; } header h1 { @@ -917,7 +903,7 @@ header .github { .global-menu { color: var(--custom-font-color, #fff); background: var(--custom-background-color, #000); - padding: 0.2rem 1.2rem; + padding: 0.2rem 1.28rem; } .global-menu ul { @@ -942,7 +928,7 @@ header .github { } .global-menu ul.sub-menu li { - padding: 0.2rem 1.2rem; + padding: 0.2rem 1.28rem; background: var(--custom-background-color, #000); width: 140px; font-size: 80%; @@ -1013,6 +999,7 @@ main { .sidebar { font-size: 90%; + line-height: 1.8; background: #f9f9f9; border-right: 1px solid #eee; } @@ -1077,7 +1064,7 @@ main { } .sidebar-footer { - padding: 1.2rem; + padding: 1.28rem; } .edit-meta { diff --git a/static/css/theme.min.css b/static/css/theme.min.css index 220bb0e..0c2ca4b 100644 --- a/static/css/theme.min.css +++ b/static/css/theme.min.css @@ -1 +1 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}a{text-decoration:none;color:inherit;cursor:pointer}input,button,textarea,select{font:inherit}button{background-color:transparent;color:inherit;border-width:0;padding:0;cursor:pointer}input::-moz-focus-inner{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}cite{font-style:normal}fieldset{border-width:0;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:'pwid';line-height:1.8;background:#fafafa;margin:0}h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:1.8}h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{font-size:75%;font-weight:normal}h1{font-size:220%;line-height:1.2}h2{font-size:160%;line-height:1.4}h3{font-size:140%}h4{font-size:120%}h5{font-size:100%}h6{font-size:80%}p{font-size:100%}hr{background-color:#ccc;height:2px;border:0}table{border-collapse:collapse;border:1px solid #f0f0f0;width:100%}th,td{border-top:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:.4rem}tr:nth-child(even) th,tr:nth-child(even) td{background:#f8f8f8}th{background:#eee;font-weight:bold}ul,ol{font-size:100%;margin:0;margin-left:1.5rem}ul.unstyled{list-style:none}ul.inline{list-style:none}ul.inline li{display:inline;padding-right:2rem}ul ul,ol ol,ul ol,ol ul{font-size:100%}li li{font-size:100%}dl{font-size:100%;margin:0 2rem}dt{font-weight:bold}dd{margin:0 0 0.8rem 2rem}strong{font-weight:bold}blockquote{background:#f9f9f9;color:#959595;margin-left:0;padding:.1rem .8rem;border-left:4px solid #f0f0f0}blockquote p:last-child{margin:0}code,pre,kbd{font-family:Menlo, Monaco, "Courier New", monospace;font-size:100%}pre{overflow:auto;padding:1rem;background:#f4f6f8;white-space:pre-wrap;border:1px solid #f0f0f0;border-radius:.2rem}pre code{color:inherit;background-color:transparent;padding:0;border:0}pre.wrap{white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}pre.scrollable{max-height:240px;overflow-y:scroll}code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:.95rem;background:#f0f0f0;padding:.2rem;border-radius:.2rem}kbd{padding:.2rem;color:#fff;background-color:#333;border-radius:.2rem}abbr,acronym,dfn{border-bottom:1px dotted #666;cursor:help}address{display:block;margin:0 0 2rem}ins{text-decoration:none}sup,sub{font-size:100%;height:0;line-height:1;position:relative;vertical-align:baseline}sup{bottom:.5ex}sub{top:.5ex}figure img{display:block}figure figcaption{color:#333;font-size:100%}a{color:#2e7eb3;text-decoration:underline}a:focus,a:active,a:hover{color:#38a0e4}img{max-width:100%;height:auto}input,textarea{color:#000;font-size:100%;font-weight:normal;line-height:1.225}textarea{line-height:1.8}.stack-base,main *{margin-top:0;margin-bottom:0}.stack,main *+h1,main *+h2,main *+h3,main *+h4,main *+h5,main *+h6,main *+p,main *+hr,main *+table,main *+ul,main *+ol,main *+dl,main *+blockquote,main *+pre,main *+figure,.edit-meta,.edit-page,.pagination,.highlight,.powered,.panel,.button,.gist,.twitter-tweet{margin-top:1.8rem}.no-stack,figure>figcaption,.pagination>*{margin-top:0}.unset-stack,main li>ul,main li>ol{margin-top:unset;margin-bottom:unset}html,body{height:100%}.container{width:100%;height:100%;display:flex;flex-flow:column nowrap;margin:auto}.content-container{flex:1 0 auto;display:flex}main{flex:0 0 75%;max-width:75%}.sidebar{flex:0 0 25%;order:-1;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width: 480px){.content-container{display:flex;flex-flow:column nowrap}main{flex:0 0 auto;max-width:100%}.sidebar{flex:0 0 auto;order:1}}.pagination{display:flex;flex-wrap:nowrap;justify-content:space-between;font-weight:bold}.nav-next{margin-left:auto}@media screen and (max-width: 480px){.pagination{display:flex;flex-flow:column nowrap;align-items:center}.nav-next{margin-left:0}}.panel{padding:1.2rem}.panel-primary{border:1px solid #f0f0f0}.panel-notice{color:#fff;background:#4ba0e1}.panel-success{color:#fff;background:#609f43}.panel-caution{color:#fff;background:#de776d}.panel-warning{color:#fff;background:#e67e22}.panel-danger{color:#fff;background:#ce3426}.button{display:inline-block;font-size:120%;padding:.8rem;font-weight:bold;text-decoration:none;border-radius:12px;color:#fff;background:#4ba0e1}.button:hover{color:#fff;text-decoration:none;background:#3b89c5}.button-primary{border:1px solid #f0f0f0}.button-success{background:#369b08}.button-success:hover{background:#256905}.button-caution{background:#f56558}.button-caution:hover{background:#d45145}.button-warning{background:#f5811b}.button-warning:hover{background:#db7012}.button-danger{background:#ce3426}.button-danger:hover{background:#a0281d}.notification{padding:0.2rem 1.2rem;text-align:center;background:#eee}.backtothetop{display:none;font-size:200%}.fa-layers .fa-circle{color:#fff}figure>figcaption h4{font-size:80%;font-weight:normal}header{color:var(--custom-font-color, #fff);background:var(--custom-background-color, #000);padding:0.5rem 1.2rem}header h1{font-size:140%;display:inline-block}header .version{font-size:80%}header .github{color:currentColor;margin-left:.4rem;font-size:180%}.global-menu{color:var(--custom-font-color, #fff);background:var(--custom-background-color, #000);padding:0.2rem 1.2rem}.global-menu ul{list-style:none;padding:0;margin:0}.global-menu li{display:inline-block;margin-right:1.8rem;position:relative}.global-menu ul.sub-menu{display:none;margin:0;position:absolute;top:1.8rem;left:0;z-index:99999}.global-menu ul.sub-menu li{padding:0.2rem 1.2rem;background:var(--custom-background-color, #000);width:140px;font-size:80%}.global-menu ul.sub-menu li a{color:var(--custom-font-color, #fff)}.global-menu .fa-angle-right{margin-left:.4rem;font-size:80%}.global-menu li.parent:hover>ul.sub-menu{display:flex;flex-flow:column nowrap}@media screen and (max-width: 480px){.global-menu li{display:block;margin-right:0;border-bottom:1px solid currentColor}.global-menu li:last-child{border-bottom:none}.global-menu .fa-angle-right{display:none}.global-menu ul.sub-menu{display:block;position:static}.global-menu ul.sub-menu li{width:auto;background:transparent;padding:0 .4rem}.global-menu ul.sub-menu li+li{padding-top:.2rem}.global-menu ul.sub-menu li a{color:currentColor}}.global-menu a{display:block;color:currentColor;text-decoration:none}.global-menu a:hover{text-decoration:underline}main{padding:3rem}@media screen and (max-width: 480px){main{padding:1rem}}.sidebar{font-size:90%;background:#f9f9f9;border-right:1px solid #eee}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar a{position:relative;display:block;color:#404040;text-decoration:none;padding:.2rem 1rem;border-left:solid 4px #f9f9f9;border-bottom:solid 1px #eee}.sidebar a:hover{color:#404040;background:#eee;border-left:solid 4px #ccc}.sidebar nav>ul>li li a{padding-left:2rem}.sidebar nav>ul ul>li li a{padding-left:3rem}@media screen and (max-width: 480px){.sidebar nav>ul>li:first-child a{border-top:solid 1px #eee}}.sidebar .active>a{background:#eee;border-left:solid 4px #ccc}.sidebar .slide-menu .has-sub-menu:not(.parent) ul{display:none}.sidebar .slide-menu .has-sub-menu>a span.mark{position:absolute;top:0;right:0;display:inline-block;height:32px;width:32px;line-height:2;text-align:center;color:#979797;background:#f2f2f2;border-left:1px solid #e7e7e7}.sidebar-footer{padding:1.2rem}.edit-meta{font-size:80%;text-align:right}.edit-page{font-weight:bold}.powered{font-size:80%;text-align:right;color:#999} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}a{text-decoration:none;color:inherit;cursor:pointer}input,button,textarea,select{font:inherit}button{background-color:transparent;color:inherit;border-width:0;padding:0;cursor:pointer}input::-moz-focus-inner{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}cite{font-style:normal}fieldset{border-width:0;margin:0;padding:0}*{box-sizing:border-box}:root{font-size:100%;line-height:2;color:#000;font-family:var(--custom-font-family-base, -apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:'pwid'}body{background-color:#fafafa;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--custom-font-family-headings, -apple-system,BlinkMacSystemFont,"游ゴシック体",YuGothic,"メイリオ",Meiryo,"Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-weight:bold;line-height:2}h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{font-size:75%;font-weight:normal}h1{font-size:240%;line-height:1.41667}h2{font-size:200%;line-height:1.5}h3{font-size:160%;line-height:1.625}h4{font-size:140%;line-height:1.71429}h5{font-size:120%;line-height:1.83333}h6{font-size:100%;line-height:2}a{color:var(--custom-link-text-color, #2e7eb3);text-decoration:none}a:focus,a:active,a:hover{color:var(--custom-link-text-hover-color, #38a0e4);text-decoration:underline}hr{background-color:#ccc;height:2px;border:0}p{font-size:100%}img{display:inline-block;line-height:0}img,video{height:auto;max-width:100%}table{border-collapse:collapse;border:1px solid #f0f0f0;width:100%}th,td{border-top:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:.6rem}tr:nth-child(even) th,tr:nth-child(even) td{background:#f8f8f8}th{background:#eee;font-weight:bold;text-align:left}ul{list-style-type:disc}ul.inline li{display:inline;list-style:disc;padding-right:2rem}dt{font-weight:bold}dd{margin-left:2rem}blockquote{color:#999;padding:1.28rem;background-color:#f4f4f4;border-left:4px solid #f0f0f0;border-radius:.2rem}code,pre,kbd{font-family:Menlo, Monaco, "Courier New", monospace}code,kbd{padding:.2rem;border-radius:.2rem}code{background-color:#f4f4f4}kbd{color:#fff;background-color:#333}pre{background-color:#f4f4f4;padding:1.28rem;overflow:auto;white-space:pre-wrap;border-radius:.2rem}pre code{padding:0;background-color:unset}pre.wrap{white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word}pre.scrollable{max-height:240px;overflow-y:scroll}figcaption{color:#333;font-size:100%;line-height:2}.stack-first,main *{margin-top:0;margin-bottom:0}.stack,main *+h1,main *+h2,main *+h3,main *+h4,main *+h5,main *+h6,main *+p,main *+hr,main *+table,main *+ul,main *+ol,main *+dl,main *+blockquote,main *+pre,main *+figure,.table_of_contents,.edit-meta,.edit-page,.pagination,.highlight,.powered,.panel,.button,.gist,.twitter-tweet{margin-top:1.28rem}.stack--by2{margin-top:2.56rem}.stack--by4{margin-top:5.12rem}.stack-reset,figure>figcaption,.pagination>*{margin-top:0}.stack-unset,main li>ul,main li>ol{margin-top:unset;margin-bottom:unset}html,body{height:100%}.container{width:100%;height:100%;display:flex;flex-flow:column nowrap;margin:auto}.content-container{flex:1 0 auto;display:flex}main{flex:0 0 75%;max-width:75%}.sidebar{flex:0 0 25%;order:-1;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width: 480px){.content-container{display:flex;flex-flow:column nowrap}main{flex:0 0 auto;max-width:100%}.sidebar{flex:0 0 auto;order:1}}.pagination{display:flex;flex-wrap:nowrap;justify-content:space-between;font-weight:bold}.nav-next{margin-left:auto}@media screen and (max-width: 480px){.pagination{display:flex;flex-flow:column nowrap;align-items:center}.nav-next{margin-left:0}}.panel{padding:1.28rem}.panel-primary{border:1px solid #f0f0f0}.panel-notice{color:#fff;background:#4ba0e1}.panel-success{color:#fff;background:#609f43}.panel-caution{color:#fff;background:#de776d}.panel-warning{color:#fff;background:#e67e22}.panel-danger{color:#fff;background:#ce3426}.button{display:inline-block;font-size:120%;padding:.8rem;font-weight:bold;text-decoration:none;border-radius:12px;color:#fff;background:#4ba0e1}.button:hover{color:#fff;text-decoration:none;background:#3b89c5}.button-primary{border:1px solid #f0f0f0}.button-success{background:#369b08}.button-success:hover{background:#256905}.button-caution{background:#f56558}.button-caution:hover{background:#d45145}.button-warning{background:#f5811b}.button-warning:hover{background:#db7012}.button-danger{background:#ce3426}.button-danger:hover{background:#a0281d}.notification{padding:0.2rem 1.28rem;text-align:center;background:#eee}.backtothetop{display:none;font-size:200%}.fa-layers .fa-circle{color:#fff}figure>figcaption h4{font-size:80%;font-weight:normal}.table_of_contents{font-size:90%;padding:1.28rem;border:4px solid #f0f0f0}.table_of_contents ul{list-style:none;padding-left:0}.table_of_contents li{border-top:1px solid #f0f0f0}.table_of_contents>nav>ul>li:first-child{border-top:unset}.table_of_contents ul>li li a{margin-left:2rem}.table_of_contents ul ul>li li a{margin-left:4rem}.table_of_contents ul ul ul>li li a{margin-left:6rem}.table_of_contents ul ul ul ul>li li a{margin-left:8rem}.table_of_contents ul ul ul ul ul>li li a{margin-left:10rem}header{color:var(--custom-font-color, #fff);background:var(--custom-background-color, #000);padding:0.5rem 1.28rem}header h1{font-size:140%;display:inline-block}header .version{font-size:80%}header .github{color:currentColor;margin-left:.4rem;font-size:180%}.global-menu{color:var(--custom-font-color, #fff);background:var(--custom-background-color, #000);padding:0.2rem 1.28rem}.global-menu ul{list-style:none;padding:0;margin:0}.global-menu li{display:inline-block;margin-right:1.8rem;position:relative}.global-menu ul.sub-menu{display:none;margin:0;position:absolute;top:1.8rem;left:0;z-index:99999}.global-menu ul.sub-menu li{padding:0.2rem 1.28rem;background:var(--custom-background-color, #000);width:140px;font-size:80%}.global-menu ul.sub-menu li a{color:var(--custom-font-color, #fff)}.global-menu .fa-angle-right{margin-left:.4rem;font-size:80%}.global-menu li.parent:hover>ul.sub-menu{display:flex;flex-flow:column nowrap}@media screen and (max-width: 480px){.global-menu li{display:block;margin-right:0;border-bottom:1px solid currentColor}.global-menu li:last-child{border-bottom:none}.global-menu .fa-angle-right{display:none}.global-menu ul.sub-menu{display:block;position:static}.global-menu ul.sub-menu li{width:auto;background:transparent;padding:0 .4rem}.global-menu ul.sub-menu li+li{padding-top:.2rem}.global-menu ul.sub-menu li a{color:currentColor}}.global-menu a{display:block;color:currentColor;text-decoration:none}.global-menu a:hover{text-decoration:underline}main{padding:3rem}@media screen and (max-width: 480px){main{padding:1rem}}.sidebar{font-size:90%;line-height:1.8;background:#f9f9f9;border-right:1px solid #eee}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar a{position:relative;display:block;color:#404040;text-decoration:none;padding:.2rem 1rem;border-left:solid 4px #f9f9f9;border-bottom:solid 1px #eee}.sidebar a:hover{color:#404040;background:#eee;border-left:solid 4px #ccc}.sidebar nav>ul>li li a{padding-left:2rem}.sidebar nav>ul ul>li li a{padding-left:3rem}@media screen and (max-width: 480px){.sidebar nav>ul>li:first-child a{border-top:solid 1px #eee}}.sidebar .active>a{background:#eee;border-left:solid 4px #ccc}.sidebar .slide-menu .has-sub-menu:not(.parent) ul{display:none}.sidebar .slide-menu .has-sub-menu>a span.mark{position:absolute;top:0;right:0;display:inline-block;height:32px;width:32px;line-height:2;text-align:center;color:#979797;background:#f2f2f2;border-left:1px solid #e7e7e7}.sidebar-footer{padding:1.28rem}.edit-meta{font-size:80%;text-align:right}.edit-page{font-weight:bold}.powered{font-size:80%;text-align:right;color:#999} |