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

update doc style

parent f776ae32
No related branches found
No related tags found
1 merge request!1update doc style
Show whitespace changes
Inline Side-by-side
docs/config.json
+ 2
− 1
View file @ 4f21db91
...@@ -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 @ 4f21db91
/* /*
override css elements of daux.io blue theme
patch css elements of daux.io blue theme version 2022-11-30
*/ */
/* ---------- vars ---------- */
:root { :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;
}
/* background colors */ .dark {
--bg:none; /* Axels Overrides */
--bg-body: #fff; --color-text: #c0c0c0;
--bg-navlinkactive:#f4f4f4; --link-color: #b44;
--bg-navlinkactive: linear-gradient(-90deg,rgba(0,0,0,0), rgba(40,60,80,0.05) 30%); --brand-color: var(--color-text);
--bg-pre:linear-gradient(-4deg, #f0f0f0, #fefefe,#f0f0f0); --brand-background: var(--body-background);
--bg-toc: #fff; --hr-color: none;
--code-tag-background-color_: #bcc;
/* foreground colors */ --search-field-background: none;
--color: #234; --search-field-border-color: none;
--navlinkactive:#f33; --sidebar-background: var(--body-background);
--title: #aaa; --sidebar-border-color: none;
--sidebar-link-active-background: #333;
--link:#12a; /* Axels custom values */
--toclink:rgba(40,60,80,0.8); --axel_bg-toc: var(--body-background);
--pagerlink:rgba(40,60,80,0.8); --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;
}
--h1: rgba(40,60,80,0.8); /* ---------- left side ---------- */
--h1-bottom: 1px solid rgba(40,60,80,0.1); a.Brand::before {
--h2: rgba(40,60,80,0.5); background: var(--axel_brand-pre-background);
--h3: rgba(40,60,80,0.3); color: #fff;
font-family: arial;
font-weight: bold;
padding: 0.5em 0.3em;
content: 'IML';
margin-right: 0.4em;
float: left;
}
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 {
color: var(--color-text);
background: none;
border-bottom: var(--axel_h2-hero-bottom);
font-size: 300%;
margin: 0 0 2em;
}
/* ---------- TOC ---------- */
@media(min-width:1700px) { @media(min-width:1700px) {
.TableOfContentsContainer { .TableOfContentsContainer {
position: fixed; position: fixed;
...@@ -132,47 +226,42 @@ h1:nth-child(1)>a{ color:var(--navlinkactive); } ...@@ -132,47 +226,42 @@ h1:nth-child(1)>a{ color:var(--navlinkactive); }
} }
.TableOfContentsContainer { .TableOfContentsContainer {
background-color: var(--axel_bg-toc);
padding: 0.5em;
}
.s-content .TableOfContentsContainer h4 {
background-color: var(--axel_bg-toc-head);
border-top-left-radius: 1em; border-top-left-radius: 1em;
background-color: var(--bg-toc); font-size: 1.1em;
border-left: 2px solid rgba(0,0,0,0.05); margin: 0;
padding: 0em; padding: 0;
} }
.TableOfContentsContainer__content {
border: none; .TableOfContentsContainer__content {
border-width: 1px;
font-size: 0.5em; font-size: 0.5em;
} }
ul.TableOfContents ul { ul.TableOfContents ul {
list-style-type: none; 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