1
0
Fork 0
mirror of https://github.com/sbrl/Pepperminty-Wiki.git synced 2024-12-22 13:45:02 +00:00

Further refinements to the new photo theme

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

View file

@ -222,10 +222,10 @@
{
"id": "page-edit",
"name": "Page editor",
"version": "0.17.5",
"version": "0.17.6",
"author": "Starbeamrainbowlabs",
"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,
"extra_data": {
"diff.min.js": "https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jsdiff\/2.2.2\/diff.min.js"
@ -244,10 +244,10 @@
{
"id": "page-help",
"name": "Help page",
"version": "0.10",
"version": "0.10.1",
"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.",
"lastupdate": 1568296731,
"lastupdate": 1573400569,
"optional": false,
"extra_data": []
},

View file

@ -7,9 +7,23 @@
* @minversion v0.20
*/
/*
To use this theme, copy the following into your custom css;
:root {
--image-url: url("https://imgur.com/NSIDIeo.jpg");
--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-b: hsla(0, 0%, 95%, 0.8);
@ -30,6 +44,7 @@
html, body { font-size: 100%; }
body {
margin: 0;
display: grid;
grid-template-columns: 1fr 4fr 1fr;
grid-template-rows: repeat(6, auto);
@ -109,7 +124,7 @@ textarea, #tags, #search-box {
textarea, input:not([type=submit]):not([type=button]) {
font-family: "Ubuntu", sans-serif;
font-weight: light;
/* font-weight: light; */
font-size: 1.1em;
background: var(--bg-b);
@ -183,3 +198,10 @@ figure > .avatar, .avatar ~ figcaption { display: inline-block; }
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; }
}