cominfra
/
www2
8
0
Fork 0
Code Issues Pull Requests Actions Activity

template: body et titres

This commit is contained in:
Adrien Bourmault 2024-02-29 09:48:22 +01:00
parent f4ee19a9bd
commit 685d8828a7
Signed by: neox
GPG Key ID: 2974E1D5F25DFCC8
1 changed files with 80 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
template/styles.css
View File

@ -30,15 +30,18 @@
} }
body { body {
line-height: 1.5em; display: contents;
background-attachment: fixed; color: var(--a-lec_black);
background-image: url(../template/electronic.jpg); background: var(--a-lec_white);
background-position: 0 0; font-family: sans-serif;
font-size: 100%;
text-align: justify;
text-justify: auto;
background: var(--a-lec_white);
} }
/* Contains all website, after <body> */ /* Contains all website, after <body> */
div#site_container { div#site_container {}
}
/* div contains <article> and <aside> */ /* div contains <article> and <aside> */
main { main {
@ -50,18 +53,42 @@ main {
* Article contents styles * Article contents styles
*/ */
article#article { article#article {
padding: 10px 10px 10px 10px; display: flex;
margin: 0 25px;
} }
header#article_header {} header#article_header {}
img#article_logo {} img#article_logo {
h1#article_title {} display: inline;
vertical-align: middle;
max-width: 100%;
height: auto;
float: left;
margin-right: 1rem;
}
h1#article_title {
font-size: 150%;
margin-top: 30px;
margin-bottom: 40px;
}
a#article_title_link {} a#article_title_link {}
div#article_refs {} div#article_refs {
display: block;
background-color: var(--a-lec_yellow);
position: relative;
text-align: left;
float: right;
top: -10px;
padding: 5px;
font-size: 82%;
}
a#post_code {} a#post_code {}
/* ! TOC */ /* ! TOC */
h2.toc_title {} h2.toc_title {
font-size: 100%;
color: #808080;
}
nav.toc {} nav.toc {}
ul.toc_items {} ul.toc_items {}
li.toc_item {} li.toc_item {}
@ -73,21 +100,50 @@ a.toc_item_link {}
* Order title show id="toc_1", id="toc_2".... for h2 to h6 * Order title show id="toc_1", id="toc_2".... for h2 to h6
* h2 to h6 class set to css DOMAIN (default "tyto") * h2 to h6 class set to css DOMAIN (default "tyto")
*/ */
h2.tyto {} h2.tyto {
h3.tyto {} font-size: 130%;
h4.tyto {} margin-top: 30px;
h5.tyto {} margin-bottom: 15px;
h6.tyto {} color: #454545;
}
h3.tyto {
font-size: 110%;
margin-top: 30px;
margin-bottom: 15px;
color: #505050;
}
h4.tyto {
font-size: 100%;
color: #606060;
}
h5.tyto {
font-size: 100%;
color: #707070;
}
h6.tyto {
font-size: 100%;
color: #808080;
}
/* Misc in <article> /* Misc in <article>
* ----------------- * -----------------
* "tyto" is default css DOMAIN. * "tyto" is default css DOMAIN.
* Class can be set for these markers * Class can be set for these markers
*/ */
p.tyto {} p.tyto {
ul.tyto {} display: block;
ol.tyto {} margin-top: 10px;
li.tyto {} margin-bottom: 10px;
}
ul.tyto {
line-height: 24px;
}
ol.tyto {
line-height: 24px;
}
li.tyto {
padding: 3px 0;
}
/* /*
* Words tags * Words tags
@ -176,6 +232,10 @@ code.bcode_code {}
a#site_link {} a#site_link {}
header#header { header#header {
background-attachment: fixed;
background-image: url(../template/electronic.jpg);
background-position: 0 0;
margin-top: 0px;
display: flex; display: flex;
place-content: baseline center; place-content: baseline center;
} }