www2/template/styles.css

153 lines
2.8 KiB
CSS
Raw Normal View History

2024-02-28 12:31:36 +01:00
/*
* Raw empty styles used by Tyto - Littérateur
* "tyto" is default. replace with YOUR domain css name if changed
* Some classes from markers, like paragraphs, lists... can have custom classes
*/
/* ----------------------------------------------------------------------------
* Template website
*/
/* Contains all website, after <body> */
div#site_container {}
/* div contains <article> and <aside> */
main#article_aside {}
/* ----------------------------------------------------------------------------
* Article contents styles
*/
article#article {}
header#article_header {}
img#article_logo {}
h1#article_title {}
a#article_title_link {}
div#article_refs {}
a#post_code {}
/* ! TOC */
h2.toc_title {}
nav.toc {}
ul.toc_items {}
li.toc_item {}
/*Also css from DOMAIN*/
a.toc_item_link {}
/* TITLES
* ------
* Order title show id="toc_1", id="toc_2".... for h2 to h6
* h2 to h6 class set to css DOMAIN (default "tyto")
*/
h2.tyto {}
h3.tyto {}
h4.tyto {}
h5.tyto {}
h6.tyto {}
/* Misc in <article>
* -----------------
* "tyto" is default css DOMAIN.
* Class can be set for these markers
*/
p.tyto {}
ul.tyto {}
ol.tyto {}
li.tyto {}
/*
* Words tags
*/
a.tyto {}
/* link to a file. Also a.tyto */
a.file {}
br.tyto {}
hr.tyto {}
strong.tyto {}
bold.tyto {}
q.tyto {}
cite.tyto {}
u.tyto {}
em.tyto {}
i.tyto {}
del.tyto {}
span.tyto {}
/* inline code*/
code.tyto {}
/*
* Blockquotes
*/
blockquote.tyto {}
/* If blockquote has metadatas, footer.tyto also gets new custom CSS */
footer.tyto {}
/* BlockCode "{{...}}"
* - defaylt "bcode". If Class set: "bcode" is replaced. i.e pre.MYCSS_pre
* "code::NAME" (file contents) -> "::NAME"
* - NO custom CSS
*/
pre.bcode_pre {}
ol.bcode_items {}
li.bcode_item {}
code.bcode_code {}
/* ----------------------------------------------------------------------------
* Header (Wensite Logo, Description)
*/
a#site_link {}
header#header {}
div#header_logo {}
img#header_logo_image {}
div#header_abouts {}
p#header_title {}
p#header_about {}
/* ----------------------------------------------------------------------------
* Menu navbar (Website)
*/
nav#menu {}
menu#menu_items {}
li.menu_item {}
a.menu_link {}
/* ----------------------------------------------------------------------------
* Sidebar navbar (Website)
*/
aside#sidebar {}
div#sidebar_title {}
nav#sidebar_menu {}
ul#sidebar_items {}
li.sidebar_item {}
div.sidebar_post_title {}
a.sidebar_post_link {}
div.sidebar_post_about {}
p.sidebar_post_about_p {}
/* ============================================================================
* Footer (Website)
*/
footer#footer {}
div#footer_title {}
div#footer_about_menu {}
div#footer_about {}
p#footer_about_p {}
nav#footer_menu {}
ul#footer_items {}
li.footer_item {}
a.footer_item_link {}
div#footer_credit {}
p#footer_copyright {}
p#footer_tyto {}
a.footer_cr_link {}