sbrl-github/Pepperminty-Wiki
sbrl-github/Pepperminty-Wiki
1
0
Fork 0
mirror of https://github.com/sbrl/Pepperminty-Wiki.git synced 2024-11-22 16:33:00 +00:00
Code Activity

Further refinements to the new photo theme

Browse source
This commit is contained in:
Starbeamrainbowlabs 2019-11-10 17:20:13 +00:00
parent 21f59ef09b
commit 4ff71b39a1
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
2 changed files with 28 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
module_index.json
View file

@ -222,10 +222,10 @@
{ {
"id": "page-edit", "id": "page-edit",
"name": "Page editor", "name": "Page editor",
"version": "0.17.5", "version": "0.17.6",
"author": "Starbeamrainbowlabs", "author": "Starbeamrainbowlabs",
"description": "Allows you to edit pages by adding the edit and save actions. You should probably include this one.", "description": "Allows you to edit pages by adding the edit and save actions. You should probably include this one.",
"lastupdate": 1568296731, "lastupdate": 1573400642,
"optional": false, "optional": false,
"extra_data": { "extra_data": {
"diff.min.js": "https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jsdiff\/2.2.2\/diff.min.js" "diff.min.js": "https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jsdiff\/2.2.2\/diff.min.js"
@ -244,10 +244,10 @@
{ {
"id": "page-help", "id": "page-help",
"name": "Help page", "name": "Help page",
"version": "0.10", "version": "0.10.1",
"author": "Starbeamrainbowlabs", "author": "Starbeamrainbowlabs",
"description": "Adds a rather useful help page. Access through the 'help' action. This module also exposes help content added to Pepperminty Wiki's inbuilt invisible help section system.", "description": "Adds a rather useful help page. Access through the 'help' action. This module also exposes help content added to Pepperminty Wiki's inbuilt invisible help section system.",
"lastupdate": 1568296731, "lastupdate": 1573400569,
"optional": false, "optional": false,
"extra_data": [] "extra_data": []
}, },

26
themes/photo/theme.css
View file

@ -7,9 +7,23 @@
* @minversion v0.20 * @minversion v0.20
*/ */
/*
To use this theme, copy the following into your custom css;
:root { :root {
--image-url: url("https://imgur.com/NSIDIeo.jpg");
--bg-colour: hsl(20, 66%, 44%); --bg-colour: hsl(20, 66%, 44%);
--image-url: url("https://i.imgur.com/NSIDIeo.jpg"); }
....changing URL to point to an image (can be absolute or relative), and the background colour to a colour that will be displayed behind the image. It works best if the image has relatively plain bottom edge, as then it blends with the background colour better.
*/
:root {
/* --bg-colour: hsl(20, 66%, 44%); */
/* --image-url: url("https://i.imgur.com/NSIDIeo.jpg"); */
--image-url: url("https://imgur.com/6KfDsYS.png");
--bg-colour: #34243D;
--bg-a: hsla(0, 0%, 95%, 0.5); --bg-a: hsla(0, 0%, 95%, 0.5);
--bg-b: hsla(0, 0%, 95%, 0.8); --bg-b: hsla(0, 0%, 95%, 0.8);
@ -30,6 +44,7 @@
html, body { font-size: 100%; } html, body { font-size: 100%; }
body { body {
margin: 0;
display: grid; display: grid;
grid-template-columns: 1fr 4fr 1fr; grid-template-columns: 1fr 4fr 1fr;
grid-template-rows: repeat(6, auto); grid-template-rows: repeat(6, auto);
@ -109,7 +124,7 @@ textarea, #tags, #search-box {
textarea, input:not([type=submit]):not([type=button]) { textarea, input:not([type=submit]):not([type=button]) {
font-family: "Ubuntu", sans-serif; font-family: "Ubuntu", sans-serif;
font-weight: light; /* font-weight: light; */
font-size: 1.1em; font-size: 1.1em;
background: var(--bg-b); background: var(--bg-b);
@ -183,3 +198,10 @@ figure > .avatar, .avatar ~ figcaption { display: inline-block; }
footer { grid-area: footer; } footer { grid-area: footer; }
@media (max-width: 640px) {
body { grid-template-columns: 1fr 16fr 1fr; }
nav { flex-direction: column !important; }
nav > span { padding: 0.5em; }
}