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:
parent
21f59ef09b
commit
4ff71b39a1
2 changed files with 28 additions and 6 deletions
|
@ -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": []
|
||||
},
|
||||
|
|
|
@ -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; }
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue