2.6 KiB
2.6 KiB
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)