├── layouts ├── _default │ ├── list.html │ └── single.html ├── partials │ ├── tail.html │ ├── logo.html │ ├── menu.html │ ├── section.html │ ├── section_list.html │ ├── menu_page_list.html │ ├── head.html │ └── sidebar.html ├── shortcodes │ ├── block.html │ ├── anchor.html │ └── readfile.html ├── index.html └── 404.html ├── .gitignore ├── images ├── tn.png └── screenshot.png ├── exampleSite ├── content │ ├── criticism │ │ ├── note │ │ │ └── _index.md │ │ └── _index.md │ ├── characters │ │ ├── _index.md │ │ ├── kraiklyn.md │ │ ├── balveda.md │ │ └── bora.md │ ├── history │ │ └── _index.md │ ├── introduction │ │ ├── _index.md │ │ └── code.md │ └── plot │ │ └── _index.md └── config.toml ├── .monova.config ├── archetypes └── default.md ├── theme.toml ├── LICENSE.md ├── README.md └── static └── css └── styles.css /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .monova.history 2 | -------------------------------------------------------------------------------- /layouts/partials/tail.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /layouts/partials/logo.html: -------------------------------------------------------------------------------- 1 |
2 | Kraiklyn 3 |
4 | -------------------------------------------------------------------------------- /images/tn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsnjack/kraiklyn/HEAD/images/tn.png -------------------------------------------------------------------------------- /images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jsnjack/kraiklyn/HEAD/images/screenshot.png -------------------------------------------------------------------------------- /layouts/shortcodes/block.html: -------------------------------------------------------------------------------- 1 |
2 | {{ .Inner | .Page.RenderString }} 3 |
4 | -------------------------------------------------------------------------------- /layouts/shortcodes/anchor.html: -------------------------------------------------------------------------------- 1 | {{ $page_path := .Get 0 -}} 2 | {{ with .Site.GetPage $page_path }} 3 | #{{ .Params.anchor }} 4 | {{ end -}} 5 | -------------------------------------------------------------------------------- /exampleSite/content/criticism/note/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Note" 3 | date: 2018-01-28T22:01:36+01:00 4 | anchor: "note" 5 | --- 6 | 7 | A note 8 | -------------------------------------------------------------------------------- /exampleSite/content/characters/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Characters" 3 | date: 2018-01-28T22:01:36+01:00 4 | anchor: "characters" 5 | weight: 35 6 | --- 7 | 8 | List of main characters 9 | -------------------------------------------------------------------------------- /layouts/partials/menu.html: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /exampleSite/content/characters/kraiklyn.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Kraiklyn" 3 | date: 2018-01-28T21:57:07+01:00 4 | anchor: "kraiklyn" 5 | weight: 50 6 | --- 7 | 8 | Kraiklyn is the captain of the Clear Air Turbulence. 9 | -------------------------------------------------------------------------------- /.monova.config: -------------------------------------------------------------------------------- 1 | { 2 | "MajorKeys": [ 3 | ":major:", ":M:" 4 | ], 5 | "MinorKeys": [ 6 | ":minor:", ":m:" 7 | ], 8 | "PatchKeys": [ 9 | ":patch:", ":p:" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /archetypes/default.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "{{ replace .TranslationBaseName "-" " " | title }}" 3 | date: {{ .Date }} 4 | anchor: "{{ replace .TranslationBaseName "-" " " | title | urlize }}" 5 | weight: 6 | draft: true 7 | --- 8 | -------------------------------------------------------------------------------- /layouts/partials/section.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | {{ .Title }} 4 |

