diff options
author | Gyorgy Orban <o.gyorgy@gmail.com> | 2020-01-12 00:27:14 +0300 |
---|---|---|
committer | Gyorgy Orban <o.gyorgy@gmail.com> | 2020-01-12 02:26:43 +0300 |
commit | ded87b9583f43878f677568dc8149deb60fbbf6a (patch) | |
tree | 1154b65076c87b1e650fa4bf921f29d61e4b8a43 /static | |
parent | 5c7a69ce71cad91d3571e3f000e9b2e10b6348a2 (diff) |
show post categories and series
post categories and series are shown under each post
and in the post list
Diffstat (limited to 'static')
-rw-r--r-- | static/css/default-dark.css | 13 | ||||
-rw-r--r-- | static/css/layout.css | 85 |
2 files changed, 88 insertions, 10 deletions
diff --git a/static/css/default-dark.css b/static/css/default-dark.css index 68b9186..e04f0b5 100644 --- a/static/css/default-dark.css +++ b/static/css/default-dark.css @@ -63,7 +63,9 @@ th { background: #101010; } .post { background: #202020; - border: 1px solid #303030; + border-left: 1px solid #303030; + border-right: 1px solid #303030; + border-top: 1px solid #303030; border-radius: 0.2em; box-shadow: 0 1px 2px 0 #000000, 0 2px 5px 0 #000000; } @@ -97,6 +99,15 @@ th { background: #101010; } color: var(--main-sec); } +.post-footer-data { + background-color: #101010; + border-bottom: 1px solid #303030; +} + +.post-footer hr { + color: #303030; +} + .content-item { background: #202020; border: 1px solid #303030; diff --git a/static/css/layout.css b/static/css/layout.css index 850c2ea..93c08a0 100644 --- a/static/css/layout.css +++ b/static/css/layout.css @@ -182,22 +182,39 @@ th, td { .post-footer-data { display: -webkit-flex; -webkit-flex-direction: column; - -webkit-align-items: flex-end; + -webkit-align-items: flex-start; display: flex; flex-direction: column; - align-items: flex-end; + align-items: flex-start; + padding: 1em; +} - margin: 1em; +.post-footer hr { + width: 100%; } .post-footer-data .date { font-weight: bold; - font-size: 0.9em; + text-align: right; + padding-top: 0.2em; + padding-bottom: 0.2em; } -.post-footer-data .tags { +.post-footer-data .tag { font-weight: bold; - font-size: 0.9em; +} + +.post-footer-data .categories { + padding-top: 0.5em; +} + +.post-footer-data .category { + font-weight: bold; +} + +.post-footer-data .series { + padding-top: 0.5em; + padding-bottom: 0.5em; } .content-item { @@ -211,12 +228,33 @@ th, td { display: -webkit-flex; display:flex; flex-wrap: wrap; - justify-content: space-between; + flex-direction: column; + font-size: 0.7em; } .content-item .tags { - margin-bottom: 0.2em; - font-size: 0.7em; + margin-bottom: 0.3em; + font-weight: bold; +} + +.content-item .categories { + margin-top: 0.3em; + margin-bottom: 0.3em; +} + +.content-item .category { + font-weight: bold; + display: inline-block; +} + +.content-item .series { + margin-top: 0.3em; + margin-bottom: 0.3em; +} + +.content-item .series-name { + font-weight: bold; + display: inline-block; } .content-item .date { @@ -335,6 +373,29 @@ th, td { margin: 0em; } +.post-list .date { + margin: 0em; + font-size: 0.9em; +} + +.post-footer-data .category { + font-weight: bold; + display: inline-block; +} + +.post-footer-data .category a { + text-decoration: none; +} + +.post-footer-data .series-name { + display: inline-block; +} + +.post-footer-data .series-name a { + font-weight: bold; + text-decoration: none; +} + .tag { display: inline-block; } @@ -397,6 +458,12 @@ th, td { text-align: left; } +.post-preview .categories { + font-weight: bold; + text-align: left; + display: inline-block; +} + .rmore { margin-top: 0.5em; white-space:nowrap; |