# 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
- xxx_link
- xxx_link xxx_link-window (if "+" for target)

### 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)