From f2ef845bb1d5ee39cfa995aa9d1e3b29f08d9b3b Mon Sep 17 00:00:00 2001 From: Will Faught Date: Thu, 16 Mar 2023 01:23:14 -0700 Subject: [PATCH] Update extend section --- README.md | 168 +++++++++++++++++++++++++++++++++++------------------- 1 file changed, 110 insertions(+), 58 deletions(-) diff --git a/README.md b/README.md index eeab9167..5af08de2 100644 --- a/README.md +++ b/README.md @@ -744,81 +744,133 @@ then replace that use of `paige/metadata.html` with your own design. ### Extend -Use these CSS selectors to extend the default styling: +Use CSS selectors to extend the default styling. + +Page identifiers: + +
+
#paige-authors
+
The authors.
+
#paige-comments
+
The comments.
+
#paige-content
+
The content.
+
#paige-copyright
+
The copyright.
+
#paige-credit
+
The credit.
+
#paige-date
+
The date.
+
#paige-description
+
The description.
+
#paige-footer
+
The footer.
+
#paige-header
+
The header.
+
#paige-main
+
The main.
+
#paige-pages
+
The sub-page list in the section and term layouts.
+
#paige-pagination
+
The sub-page pagination links in the section and term layouts.
+
#paige-reading-time
+
The reading time.
+
#paige-root
+
The outermost element in the body.
+
#paige-series
+
The series.
+
#paige-terms
+
The terms.
+
#paige-title
+
The title.
+
#paige-toc
+
The table of contents.
+
+ +Page and sub-page classes:
.paige-article
-
The page article.
+
The article.
.paige-authors
-
The page authors.
+
The authors.
.paige-content
-
The page content.
+
The content.
.paige-date
-
The page date.
+
The date.
.paige-date-header
-
The date headers in list and term layouts.
+
The date headers.
.paige-description
-
The page description.
-
.paige-draft
-
Applied to the title of draft pages in the list and term layouts.
-
.paige-expired
-
Applied to the title of expired pages in the list and term layouts.
-
.paige-future
-
Applied to the title of future pages in the list and term layouts.
-
.paige-home
-
Appears with .paige-article for a page with kind "home".
+
The description.
.paige-metadata
-
The page metadata section.
-
.paige-modified
-
Applied to the title of modified pages in the list and term layouts.
+
The metadata.
.paige-page
-
A page in the pages in the list and term layouts.
-
.paige-published
-
Applied to the title of published pages in the list and term layouts.
-
.paige-quote
-
On the root element of the `paige/quote` shortcode.
-
.paige-section
-
Appears with .paige-article for a page with kind "section".
-
.paige-single
-
Appears with .paige-article for a page with kind "page".
+
A sub-page.
.paige-summary
-
The page summary.
+
The summary.
.paige-reading-time
-
The page reading time.
-
.paige-taxonomy
-
Appears with .paige-article for a page with kind "taxonomy".
+
The reading time.
+
.paige-series
+
The series.
.paige-term
-
Appears with .paige-article for a page with kind "term".
-
.paige-term
-
A page term.
+
A term.
.paige-terms
-
The page terms.
+
The terms.
.paige-title
-
The page title.
+
The title.
.paige-toc
-
The page table of contents.
+
The table of contents.
+
+ +Kind classes: + +
+
.paige-home
+
The container element of pages with kind "home".
+
.paige-section
+
The container element of pages with kind "section".
+
.paige-single
+
The container element of pages with kind "page".
+
.paige-taxonomy
+
The container element of pages with kind "taxonomy".
+
.paige-term
+
The container element of pages with kind "term".
+
+ +Status classes: + +
+
.paige-draft
+
The container element of draft pages.
+
.paige-expired
+
The container element of expired pages.
+
.paige-future
+
The container element of future pages.
+
.paige-modified
+
The container element of modified pages.
+
.paige-published
+
The container element of published pages.
.paige-unpublished
-
Applied to the title of unpublished (draft, expired, future) pages in the list and term layouts.
-
#paige-comments
-
The comments below the article.
-
#paige-copyright
-
The copyright in the footer.
-
#paige-credit
-
The credit in the footer.
-
#paige-footer
-
The footer element in the container.
-
#paige-header
-
The header element in the container.
-
#paige-main
-
The main element in the container.
-
#paige-pages
-
The page list in the list and term layouts.
-
#paige-pagination
-
The pagination links in the list and term layouts.
-
#paige-root
-
The outermost element in the body.
-
#paige-series
-
The page series.
+
The container element of unpublished pages.
+
+ +Shortcode classes: + +
+
.paige-code
+
The container element of paige/code shortcodes.
+
.paige-figure
+
The container element of paige/figure shortcodes.
+
.paige-gallery
+
The container element of paige/gallery shortcodes.
+
.paige-image
+
The container element of paige/image shortcodes.
+
.paige-quote
+
The container element of paige/quote shortcodes.
+
.paige-vimeo
+
The container element of paige/vimeo shortcodes.
+
.paige-youtube
+
The container element of paige/youtube shortcodes.
If you hide `#paige-credit`, please credit this project in a post to help others find it.