Archives/Athou_commafeed
1
0
Fork 1
mirror of https://github.com/Athou/commafeed.git synced 2026-03-21 21:37:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

reformat table

Browse Source
This commit is contained in:
Athou
2025-10-02 22:02:28 +02:00
parent 297c76006a
commit f3a574d05c
1 changed files with 33 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
documentation/CUSTOMCSS.md
View File

@@ -77,15 +77,14 @@ The table below shows some elements of the CommaFeed main page that are useful f
article {background-color: lightblue;}
```
|Element Name|Element Description|
|---|---|
|main|The entire web page|
|header|The header area (logo and toolbar)|
|nav|The entire sidebar|
|footer|The footer area at the bottom of the page|
|article|Entire feed entry|
|h3, h2, h1|HTML headers|
| Element Name | Element Description |
|--------------|-------------------------------------------|
| main | The entire web page |
| header | The header area (logo and toolbar) |
| nav | The entire sidebar |
| footer | The footer area at the bottom of the page |
| article | Entire feed entry |
| h3, h2, h1 | HTML headers |
## CommaFeed Class Names
The table below shows the CommaFeed specific class names. To reference a class name in a CSS rule, use a leading period. For example:
@@ -94,28 +93,28 @@ The table below shows the CommaFeed specific class names. To reference a class
.cf-header {background-color: lightblue;}
```
|Class Name|Element Description|
|---|---|
|cf-logo-title|The CommaFeed logo and title in upper left of page|
|cf-logo|The CommaFeed logo|
|cf-title|The CommaFeed title|
|cf-toolbar|The entire toolbar of action buttons at the top of the page|
|cf-action-button|Each button within the toolbar. (Note: also used in feed entry footer.)|
|cf-treesearch|The search box at the top of the sidebar|
|cf-tree|The entire feed tree in the sidebar|
|cf-treenode|All nodes in the feed tree|
|cf-treenode-category|Category nodes in the feed tree|
|cf-treenode-feed|Feed nodes in the feed tree|
|cf-treenode-icon|Icon within feed nodes|
|cf-treenode-unread-count|Unread count within feed nodes|
|cf-badge|The badge for the unread count|
|cf-entries-title|Title of feed currently displayed in the content area|
|cf-entries|All of the feed entries being displayed in the content area|
|cf-header|The header of a feed entry|
|cf-header-title|The first line in the header of a feed entry (the entry title)|
|cf-header-subtitle|The second line in the header of a feed entry (feed name and time of entry)|
|cf-header-details|The third line in the header of a feed entry (typically author, subject, etc.)|
|cf-content|The content (body) of a feed entry|
|cf-footer-divider|The divider between the feed entry content and the feed entry footer|
|cf-footer|The feed entry footer (buttons to share, star, etc.)|
|cf-action-button|Each button within the feed entry footer. (note: also used in toolbar.)|
| Class Name | Element Description |
|--------------------------|--------------------------------------------------------------------------------|
| cf-logo-title | The CommaFeed logo and title in upper left of page |
| cf-logo | The CommaFeed logo |
| cf-title | The CommaFeed title |
| cf-toolbar | The entire toolbar of action buttons at the top of the page |
| cf-action-button | Each button within the toolbar. (Note: also used in feed entry footer.) |
| cf-treesearch | The search box at the top of the sidebar |
| cf-tree | The entire feed tree in the sidebar |
| cf-treenode | All nodes in the feed tree |
| cf-treenode-category | Category nodes in the feed tree |
| cf-treenode-feed | Feed nodes in the feed tree |
| cf-treenode-icon | Icon within feed nodes |
| cf-treenode-unread-count | Unread count within feed nodes |
| cf-badge | The badge for the unread count |
| cf-entries-title | Title of feed currently displayed in the content area |
| cf-entries | All of the feed entries being displayed in the content area |
| cf-header | The header of a feed entry |
| cf-header-title | The first line in the header of a feed entry (the entry title) |
| cf-header-subtitle | The second line in the header of a feed entry (feed name and time of entry) |
| cf-header-details | The third line in the header of a feed entry (typically author, subject, etc.) |
| cf-content | The content (body) of a feed entry |
| cf-footer-divider | The divider between the feed entry content and the feed entry footer |
| cf-footer | The feed entry footer (buttons to share, star, etc.) |
| cf-action-button | Each button within the feed entry footer. (note: also used in toolbar.) |