From 2fd6861fb72dcd0cd41bd014fda6b44a172c496b Mon Sep 17 00:00:00 2001 From: oceanlvr <36698124+oceanlvr@users.noreply.github.com> Date: Sat, 31 Jul 2021 22:41:15 +0800 Subject: refactor(docs): refactor man & index page (#1472) --- assets/css/nn.css | 508 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 508 insertions(+) create mode 100644 assets/css/nn.css (limited to 'assets/css/nn.css') diff --git a/assets/css/nn.css b/assets/css/nn.css new file mode 100644 index 00000000..d6b0a415 --- /dev/null +++ b/assets/css/nn.css @@ -0,0 +1,508 @@ +/* + * Modified from github.com/darshandsoni/asciidoctor-skins/css/boot-paper.css + * Based on Paper from Bootswatch (http://bootswatch.com/paper/) + * Significantly hand-edited by Garrett D'Amore for nanomsg uses, it + * bears little resemblance to the original. + * + * The original files were Copyright 2016 Darshan Soni. + * This file is Copyright 2020 Garrett D'Amore. + * + * The license for the original, as well as this file, is the MIT license. + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ + +@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"); +@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap"); +@import url("https://fonts.googleapis.com/css?family=Inconsolata&display=swap"); +@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); + +/* bulma setting */ +a { + text-decoration: none; + color: #2156a5; +} + +a:hover { + color: #BA5836; +} + +/* document body (contains all content) */ + +body { + font-family: 'Roboto', 'Trebuchet MS', sans-serif; + line-height: 1.846; + color: #666666; + background-color: #ffffff; + margin: 0; +} + +/* headings */ +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.1; + color: #424242; + font-weight: 500; + font-family: 'Roboto-Medium', 'Roboto', inherit; +} + +h1 { + font-size: 32px; +} + +h2 { + font-size: 20px; +} + +h3 { + font-size: 16px; +} + +h4, +h5, +h6 { + font-size: 14px; +} + +h2#_name { + display: none; +} + +/* plain paragraph text */ + +p { + font-size: 1.0625rem; +} + +/* blockquote text TODO: review these - they seem too absolute */ + +blockquote { + font-size: 1.0625rem; + padding: 11.5px 23px; + margin: 0 0 23px; + border-left: 5px solid #eeeeee; +} + +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} + +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} + +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} + +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} + +/* blockquote attribution text */ + +.attribution, +.cite, +blockquote footer, +blockquote small, +blockquote .small { + display: block; + /* font-size: 80%; */ + line-height: 1.846; + color: #bbbbbb; +} + +.attribution:before, +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} + +/* unordered list */ + +ul, +ol { + margin-top: 0; + margin-bottom: 11.5px; +} + +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} + +/* horizontal rules */ + +hr { + border: 0; + border-top: 1px solid #eeeeee; +} + +/* table */ + +table { + background-color: #fff; + border: solid 1px #dedede; + width: 100%; + max-width: 100%; + margin-bottom: 1.4em; + border-collapse: collapse; +} + +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} + +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} + +/* table caption */ + +caption { + padding-top: .5em; + padding-bottom: .5em; + ; + color: #bbbbbb; + text-align: left; +} + +/* table header row */ + +thead { + border-bottom: 2px solid #dddddd; +} + +/* table header cell */ + +th { + text-align: left; + padding-left: .5em; +} + +/* table footer */ + +tfoot { + color: #807F81; + border-top: 1px solid #dddddd; +} + +/* table cell */ + +td { + border-top: 1px solid #dddddd; +} + +td p { + margin: auto; + padding: .5em; +} + +td code { + margin: auto; + padding: .5em; +} + +/* table body */ + +tbody>tr:nth-of-type(odd) { + background-color: #f9f9f9; +} + +tbody>tr:hover { + background-color: #f5f5f5; +} + +/* inline code */ + +code, +kbd, +pre, +samp { + font-family: 'Inconsolata', 'Consolas', monospace; +} + +pre.highlight { + background-color: lightblue; + border-radius: .5em; + border: 1px solid #cccccc; +} + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #ffffff; + background-color: #333333; + border-radius: 3px; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; + -webkit-box-shadow: none; + box-shadow: none; +} + +pre { + display: block; + padding: .7em; + margin: 0 0 .7em; + word-break: break-all; + word-wrap: break-word; +} + +/* icon font admonitions */ + +.admonitionblock>table { + border-collapse: separate; + border: 0; + background: none; + width: 100% +} + +.admonitionblock>table td.icon { + text-align: center; + padding: 0.5em; + width: 4em; + border-top: none +} + +.admonitionblock>table td.icon img { + max-width: none +} + +.admonitionblock>table td.icon .title { + font-weight: bold; + font-family: "Open Sans", sans-serif; + text-transform: uppercase +} + +.admonitionblock>table td.content { + padding-left: 1.125em; + padding-right: 1.25em; + border-left: 1px solid #dddddf; + color: rgba(0, 0, 0, .6); + border-top: none; + font-size: 1.0625em; +} + +.admonitionblock>table td.nn-version-note { + padding-left: 1.125em; + padding-right: 1.25em; + border-left: 1px solid #dddddf; + color: rgba(0, 0, 0, .6); + border-top: none; + font-size: 0.95em; +} + +.admonitionblock>table td.content>:last-child>:last-child { + margin-bottom: 0 +} + +span.icon>.fa { + cursor: default +} + +a span.icon>.fa { + cursor: inherit +} + +.admonitionblock td.icon [class^="fa icon-"] { + font-size: 2.5em; + text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); + cursor: default +} + +.admonitionblock td.icon .icon-note::before { + content: "\f05a"; + color: #19407c +} + +.admonitionblock td.icon .icon-tip::before { + content: "\f0eb"; + text-shadow: 1px 1px 2px rgba(155, 155, 0, .8); + color: #111 +} + +.admonitionblock td.icon .icon-warning::before { + content: "\f071"; + color: #bf6900 +} + +.admonitionblock td.icon .icon-caution::before { + content: "\f06d"; + color: #bf3400 +} + +.admonitionblock td.icon .icon-important::before { + content: "\f06a"; + color: #bf0000 +} + +div.sidebarblock { + border-radius: .5em; + background-color: #e0e0e0; +} + +div.sidebarblock div.content { + padding: 1em 2em; +} + +.sidebarblock .content p { + font-size: .95em; +} + +/* doc header */ +div.details { + border-top: 1px solid #e0e0e0; + padding-top: 2em; + text-align: right; + margin-bottom: 1em; +} + +span.author { + font-style: italic; +} + +span.author::before { + content: "\2014 "; +} + +#revnumber, +#revdate { + font-size: .9em; +} + + +/* image */ + +img { + height: auto; + max-width: 100%; +} + +/* responsiveness fixes */ + +video { + max-width: 100%; +} + +/* table of Contents sidebar */ + +nav.toc2 { + overflow-y: auto; + display: flex; + flex-direction: column; + vertical-align: top; + z-index: 10; + position: fixed; + top: 3.4em; + bottom: 0; + padding: 1.25em 1em; +} + +@media screen and (max-width: 768px) { + nav.toc2 { + visibility: hidden; + overflow: hidden; + } + + nav.toc2::-webkit-scrollbar { + display: none; + } + + nav.toc2 { + -ms-overflow-style: none; + } +} + +#toc.toc2 ul { + font-size: .95em; + margin-bottom: 0; + padding-left: 0; + display: block; + list-style: none; +} + +#toc.toc2 ul ul li { + padding-left: 1em; +} + +#toctitle { + color: #ba5836; +} + +/* only show the table of contents on screens wide enough to have room */ + +main { + padding-left: 20em; + display: block; + padding-top: 53px; + overflow-y: auto; + margin: 0 auto; + max-width: 1200px; +} + +@media all and (max-width: 1440px) { + #toctitle { + display: none; + overflow: visible; + } + + #toc.toc2 ul { + display: none; + overflow: visible; + } + + main { + padding-left: 2em; + } +} \ No newline at end of file -- cgit v1.2.3-70-g09d2