2.6 KiB

Raw Blame History

CSS Classes and IDs

xxx is your choosen CSS acronym for your DOMAIN Note: if "myclass" or "myID" is not defined, class or ID is not used

Legacy HTML

body

myID is set in article with css: myID TYPE is set in article with type: page|post

body: xxx_TYPE myID

Article Content

Metas (author, date...)

Titles h1-h6

X is 1 to 6

xxx_title xxx_title-X

div between titles

X is 1 to 6 from current title

xxx_content xxx_content-hX

Between markers (code, emphasis, strong...)

bold: xxx_bold
strong: xxx_strong
emphasis: xxx_em
cross: xxx_cross (span)
inline code: xxx_icode
del: xxx_del

Paragraphs

myclass is the content value used (i.e.( myclass)

xxx_p myclass

Links from file

xxx_link-file
xxx_link-file xxx_link-file-window (if "+" for target)

Image and image link

myclass is from content marker (i.e. _image:1:myclass:90:90:+)

link: xxx_image-link myclass
img: xxx_image xxx_image-(left,right,cente)
- If myclass replace xxx_image-(left...) by myclass

pre-codes from source file

X is the NAME/NBR registred in header

pre: xxx_code-block xxx_code-block-X
span line: xxx_code-line
span content: xxx_code-content
div after pre: xxx_code-p
link source: xxx_code-link

Liste (ol | ul | li)

X is the item mark nbr (i.e. "+++" = 3, "=" = 1) myclass is the registred value after << (i.e. << myclass). Only used at the begining bloc.

ol: xxx_list xxx_list-ol xxx_myclass xxx_myclass-ol
ul: xxx_list xxx_list-ul xxx_myclass xxx_myclass-ul
li: a-lec_li a-lec_li-X

Quotes

myclass is the registred value after "---" (i.e. --- myclass) myclass is used on

<blockquote> (if no "_cite")
- blockquote: xxx_quote myclass
<figure> if "_cite"
- figure: xxx_quote-fig myclass

Write a code in line

If you want to use "..." in an inline-code, replace it with $(...)

Sidebar Content

aside: xxx_sidebar
- div: xxx__wrapper
- - nav: xxx_latest-posts
- - - h1: xxx_latest-posts
- - - ul: xxx_latest-posts
- - - - li: xxx_list-post-item
- - - - a: xxx_list-post-link
- - - - span: xxx_list-post-title
- - - - div: xxx__list-post-metas
- - - - div: xxx__list-post-info

Header content

header: xxx_banner
- div: xxx_site-logo
- div: xxx_site-title
- - h1: xxx_site-name
- - h2: xxx_site-description

Footer content

footer: xxx_footer (ID)
- div: xxx_footer-infos (ID)
- div: xxx_footer-about (ID)

2.6 KiB Raw Blame History