5 |
6 | {{ .Content }} 7 |
8 |
9 | -------------------------------------------------------------------------------- /layouts/index.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | {{ partial "sidebar.html" . }} 3 |
4 | {{ with .Sections }} 5 | {{ range .ByWeight }} 6 | {{ partial "section_list.html" . }} 7 | {{ end }} 8 | {{ end }} 9 |
10 | {{ partial "tail.html" . }} 11 | -------------------------------------------------------------------------------- /layouts/partials/section_list.html: -------------------------------------------------------------------------------- 1 | {{ partial "section.html" . }} 2 | {{ if .Pages }} 3 | {{ range .Pages.ByWeight }} 4 | {{ if .IsSection }} 5 | {{ partial "section_list.html" . }} 6 | {{ else }} 7 | {{ partial "section.html" . }} 8 | {{ end }} 9 | {{ end }} 10 | {{ end }} 11 | 12 | -------------------------------------------------------------------------------- /exampleSite/content/characters/balveda.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Balveda" 3 | date: 2018-01-28T21:55:52+01:00 4 | anchor: "balveda" 5 | weight: 40 6 | --- 7 | 8 | Juboal-Rabaroansa Perosteck Alseyn Balveda dam T'seif, usually referred to as Perosteck Balveda, is an operative of the Culture assigned to track and apprehend [Bora Horza Gobuchul]({{< anchor "characters/bora.md" >}}). She works for the Special Circumstances branch of Contact, and despite being ambivalent about the methods they use, deeply believes in their objectives. 9 | -------------------------------------------------------------------------------- /layouts/partials/menu_page_list.html: -------------------------------------------------------------------------------- 1 |
  • 2 | {{ .Title }} 3 | {{ if .Pages }} 4 | 13 | {{ end }} 14 |
    • 15 | 16 | -------------------------------------------------------------------------------- /exampleSite/config.toml: -------------------------------------------------------------------------------- 1 | baseURL = "/" 2 | languageCode = "en-us" 3 | 4 | title = "Consider Phlebas" 5 | theme = "kraiklyn" 6 | 7 | pygmentsCodeFences = true 8 | pygmentsStyle = "monokailight" 9 | 10 | [params] 11 | externalTitle = "Kraiklyn theme" 12 | sidebarColor = "default" 13 | customCss = [] 14 | 15 | [[menu.shortcuts]] 16 | name = "Kraiklyn on Github" 17 | url = "https://github.com/jsnjack/kraiklyn" 18 | weight = 10 19 | 20 | [[menu.shortcuts]] 21 | name = "Hugo docs" 22 | url = "https://gohugo.io/documentation/" 23 | weight = 20 24 | -------------------------------------------------------------------------------- /exampleSite/content/history/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "History" 3 | date: 2018-01-28T21:58:09+01:00 4 | anchor: "history" 5 | weight: 60 6 | --- 7 | 8 | Consider Phlebas, like most of Banks's early SF output, was a rewritten version of an earlier book, as he explained in a 1994 interview: 9 | 10 | >Phlebas was an old one too; it was written just after The Wasp Factory, in 1984. I've found that rewriting an old book took much more effort than writing one from scratch, but I had to go back to do right by these things. Now I can go on and start completely new stuff. 11 | -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | # theme.toml template for a Hugo theme 2 | # See https://github.com/gohugoio/hugoThemes#themetoml for an example 3 | 4 | name = "Kraiklyn" 5 | license = "MIT" 6 | licenselink = "https://github.com/jsnjack/kraiklyn/blob/master/LICENSE.md" 7 | description = "A theme for a simple one page documentation" 8 | homepage = "https://github.com/jsnjack/kraiklyn/" 9 | tags = ["one page", "docs", "documentation", "simple", "minimalistic"] 10 | features = [] 11 | min_version = "0.45" 12 | 13 | [author] 14 | name = "Yauhen Shulitski" 15 | homepage = "https://github.com/jsnjack" 16 | -------------------------------------------------------------------------------- /exampleSite/content/characters/bora.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Bora" 3 | date: 2018-01-28T21:54:02+01:00 4 | anchor: "bora" 5 | weight: 30 6 | --- 7 | 8 | **Bora Horza Gobuchul** is a [Changer](https://en.wikipedia.org/wiki/List_of_civilisations_in_the_Culture_series) and an operative of the Idiran Empire. Horza was one of a party of Changers allowed on Schar's World, and for that reason is tasked by the Idirans with retrieving a Mind that had crashed to the planet. Horza is humanoid, but committed to the Idirans because he despises the Culture for its dependence on machines and what he perceives to be spiritual emptiness. 9 | -------------------------------------------------------------------------------- /layouts/404.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | 19 | 20 | Well, a fine little mess. Easy in, easy out. Another triumph. 21 | 22 | {{ partial "tail.html" . }} 23 | -------------------------------------------------------------------------------- /layouts/shortcodes/readfile.html: -------------------------------------------------------------------------------- 1 | {{- $file := .Get "file" -}} 2 | {{- $skipTo := .Get "skip-to" -}} 3 | {{- $lang := .Get "lang" | default "text" -}} 4 | {{- $content := readFile $file -}} 5 | {{- if $content -}} 6 | {{- if $skipTo -}} 7 | {{- $parts := split $content $skipTo -}} 8 | {{- if gt (len $parts) 1 -}} 9 | {{- $content = index $parts 1 -}} 10 | {{- end -}} 11 | {{- end -}} 12 | {{- if ne $lang "text" -}} 13 | {{ highlight $content $lang "" }} 14 | {{- else -}} 15 | 
    {{ $content }}
    16 | {{- end -}} 17 | {{- else -}} 18 |

    Could not read file: {{ $file }}

    19 | {{- end -}} 20 | -------------------------------------------------------------------------------- /exampleSite/content/introduction/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Introduction" 3 | date: 2018-01-27T15:42:17+01:00 4 | anchor: "introduction" 5 | weight: 10 6 | --- 7 | 8 | Consider Phlebas, first published in 1987, is a space opera novel by Scottish writer Iain M. Banks. Written after a 1984 draft, it is the first to feature the Culture. 9 | 10 | The novel revolves around the Idiran–Culture War, and Banks plays on that theme by presenting various microcosms of that conflict. Its protagonist Bora Horza Gobuchul is an enemy of the Culture. 11 | 12 | {{< block note >}} 13 | Consider Phlebas is Banks's first published science fiction novel set in the Culture, and takes its title from a line in T. S. Eliot's poem The Waste Land. A subsequent Culture novel, Look to Windward (2000), whose title comes from the previous line of the same poem, can be considered a loose follow-up. 14 | {{< /block >}} 15 | -------------------------------------------------------------------------------- /layouts/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ hugo.Generator }} 5 | 6 | 7 | 8 | 9 | {{ .Site.Title }} 10 | 11 | 12 | 13 | 14 | {{ range .Site.Params.customCss -}} 15 | 16 | {{- end }} 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /layouts/partials/sidebar.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | {{ partial "logo.html" }} 4 |

    {{ .Site.Title }}

    5 | 6 | 7 | 10 | 11 | 23 |
    24 | 25 |
    26 | generated on {{ now.Format "Jan 2, 2006" }} 27 |
    28 |
    29 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2018 YOUR_NAME_HERE 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /exampleSite/content/criticism/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Criticism" 3 | date: 2018-01-28T22:01:36+01:00 4 | anchor: "criticism" 5 | weight: 70 6 | --- 7 | 8 | The book was generally very well received as a fast-paced space opera with a morally ambiguous hero and lots of grand scenery and devices. Kirkus Reviews described it as "Overextended and jarring", but "imaginative and gripping in places." 9 | 10 | {{< block note >}} 11 | Banks said in an interview: 12 | There's a big war going on in that novel, and various individuals and groups manage to influence its outcome. But even being able to do that doesn't ultimately change things very much. At the book's end, I have a section pointing this out by telling what happened after the war, which was an attempt to pose the question, 'What was it all for?' I guess this approach has to do with my reacting to the cliché of SF's 'lone protagonist.' You know, this idea that a single individual can determine the direction of entire civilizations. It's very, very hard for a lone person to do that. And it sets you thinking what difference, if any, it would have made if Jesus Christ, or Karl Marx or Charles Darwin had never been. We just don't know. 13 | {{< /block >}} 14 | -------------------------------------------------------------------------------- /exampleSite/content/introduction/code.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Code sample" 3 | date: 2018-01-28T21:48:10+01:00 4 | anchor: "code" 5 | weight: 20 6 | --- 7 | 8 | ```python 9 | #!/usr/bin/python 10 | 11 | # This script will monitor templates folder and automatically compile nunjucks html templates on change 12 | 13 | import os 14 | import sys 15 | from datetime import datetime 16 | from subprocess import call 17 | from time import sleep 18 | 19 | try: 20 | NUNJUCKS_REPO = sys.argv[1] 21 | except IndexError: 22 | NUNJUCKS_REPO = os.getenv("NUNJUCKS_REPO") 23 | try: 24 | TEMPLATES_DIR = sys.argv[2] 25 | except IndexError: 26 | TEMPLATES_DIR = os.getenv("TEMPLATES_DIR") 27 | 28 | FILES = {} 29 | TIMER = 1 30 | 31 | COLOUR_END = '\033[0m' 32 | COLOUR_GREEN = '\033[92m' 33 | COLOUR_BLUE = '\033[94m' 34 | 35 | 36 | def check_templates(templates_dir=TEMPLATES_DIR): 37 | file_list = os.listdir(templates_dir) 38 | for item in file_list: 39 | if item.split(".")[-1] == "html": 40 | modified = os.path.getmtime(templates_dir + "/" + item) 41 | if item in FILES: 42 | if FILES[item] != modified: 43 | FILES[item] = modified 44 | precompile(templates_dir, item) 45 | else: 46 | print (COLOUR_BLUE + item + " is being watched" + COLOUR_END) 47 | FILES[item] = modified 48 | precompile(templates_dir, item) 49 | 50 | 51 | def precompile(tempates_dir, filename): 52 | compiled_filename = filename.replace("html", "js") 53 | path_to_js = tempates_dir + "/" + compiled_filename 54 | path_to_html = tempates_dir + "/" + filename 55 | if os.path.exists(path_to_js): 56 | call("rm -f " + path_to_js, shell=True) 57 | command = NUNJUCKS_REPO + "/bin/precompile --name " + filename + " " + path_to_html 58 | command = command + " >> " + path_to_js 59 | call(command, shell=True) 60 | print(COLOUR_GREEN + datetime.now().strftime("%X" + " " + filename + " ...OK") + COLOUR_END) 61 | 62 | 63 | if __name__ == '__main__': 64 | while True: 65 | check_templates() 66 | sleep(TIMER) 67 | ``` 68 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Kraiklyn 2 | ===== 3 | 4 | A simple one page [Hugo](https://gohugo.io/) theme for documentation. Inspired by Hyde, Simpledoc and docDock themes 5 | 6 | # Features 7 | - all content is rendered on one page 8 | - unlimited menu level 9 | - mobile friendly 10 | - customize website logo 11 | - add links to the sidebar 12 | 13 | # Installation 14 | Clone the repository to your site’s themes directory. 15 | 16 | # Usage 17 | All content is rendered on the main page. Front-matter's `anchor` is used for the navigation. Content is ordered by Weight. 18 | 19 | When creating a new section, make sure `_index.md` exists for correct cross-references. 20 | 21 | ## Shortcodes 22 | 23 | ### block 24 | Create notes, tips and other blocks on the page 25 | ```markdown 26 | {{< block note >}} 27 | By default only ports 22, 80 and 443 are open 28 | {{< /block >}} 29 | ``` 30 | Available types: `note`, `tip`, `warn`, `info` 31 | 32 | ### readfile 33 | Reads a file and displays its contents, skipping the specified section. 34 | ```markdown 35 | {{< readfile file="path/to/file" skip-to="section" lang="ini" >}} 36 | ``` 37 | 38 | ### anchor 39 | Returns `anchor` parameter (see `archetypes/default.md` file) of the article 40 | ```markdown 41 | Check [Proxy environment]({{< anchor "installation/proxy-environment.md" >}}) section 42 | ``` 43 | Since the theme is a one-page theme, this is the way to make cross-references on the website 44 | 45 | ## Customizing sidebar 46 | 47 | ### Changing logo 48 | Replace logo by creating `layouts/partials/logo.html` file 49 | 50 | ### Adding menu entries to the external links section 51 | Customize the name of the section by adding to the `config.toml` 52 | ```toml 53 | [params] 54 | externalTitle = "Surfly docs" 55 | ``` 56 | 57 | Add new entries: 58 | ```toml 59 | [[menu.shortcuts]] 60 | name = "Javascript API" 61 | url = "https://docs.surfly.com/javascript.html" 62 | weight = 20 63 | ``` 64 | 65 | ### Changing color 66 | Customize the color of the sidebar by adding to the `config.toml` 67 | ```toml 68 | [params] 69 | sidebarColor = "green" 70 | ``` 71 | 72 | Available values : default, green, purple, pink, red, cyan, blue, grey, orange. 73 | 74 | ## Add favicon 75 | Put `favicon.ico` inside `static` folder 76 | 77 | 78 | ## Add custom CSS 79 | You can add your custom CSS files with the `customCss` parameter of the configuration file. 80 | 81 | ```toml 82 | customCss = ["css/custom.css", "css/custom2.css"] 83 | ``` 84 | 85 | Just put your files in `static/css` directory. 86 | -------------------------------------------------------------------------------- /exampleSite/content/plot/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Plot summary" 3 | date: 2018-01-28T21:48:57+01:00 4 | anchor: "summary" 5 | weight: 15 6 | --- 7 | 8 | The Culture and the Idiran Empire are at war in a galaxy-spanning conflict. A Culture Mind, fleeing the destruction of its ship in an Idiran ambush, takes refuge on Schar's World. The Dra'Azon, godlike incorporeal beings, maintain Schar's World as a monument to its extinct civilisation, forbidding access to both the Culture and the Idirans. Horza, a shape-changing mercenary, is rescued from execution by the Idirans who believe the Dra'Azon guardian may let him onto the planet as in the past he was part of a small group of Changers who acted as stewards. They instruct him to retrieve the Mind. 9 | 10 | During Horza's extraction, the Idirans also capture a Special Circumstances agent, Perosteck Balveda. However, the Idiran starship on which he is travelling is soon attacked by a Culture vessel, and Horza is ejected. He is picked up by a pirate ship, the Clear Air Turbulence (CAT). He is forced to fight and kill one of the crew to earn a place. The captain, Kraiklyn, leads them on two disastrous pirate raids in which several of the crew perish. After the second raid Horza is taken prisoner by a cult living on an island on the orbital Vavatch. He escapes after killing the cult leader and makes his way to the main city of Vavatch where he finds Kraiklyn, who is playing "Damage"—a high stakes card game. 11 | 12 | Having now changed his appearance to mimic that of the CAT captain, Horza follows him back to the CAT, kills him and returns to the CAT meeting the few remaining original crew. He is introduced to a newly recruited member, whom he recognises as a disguised Perosteck Balveda. Culture agents outside try to capture the ship. Horza manages to lift off and as the fugitives warp away from Vavatch, they see the Orbital destroyed by the Culture warships to prevent it from falling into enemy hands. Balveda reveals Horza's identity and he convinces the crew to carry out his mission. A Vavatch drone, Unaha-Closp, has been trapped on the ship and reluctantly joins the team. 13 | 14 | They land on Schar's World and search for the Mind in the Command System, a complex of subterranean train stations. They soon discover that the Mind is being hunted by a pair of Idiran soldiers who have killed all the Changers stationed on the planet, and who regard Horza and his crew as enemies, having no knowledge of the Changers' alliance with the Idirans. Horza has kept Balveda alive, and she is taken into the complex. The CAT's crew encounter the Idirans in one of the Command System stations, and after a firefight apparently kill one and capture the other. After tracking the Mind to another station, the drone Unaha-Closp discovers it hiding in the reactor car of a Command System train. The second Idiran, who had been mortally wounded but not killed, sets one of the trains for a collision course to the station. The captured Idiran, Xoxarle, frees himself and in the ensuing impact and firefight the remaining members of the Clear Air Turbulence are killed. Horza pursues Xoxarle and is fatally injured, but the Idiran is killed by Balveda. 15 | 16 | Horza dies soon after Balveda gets him to the surface and the Mind is returned to the Culture. In an epilogue, the Mind becomes a starship, and names itself the Bora Horza Gobuchul. 17 | -------------------------------------------------------------------------------- /static/css/styles.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | font-family: "Open Sans", sans-serif; 3 | color: #363636; 4 | height: 100%; 5 | } 6 | 7 | @media (min-width: 48em) { 8 | html { 9 | font-size: 16px; 10 | } 11 | } 12 | 13 | @media (min-width: 58em) { 14 | html { 15 | font-size: 20px; 16 | } 17 | } 18 | 19 | @media (min-width: 48em) { 20 | .content { 21 | margin-left: 21rem; 22 | margin-right: 2rem; 23 | } 24 | } 25 | 26 | @media (min-width: 64em) { 27 | .content { 28 | margin-left: 22rem; 29 | margin-right: 3rem; 30 | } 31 | } 32 | 33 | /* Sidebar */ 34 | .sidebar { 35 | overflow: auto; 36 | text-align: center; 37 | padding: 1rem 1rem; 38 | color: white; 39 | background-color: #363636; 40 | display: flex; 41 | flex-direction: column; 42 | } 43 | .sidebar.sidebar-default { 44 | background-color: #363636; 45 | } 46 | .sidebar.sidebar-green { 47 | background-color: #459D61; 48 | } 49 | .sidebar.sidebar-purple { 50 | background-color: #77518A; 51 | } 52 | .sidebar.sidebar-pink { 53 | background-color: #AD6AA9; 54 | } 55 | .sidebar.sidebar-red { 56 | background-color: #B05353; 57 | } 58 | .sidebar.sidebar-cyan { 59 | background-color: #5399B0; 60 | } 61 | .sidebar.sidebar-blue { 62 | background-color: #5378B0; 63 | } 64 | .sidebar.sidebar-grey { 65 | background-color: #959492; 66 | } 67 | .sidebar.sidebar-orange { 68 | background-color: #DAA35C; 69 | } 70 | @media (min-width: 48em) { 71 | .sidebar { 72 | position: fixed; 73 | top: 0; 74 | left: 0; 75 | bottom: 0; 76 | width: 19rem; 77 | text-align: left; 78 | } 79 | } 80 | 81 | .site-title { 82 | margin-top: 0px; 83 | } 84 | 85 | .sidebar a, 86 | .sidebar a:hover, 87 | .sidebar a:visited { 88 | text-decoration: none; 89 | color: white; 90 | } 91 | 92 | .sidebar a:hover { 93 | color: rgb(223, 223, 223);; 94 | } 95 | 96 | .sidebar ul { 97 | margin: 0px; 98 | padding: 0px; 99 | } 100 | 101 | .sidebar ul li { 102 | list-style: none; 103 | padding-left: 2em; 104 | } 105 | 106 | nav { 107 | margin: 1em 0 1em 0; 108 | } 109 | 110 | .sidebar .navigation { 111 | flex: 1 0 auto; 112 | } 113 | 114 | .sidebar .version { 115 | font-size: 80%; 116 | text-align: right; 117 | padding: 2px; 118 | } 119 | 120 | .sidebar .external-title { 121 | margin-top: 2em; 122 | text-align: center; 123 | font-size: 120%; 124 | } 125 | 126 | .sidebar nav.external { 127 | font-size: 80%; 128 | } 129 | 130 | /* Blocks */ 131 | .block { 132 | margin: 1em 0em 1em 0em; 133 | padding: 0 5px 5px 5px; 134 | border-top: 34px solid; 135 | position: relative; 136 | overflow-wrap: break-word; 137 | } 138 | 139 | .block:before { 140 | position: absolute; 141 | top: -32px; 142 | left: 10px; 143 | color: white; 144 | } 145 | 146 | .block.tip { 147 | background: #e8f7e6; 148 | border-top-color: #84c578; 149 | } 150 | 151 | .block.block.tip:before { 152 | content: "Tip"; 153 | } 154 | 155 | .block.note { 156 | background: #e6f3fb; 157 | border-top-color: #6bb1e0; 158 | } 159 | 160 | .block.block.note:before { 161 | content: "Note"; 162 | } 163 | 164 | .block.info { 165 | background: #fefaf5; 166 | border-top-color: #f1b37e; 167 | } 168 | 169 | .block.block.info:before { 170 | content: "Info"; 171 | } 172 | 173 | .block.warn { 174 | background: #fbeded; 175 | border-top-color: #d58181; 176 | } 177 | 178 | .block.block.warn:before { 179 | content: "Warning"; 180 | } 181 | 182 | /* Section of the page */ 183 | section.page { 184 | margin-bottom: 3em; 185 | } 186 | 187 | section.page h1 { 188 | border-left: 3px solid #363636; 189 | padding-left: 0.5em; 190 | margin-bottom: 0; 191 | } 192 | 193 | section.page .content { 194 | margin-left: 0.5em; 195 | } 196 | 197 | section.page h1 a, 198 | section.page h1 a:hover, 199 | section.page h1 a:visited { 200 | text-decoration: none; 201 | color: #363636; 202 | } 203 | 204 | section.page a, 205 | section.page a:hover, 206 | section.page a:visited { 207 | color: #363636; 208 | } 209 | 210 | section div pre { 211 | overflow: auto; 212 | } 213 | 214 | section code { 215 | background-color: #fafafa; 216 | } 217 | 218 | section img { 219 | max-width: 100%; 220 | } 221 | 222 | table { 223 | border-collapse: collapse; 224 | } 225 | 226 | table,th, td { 227 | border: 1px solid black; 228 | } 229 | 230 | td{ 231 | padding: 5px; 232 | } 233 | --------------------------------------------------------------------------------