From a9fb6e85eae3cf5e5cd0a49233f49b7ecc8133c6 Mon Sep 17 00:00:00 2001 From: Lars Wirzenius Date: Sat, 24 Jul 2021 10:46:30 +0300 Subject: add styling from ikiwiki-style Sponsored-by: author --- style.css | 154 +++++++++++++++++++++++++++++++++++++++++++++ templates/archivepage.tmpl | 19 ++++++ templates/atomitem.tmpl | 49 +++++++++++++++ templates/atompage.tmpl | 39 ++++++++++++ templates/feedlink.tmpl | 8 +++ templates/inlinepage.tmpl | 78 +++++++++++++++++++++++ templates/page.tmpl | 52 +++++++++++++++ templates/rssitem.tmpl | 28 +++++++++ templates/rsspage.tmpl | 18 ++++++ templates/titlepage.tmpl | 7 +++ 10 files changed, 452 insertions(+) create mode 100644 style.css create mode 100644 templates/archivepage.tmpl create mode 100644 templates/atomitem.tmpl create mode 100644 templates/atompage.tmpl create mode 100644 templates/feedlink.tmpl create mode 100644 templates/inlinepage.tmpl create mode 100644 templates/page.tmpl create mode 100644 templates/rssitem.tmpl create mode 100644 templates/rsspage.tmpl create mode 100644 templates/titlepage.tmpl diff --git a/style.css b/style.css new file mode 100644 index 0000000..b905050 --- /dev/null +++ b/style.css @@ -0,0 +1,154 @@ +html { + background: white; + font-family: serif; + margin-left: 3em; + margin-right: 2em; + margin-top: 2em; +} + +body { + display: grid; + grid-template-columns: 1em auto 2em; +} + +.page { + grid-column-start: 2; + grid-column-end: 3; + max-width: 60em; +} + +h1, h2, h3, h4, h5, h6 { + font-family: sans-serif; + font-weight: bold; + margin-top: 2em; +} + +h1 { + font-size: 150%; +} + +h2 { + font-size: 120%; +} + +h3 { + font-size: 100%; +} + +ul li, ol li { + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +div.pageheader { + font-family: monospace; + margin-bottom: 2em; +} + +.pageheader span.title { + display: block; + font-size: 200%; + font-weight: bold; + font-family: sans-serif; + margin-top: 0.5em; +} + +div#pagebody { +} + +div.pagefooter { + font-family: monospace; + margin-top: 3em; +} + +span.date, .pagedate { + font-family: monospace; +} + +.tags { + font-family: monospace; +} + +.inlineheader { + display: block; + font-family: sans-serif; + font-size: 150%; + font-weight: bold; +} + +.inlinepage { + margin-top: 3em; + margin-bottom: 3em; +} + +.inlinefooter { + font-family: monospace; +} + +.float_right { + float: right; + margin-left: 1em; + margin-bottom: 1em; +} + +span.archivepagedate { + font-family: monospace; +} + +/* orange feed button */ +.feedbutton { + background: #ff6600; + color: white !important; + border-left: 1px solid #cc9966; + border-top: 1px solid #ccaa99; + border-right: 1px solid #993300; + border-bottom: 1px solid #331100; + padding: 0px 0.5em 0px 0.5em; + font-family: sans-serif; + font-weight: bold; + font-size: small; + text-decoration: none; + margin-top: 1em; +} +.feedbutton:hover { + color: white !important; + background: #ff9900; +} + +div.wisdom { + margin-left: 100px; + margin-bottom: 50px; + padding-bottom: 0; + border-bottom: 0; + +} + +div.wisdom p.quote { + font-size: 200%; + margin-bottom: 0; + padding-bottom: 0; + border-bottom: 0; +} + +.smallestPC { font-size: 80%; } +.smallPC { font-size: 100%; } +.normalPC { font-size: 120%; } +.bigPC { font-size: 150%; } +.biggestPC { font-size: 200%; } + + +table { + border: 0px; + width: 100%; +} + +th { + font-weight: bold; +} + +tr { +} + +tr:nth-child(even) { + background-color: #f2f2f2; +} diff --git a/templates/archivepage.tmpl b/templates/archivepage.tmpl new file mode 100644 index 0000000..3e0bd9b --- /dev/null +++ b/templates/archivepage.tmpl @@ -0,0 +1,19 @@ +
+ +
+ +
+ + +Posted + +by + + + + + + + + +
diff --git a/templates/atomitem.tmpl b/templates/atomitem.tmpl new file mode 100644 index 0000000..9b056e0 --- /dev/null +++ b/templates/atomitem.tmpl @@ -0,0 +1,49 @@ + + <TMPL_VAR TITLE> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/templates/atompage.tmpl b/templates/atompage.tmpl new file mode 100644 index 0000000..3cdd71d --- /dev/null +++ b/templates/atompage.tmpl @@ -0,0 +1,39 @@ + + + +<TMPL_VAR TITLE> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ikiwiki + + + diff --git a/templates/feedlink.tmpl b/templates/feedlink.tmpl new file mode 100644 index 0000000..c67ad9c --- /dev/null +++ b/templates/feedlink.tmpl @@ -0,0 +1,8 @@ +
id="" class="feedlink"> + +RSS + + +Atom + +
diff --git a/templates/inlinepage.tmpl b/templates/inlinepage.tmpl new file mode 100644 index 0000000..37d7e48 --- /dev/null +++ b/templates/inlinepage.tmpl @@ -0,0 +1,78 @@ +
+ +
+ + + + + + + + + +
+ + + + + +
 +
+ +
+ +
 + + +
 + + +
+ + +Posted + + + + + + + +
+ +
+ + + +
+License: +
+ + + +
+ + +
 + +
 diff --git a/templates/page.tmpl b/templates/page.tmpl new file mode 100644 index 0000000..d3ef033 --- /dev/null +++ b/templates/page.tmpl @@ -0,0 +1,52 @@ + + + + + <TMPL_VAR TITLE> + + + + +
+
+
+ + + + → + + + + + + + + + +
+
+ + + + + +
+
+ +
+
+ +
+ + diff --git a/templates/rssitem.tmpl b/templates/rssitem.tmpl new file mode 100644 index 0000000..bb03ca5 --- /dev/null +++ b/templates/rssitem.tmpl @@ -0,0 +1,28 @@ + + <TMPL_VAR TITLE> + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/templates/rsspage.tmpl b/templates/rsspage.tmpl new file mode 100644 index 0000000..d07ecef --- /dev/null +++ b/templates/rsspage.tmpl @@ -0,0 +1,18 @@ + + + +<TMPL_VAR TITLE> + + + + + + +ikiwiki + + + + diff --git a/templates/titlepage.tmpl b/templates/titlepage.tmpl new file mode 100644 index 0000000..6326bab --- /dev/null +++ b/templates/titlepage.tmpl @@ -0,0 +1,7 @@ +

+ + + + + +

-- cgit v1.2.1