Skip to content
Snippets Groups Projects
Commit 1b67c134 authored by Hahn Axel (hahn)'s avatar Hahn Axel (hahn)
Browse files

Merge branch '5915-update-docs' into 'master' 

update doc style

See merge request !1
parents f776ae32 4f21db91
No related branches found
No related tags found
1 merge request!1update doc style
Hide whitespace changes
Inline Side-by-side
docs/config.json
+ 2
− 1
View file @ 1b67c134
...@@ -12,7 +12,8 @@ ...@@ -12,7 +12,8 @@
"jump_buttons": true, "jump_buttons": true,
"edit_on_github_": "iml-it/appmonitor/tree/master/docs", "edit_on_github_": "iml-it/appmonitor/tree/master/docs",
"links": { "links": {
"GitHub Repo": "https://git-repo.iml.unibe.ch/iml-open-source/bash-rest-api-client" "GitHub Repo": "https://git-repo.iml.unibe.ch/iml-open-source/bash-rest-api-client",
"IML Opensource": "https://os-docs.iml.unibe.ch/"
}, },
"theme": "daux-blue", "theme": "daux-blue",
"search": true "search": true
......
docs/style.css
+ 213
− 124
View file @ 1b67c134
/* /*
override css elements of daux.io blue theme
patch css elements of daux.io blue theme version 2022-11-30
*/ */
:root {
/* Axels Overrides */
--color-text: #222;
--link-color: #822;
--brand-color: var(--color-secondary);
--brand-background: var(--body-background);
--hr-color: none;
--search-field-background: none;
--search-field-border-color: none;
--sidebar-background: var(--body-background);
--sidebar-border-color: none;
--sidebar-link-active-background: #e8f4f6;
--sidebar-link-active-background: #eee;
/* Axels custom values */
--axel_bg-toc: var(--body-background);
--axel_bg-toc-head: #f8f8f8;
--axel_brand-background: none;
--axel_brand-pre-background: rgb(255, 0, 51);
;
--axel_brand-pre-background-hover: rgb(255, 0, 51);
;
--axel_h1_header: none;
--axel_h1: #345;
--axel_h1-bg: none;
--axel_h1-bottom: 3px solid none;
--axel_h2: #156;
--axel_h2-bg: #f8fafb;
--axel_h2-bottom: 2px solid #467;
--axel_h2-hero-bottom: 2px solid #912;
--axel_h3: #278;
--axel_h3-bottom: 1px solid #ddd;
--axel_hero_bg: #f8f8f8;
--axel_nav-bg: #fcfcfc;
--axel_nav-buttomborder: #ddd;
--axel_pre-background: #f8f8f8;
--axel-th-background: #d0e0e8;
--axel-article-nav-border-top: 0px dotted #ddd;
}
.dark {
/* Axels Overrides */
--color-text: #c0c0c0;
--link-color: #b44;
--brand-color: var(--color-text);
--brand-background: var(--body-background);
--hr-color: none;
--code-tag-background-color_: #bcc;
--search-field-background: none;
--search-field-border-color: none;
--sidebar-background: var(--body-background);
--sidebar-border-color: none;
--sidebar-link-active-background: #333;
/* Axels custom values */
--axel_bg-toc: var(--body-background);
--axel_bg-toc-head: #333;
--axel_brand-background: none;
--axel_brand-pre-background: rgb(255, 0, 51);
;
--axel_brand-pre-background-hover: rgb(255, 0, 51);
;
--axel_h1_header: none;
--axel_h1: #777;
--axel_h1-bg: none;
--axel_h1-bottom: none;
--axel_h2: #467;
--axel_h2-bg: #202020;
--axel_h2-bottom: 2px solid #256;
--axel_h2-hero-bottom: 2px solid #712;
--axel_h3: #589;
--axel_h3-bottom: 1px solid #333;
--axel_hero_bg: #242424;
--axel_nav-bg: #242424;
--axel_nav-buttomborder: #555;
--axel_pre-background: #bcc;
--axel-th-background: #203038;
--axel-article-nav-border-top: 0px dotted #234;
}
/* ---------- vars ---------- */ /* ---------- left side ---------- */
a.Brand::before {
:root{ background: var(--axel_brand-pre-background);
color: #fff;
/* background colors */ font-family: arial;
--bg:none; font-weight: bold;
--bg-body: #fff; padding: 0.5em 0.3em;
--bg-navlinkactive:#f4f4f4; content: 'IML';
--bg-navlinkactive: linear-gradient(-90deg,rgba(0,0,0,0), rgba(40,60,80,0.05) 30%); margin-right: 0.4em;
--bg-pre:linear-gradient(-4deg, #f0f0f0, #fefefe,#f0f0f0); float: left;
--bg-toc: #fff; }
/* foreground colors */
--color: #234;
--navlinkactive:#f33;
--title: #aaa;
--link:#12a;
--toclink:rgba(40,60,80,0.8);
--pagerlink:rgba(40,60,80,0.8);
--h1: rgba(40,60,80,0.8);
--h1-bottom: 1px solid rgba(40,60,80,0.1);
--h2: rgba(40,60,80,0.5);
--h3: rgba(40,60,80,0.3);
a.Brand:hover::before {
background: var(--axel_brand-pre-background-hover);
} }
/* ---------- tags ---------- */ a.Brand {
background: var(--axel_brand-background);
font-size: 200%;
height: 4em;
}
body, *{color: var(--color); } /* ---------- page header: breadcrumb ---------- */
body{background: var(--bg-body);} .Page__header {
border: none;
}
.Page__header a {
color: var(--axel_h1_header);
}
a{color: var(--link);} .Page__header h1 {
a:hover{opacity: 0.7;} font-size: 1.3em;
}
h1>a{ color:var(--title);} /* ---------- page content ---------- */
_h1:nth-child(1){position: fixed; background: var(--bg); box-shadow: 0 0 1em #ccc; padding: 0 1em} .s-content {
h1:nth-child(1)>a{ color:var(--navlinkactive); } padding-top: 1em;
}
.s-content h1{color: var(--h1); font-size: 200%; font-weight:bold; margin-top: 2em; border-bottom: var(--h1-bottom);} .s-content h1 {
.s-content h2{color: var(--h2); font-size: 160%; } background: var(--axel_h1-bg);
.s-content h3{color: var(--h3); font-size: 140%; } color: var(--axel_h1);
.s-content h4{margin: 0; font-size: 100%; text-align: center; background-color: rgba(0,0,0,0.05);padding: 0.3em;} font-size: 200%;
font-weight: bold;
margin-bottom: 2em;
margin-top: 2em;
border-bottom: var(--axel_h1-bottom);
}
.s-content pre{ .s-content h2 {
background: var(--bg-pre); background: var(--axel_h2-bg);
border: 4px solid #fff; color: var(--axel_h2);
box-shadow: 0 0 2em #eee; font-size: 180%;
font-weight: bold;
margin-top: 4em;
border-bottom: var(--axel_h2-bottom);
} }
/* ---------- classes ---------- */ h1:first-of-type {
margin-top: 0em;
}
.required{color:#a42;} h2:first-of-type {
.optional{color:#888;} margin-top: 0em;
}
.s-content h3 {
background: var(--axel_h3-bg);
color: var(--axel_h3);
font-size: 150%;
font-weight: bold;
margin-top: 3em;
border-bottom: var(--axel_h3-bottom);
}
/* ----- top left */ .s-content h4 {
.Brand, margin: 0;
.Columns__left { font-size: 100%;
background: var(--bg); text-align: center;
border-right: 0px solid #e7e7e9; background-color: rgba(0, 0, 0, 0.05);
color: var(--color); padding: 0.3em;
} }
.Brand{font-size: 200%;
background_: linear-gradient(-10deg,#fff 50%, #ddd); .s-content pre {
background: var(--bg); background: var(--axel_pre-background);
} }
.Columns__right__content {
background: var(--bg); /* FIX smaller fnt size in tables */
.s-content table {
font-size: 1em;
} }
/* ----- Navi left */ .s-content table th {
background: var(--axel-th-background);
}
.Nav a:hover{ .s-content h3 code {
border: none;
background: none; background: none;
color: var(--navlinkactive) !important;
} }
.Nav__item--active { article nav {
border-right_: 0.3em solid var(--navlinkactive); border-top: var(--axel-article-nav-border-top);
} margin: 8em 0 5em;
.Nav__item--active > a{
background: var(--bg-navlinkactive);
color: var(--navlinkactive);
}
.Nav .Nav .Nav__item--active a {
color: var(--navlinkactive);
}
.Nav .Nav .Nav__item a {
opacity: 1;
}
.Nav__item--open > a {
background-color: var(--bg);
} }
.Nav a[href*="__Welcome"]{ .Pager li>a {
background: url("/icons/house.png") no-repeat 10px 4px ; padding: 1em 2em;
padding-left: 40px;
} }
.Nav a[href*="__How_does_it_work"]{
background: url("/icons/light-bulb.png") no-repeat 10px 4px ;
padding-left: 40px;
}
/* ---------- classes ---------- */ /* ---------- classes ---------- */
.required {
color: #a42;
}
/* FIX smaller fnt size in tables */ .optional {
.s-content table { color: #888;
font-size: 1em;
} }
div.hero {
background: var(--axel_hero_bg);
border-radius: 2em;
padding: 5em 2em;
text-align: center;
margin-bottom: 1.5em;
}
/* TOC */ div.hero h2 {
@media(min-width:1700px){ color: var(--color-text);
.TableOfContentsContainer{ background: none;
border-bottom: var(--axel_h2-hero-bottom);
font-size: 300%;
margin: 0 0 2em;
}
/* ---------- TOC ---------- */
@media(min-width:1700px) {
.TableOfContentsContainer {
position: fixed; position: fixed;
right: 2em; right: 2em;
top: 1em; top: 1em;
} }
} }
.TableOfContentsContainer{ .TableOfContentsContainer {
border-top-left-radius: 1em; background-color: var(--axel_bg-toc);
background-color: var(--bg-toc); padding: 0.5em;
border-left: 2px solid rgba(0,0,0,0.05);
padding: 0em;
} }
.TableOfContentsContainer__content {
border: none; .s-content .TableOfContentsContainer h4 {
font-size: 0.5em; background-color: var(--axel_bg-toc-head);
border-top-left-radius: 1em;
font-size: 1.1em;
margin: 0;
padding: 0;
}
.TableOfContentsContainer__content {
border-width: 1px;
font-size: 0.5em;
} }
ul.TableOfContents ul{
list-style-type: none; ul.TableOfContents ul {
list-style-type: none;
padding-left: 1em; padding-left: 1em;
} }
.TableOfContentsContainer a{ color:var(--toclink);}
.TableOfContentsContainer__content > .TableOfContents > li + li { /* ----- Icons on links --- */
border-top: none;
}
.TableOfContentsContainer__content > .TableOfContents > li {
border-bottom: 1px dashed #ddd;
}
/* pager - prev .. next */ .EditOn a::before{
.s-content{ content: '✏️ ';
margin-bottom: 6em;
} }
.Pager{
__border-top: 1px dashed #aaa; .Links a[href^="https://github.com/"]::before {
margin: 0; padding: 1em; content: '🌐 ';
box-shadow: 0 -0.5em 1em #f8f8f8;
} }
.Pager li a{
color:var(--pagerlink); .Links a[href^="https://git-repo.iml.unibe.ch/"]::before {
border: 2px solid #f8f8f8; content: '🌐 ';
box-shadow: 0.3em 0.3em 0.5em #eee;
transition: all ease-in-out 0.3s;
} }
.Pager li a:hover{ .Links a[href^="https://os-docs.iml.unibe.ch"]::before {
border: 2px solid #fff; content: '📗 ';
box-shadow: 0.1em 0.1em 0.2em #eee;
} }
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment