Initial commit
This commit is contained in:
Said Achmiz
commit
0648c98060
45
ReadMe.txt
Normal file
45
ReadMe.txt
Normal file
@ -0,0 +1,45 @@
|
||||
Name: Papyrus
|
||||
Version: 2019-01-28
|
||||
Description: Skin for PmWiki
|
||||
Author: Said Achmiz
|
||||
Contact: said@saidachmiz.net
|
||||
Copyright: Copyright 2019 Said Achmiz
|
||||
xhtml validation: Passed (http://validator.w3.org/)
|
||||
|
||||
Files:
|
||||
papyrus.tmpl - template file
|
||||
papyrus.css - style sheet
|
||||
papyrus.php - script file
|
||||
papyrus.jpg - papyrus background
|
||||
ReadMe.txt - this file
|
||||
|
||||
This skin is released under the GNU General Public License
|
||||
as published by the Free Software Foundation; either version
|
||||
2 of the License, or (at your option) any later version.
|
||||
|
||||
|
||||
Installation:
|
||||
1) Un-zip papyrus.zip into your skins directory
|
||||
2) Enable the papyrus skin in your config.php with:
|
||||
|
||||
$Skin = 'papyrus';
|
||||
|
||||
Changelog
|
||||
|
||||
v. 2019-01-28
|
||||
* Added support for (:notitlegroup:) and (:titlegroup:) directives
|
||||
* Various tweaks and bug fixes
|
||||
|
||||
v. 2019-01-27
|
||||
* Switched to date-based versioning
|
||||
* CSS file is plain CSS now, not .php
|
||||
* Unified mobile and desktop style sheets
|
||||
* Various improvements to layout, especially mobile
|
||||
|
||||
NOTE on upgrading from previous versions: the file 'papyrus-mobile.css' is no longer needed; you may delete it.
|
||||
|
||||
v. 0.2 2017-08-13
|
||||
* Papyrus now supports the following directives: (:noheader:), (:nofooter:), (:noaction:), (:notitle:), (:noright:)
|
||||
|
||||
v. 0.1 2017-08-13
|
||||
* original release
|
||||
442
papyrus.css
Normal file
442
papyrus.css
Normal file
@ -0,0 +1,442 @@
|
||||
/* PAPYRUS skin for PmWiki
|
||||
Copyright 2019 Said Achmiz
|
||||
|
||||
Version: 2019-01-28
|
||||
|
||||
More info at these URLs:
|
||||
|
||||
* https://www.pmwiki.org/wiki/Skins/Papyrus
|
||||
* https://www.pmwiki.org/wiki/Profiles/SaidAchmiz
|
||||
|
||||
The Papyrus skin includes:
|
||||
|
||||
* papyrus.css (this file)
|
||||
* papyrus.jpg (background pattern)
|
||||
* papyrus.tmpl (skin template)
|
||||
* papyrus.php (skin script file)
|
||||
* ReadMe.txt (instructions & info)
|
||||
*/
|
||||
|
||||
/***********/
|
||||
/* GENERAL */
|
||||
/***********/
|
||||
|
||||
:root {
|
||||
--papyrus-sidebar-width: 200px;
|
||||
--papyrus-sidebar-padding: 10px;
|
||||
--papyrus-content-padding: 20px;
|
||||
--papyrus-page-header-height: 50px;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*, *::before, *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
#main,
|
||||
#sidebar,
|
||||
#header {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
/**********/
|
||||
/* LAYOUT */
|
||||
/**********/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: grid;
|
||||
grid-template:
|
||||
var(--papyrus-page-header-height) 1fr /
|
||||
1fr var(--papyrus-sidebar-width);
|
||||
grid-template-areas:
|
||||
"header header"
|
||||
"main sidebar";
|
||||
|
||||
font-family: Verdana, Arial, sans-serif;
|
||||
background-color: Beige;
|
||||
background-image: url('papyrus.jpg');
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
:root {
|
||||
--papyrus-content-padding: 10px;
|
||||
}
|
||||
body {
|
||||
grid-template:
|
||||
auto 1fr auto /
|
||||
100%;
|
||||
grid-template-areas:
|
||||
"header"
|
||||
"main"
|
||||
"sidebar";
|
||||
}
|
||||
}
|
||||
|
||||
/*================*/
|
||||
/*= Main content =*/
|
||||
/*================*/
|
||||
|
||||
#main {
|
||||
grid-area: main;
|
||||
|
||||
padding: var(--papyrus-content-padding);
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
/*= Page title & group =*/
|
||||
|
||||
#pageTitle {
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#pageTitle a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*= Page footer =*/
|
||||
|
||||
#footer {
|
||||
margin: 30px 0 0 0;
|
||||
border-color: #ccc;
|
||||
border-style: dotted;
|
||||
border-width: 1px 0 0 0;
|
||||
padding: 1px 12px 0 0;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
#footer .page-actions {
|
||||
margin: 0 12px 0 1px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
#footer {
|
||||
border-width: 1px 0;
|
||||
padding: 2px 0;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
#footer .page-actions {
|
||||
text-align: center;
|
||||
margin: 2px;
|
||||
}
|
||||
#footer a {
|
||||
display: inline-block;
|
||||
padding: 5px 3px;
|
||||
}
|
||||
#footer a::before {
|
||||
content: "[ ";
|
||||
}
|
||||
#footer a::after {
|
||||
content: " ]";
|
||||
}
|
||||
}
|
||||
|
||||
/*= Wiki page text =*/
|
||||
|
||||
#wikitext {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
#wikitext p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
/*==========*/
|
||||
/*= Header =*/
|
||||
/*==========*/
|
||||
|
||||
#header {
|
||||
grid-area: header;
|
||||
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/*= Page logo =*/
|
||||
|
||||
#pageLogo {
|
||||
padding: 10px;
|
||||
}
|
||||
#pageLogo img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
/*= Page actions =*/
|
||||
|
||||
#pageActions {
|
||||
padding: 5px 10px 0 0;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
#pageActions ul {
|
||||
display: flex;
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
#pageActions li {
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
#header {
|
||||
border-bottom: 1px solid #ccc;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
#pageLogo {
|
||||
flex-basis: calc(var(--papyrus-page-header-height) + var(--papyrus-sidebar-width) + 10px);
|
||||
height: var(--papyrus-page-header-height);
|
||||
}
|
||||
#pageActions {
|
||||
align-self: center;
|
||||
padding: 10px;
|
||||
}
|
||||
#pageActions li {
|
||||
margin: 2px;
|
||||
}
|
||||
#pageActions a {
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
/*===========*/
|
||||
/*= Sidebar =*/
|
||||
/*===========*/
|
||||
|
||||
#sidebar {
|
||||
grid-area: sidebar;
|
||||
|
||||
padding: var(--papyrus-sidebar-padding);
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.sidehead,
|
||||
.sidehead a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#sidebar p {
|
||||
margin: 20px 2px 2px 2px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
#sidebar ul {
|
||||
list-style-type: none;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
#sidebar li {
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
#sidebar ul {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.8;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
#sidebar li {
|
||||
flex: 1 1 auto;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
}
|
||||
#sidebar li a {
|
||||
display: block;
|
||||
background-color: #c3571b;
|
||||
color: Beige;
|
||||
padding: 5px 8px;
|
||||
margin: 3px;
|
||||
}
|
||||
#sidebar ul li:only-child a {
|
||||
max-width: 50%;
|
||||
margin: 3px auto;
|
||||
}
|
||||
}
|
||||
|
||||
/*= Sidebar search box =*/
|
||||
|
||||
#sideSearch {
|
||||
margin: 20px 0 0 0;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
}
|
||||
#sideSearch .searchbox {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
#sideSearch .searchbutton {
|
||||
color: transparent;
|
||||
width: 2.5em;
|
||||
padding: 0;
|
||||
margin: 0 0 0 2px;
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAAAAAC4QtCeAAAAAnRSTlMA/1uRIrUAAABpSURBVHgBY/j//+7c2tq5d/8DAcP//TlgsB/EuZuXv+fjxz35efeBnElgMaD8FCCnLOcLiPMlpwyZU4yiDGLAwU+fDoIMQBidswvIAVlaXT23GsgDciDgfSeQB+P8/zkzZxWc8//vtc8AJiB5qbEm4UgAAAAASUVORK5CYII=');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
font-size: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
#sideSearch {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: var(--papyrus-page-header-height);
|
||||
height: var(--papyrus-page-header-height);
|
||||
padding: calc((var(--papyrus-page-header-height) - 1.5rem) / 2);
|
||||
margin: 0 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/*************/
|
||||
/* EDIT VIEW */
|
||||
/*************/
|
||||
|
||||
#wikiedit textarea {
|
||||
font-size: inherit;
|
||||
width: 100%;
|
||||
}
|
||||
#wikiedit textarea + p {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
#wikiedit textarea + p + p {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
#wikiedit textarea + p + p input[type='text'] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#wikiedit input[type='text'],
|
||||
#wikiedit input[type='submit'] {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
/*= GUIEdit buttons =*/
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
#wikiedit .guibuttons {
|
||||
margin: 0 0 4px 0;
|
||||
}
|
||||
#wikiedit .guibuttons a,
|
||||
#wikiedit .guibuttons > img {
|
||||
margin: 2px;
|
||||
padding: 6px;
|
||||
display: inline-block;
|
||||
vertical-align: text-bottom;
|
||||
border: 1px solid #ddd;
|
||||
background-color: #fff;
|
||||
}
|
||||
#wikiedit .buttons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
#wikiedit .buttons input {
|
||||
margin: 0 4px;
|
||||
}
|
||||
#wikiedit input {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
/**********/
|
||||
/* FRAMES */
|
||||
/**********/
|
||||
|
||||
.frame {
|
||||
border: 1px solid #cccccc;
|
||||
padding: 4px;
|
||||
background-color: #f9f9f9;
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
.lfloat {
|
||||
float: left;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.rfloat {
|
||||
float: right;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
/*********/
|
||||
/* LINKS */
|
||||
/*********/
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
color: #a74000;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
#wikitext a:visited {
|
||||
color: #765193;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
color: #e00004;
|
||||
}
|
||||
|
||||
a.createlinktext {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/*********/
|
||||
/* LISTS */
|
||||
/*********/
|
||||
|
||||
ul {
|
||||
list-style-type: square;
|
||||
margin: 0px 0px 10px 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
/********/
|
||||
/* MISC */
|
||||
/********/
|
||||
|
||||
hr {
|
||||
height: 0;
|
||||
border-width: 0;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.7em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.frame h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
input {
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-variant: inherit;
|
||||
}
|
||||
BIN
papyrus.jpg
Normal file
BIN
papyrus.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
54
papyrus.php
Normal file
54
papyrus.php
Normal file
@ -0,0 +1,54 @@
|
||||
<?php if (!defined('PmWiki')) exit();
|
||||
|
||||
/* PAPYRUS skin for PmWiki
|
||||
Copyright 2019 Said Achmiz
|
||||
|
||||
Version: 2019-01-28
|
||||
|
||||
More info at these URLs:
|
||||
|
||||
* https://www.pmwiki.org/wiki/Skins/Papyrus
|
||||
* https://www.pmwiki.org/wiki/Profiles/SaidAchmiz
|
||||
|
||||
The Papyrus skin includes:
|
||||
|
||||
* papyrus.php (skin script file)
|
||||
* papyrus.css (style sheet)
|
||||
* papyrus.jpg (background pattern)
|
||||
* papyrus.tmpl (skin template)
|
||||
* ReadMe.txt (instructions & info)
|
||||
*/
|
||||
|
||||
$filepath = "$SkinDir/papyrus.css";
|
||||
$path = "$SkinDirUrl/papyrus.css";
|
||||
|
||||
## Append the modification time to the URL as a GET parameter; this should be ignored
|
||||
## by the web server, but is seen as part of the unique URL of the remote resource by
|
||||
## the browser; when it changes (because the attachment has been modified), the
|
||||
## browser will see that it doesn’t have a cached version of the resource under the
|
||||
## new URL, and will retrieve the updated version.
|
||||
$versioned_path = $path . "?v=" . filemtime($filepath);
|
||||
|
||||
global $VersionedAssetsReattachFileExtension;
|
||||
if ($VersionedAssetsReattachFileExtension == true) {
|
||||
## Re-attach the file extension.
|
||||
preg_match("/\\.[^\\.]+$/", $path, $matches);
|
||||
$versioned_path .= $matches[0];
|
||||
}
|
||||
|
||||
global $HTMLHeaderFmt;
|
||||
$HTMLHeaderFmt[] = "<link rel='stylesheet' type='text/css' href='$versioned_path' />\n";
|
||||
|
||||
## Label the body element with a class indicating the current page action.
|
||||
global $HTMLFooterFmt, $action;
|
||||
$HTMLFooterFmt[] = "<script type='text/javascript'>document.querySelector('body').classList.add('action-{$action}');</script>";
|
||||
|
||||
## Enable the (:notitlegroup:) and (:titlegroup:) directives.
|
||||
Markup('notitlegroup', 'directives', '/\\(:notitlegroup:\\)/i', function ($m) {
|
||||
global $HTMLStylesFmt;
|
||||
$HTMLStylesFmt['papyrus-title-group'] = "#pageTitle .title-group { display: none; }";
|
||||
});
|
||||
Markup('titlegroup', 'directives', '/\\(:titlegroup:\\)/i', function ($m) {
|
||||
global $HTMLStylesFmt;
|
||||
$HTMLStylesFmt['papyrus-title-group'] = "";
|
||||
});
|
||||
68
papyrus.tmpl
Normal file
68
papyrus.tmpl
Normal file
@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" $HTMLTagAttr>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
||||
<title>$WikiTitle | {$Group} / {$Title} $ActionTitle</title>
|
||||
<!--HTMLHeader-->
|
||||
</head>
|
||||
<body>
|
||||
<div id="main">
|
||||
|
||||
<!--PageTitleFmt-->
|
||||
<div id="pageTitle">
|
||||
<span class='title-group'><a href='{$ScriptUrl}/{$Group}'>{$Group}</a> / </span>{$Title}
|
||||
</div>
|
||||
<!--/PageTitleFmt-->
|
||||
|
||||
<!--PageText-->
|
||||
|
||||
<!--PageFooterFmt-->
|
||||
<div id="footer">
|
||||
<div class='page-actions'>
|
||||
<a rel="nofollow" href="$PageUrl">$[View]</a>
|
||||
<a rel="nofollow" href='{$PageUrl}?action=edit'>$[Edit]</a>
|
||||
<a rel="nofollow" href='{$PageUrl}?action=attr'>$[Attributes]</a>
|
||||
<a rel="nofollow" href='{$PageUrl}?action=diff'>$[History]</a>
|
||||
<a rel="nofollow" href='{$PageUrl}?action=upload'>$[Attach]</a>
|
||||
<a rel="nofollow" href='{$PageUrl}?action=print' target='_blank'>$[Print]</a>
|
||||
<a href='{$ScriptUrl}/$[{$SiteGroup}/Search]'>$[Search]</a>
|
||||
</div>
|
||||
<div class="last-modified">
|
||||
$[Page last modified on {$LastModified}]
|
||||
</div>
|
||||
</div>
|
||||
<!--/PageFooterFmt-->
|
||||
|
||||
</div>
|
||||
|
||||
<!--PageRightFmt-->
|
||||
<div id="sidebar">
|
||||
|
||||
<!--wiki:{$Group}.SideBar {$SiteGroup}.SideBar-->
|
||||
|
||||
<form id="sideSearch" name='searchform' action='{$ScriptUrl}/$[{$SiteGroup}/Search]'>
|
||||
<input type='hidden' name='pagename' value='$[{$SiteGroup}/Search]'/>
|
||||
<input class='searchbox' type='text' name='q' value=''/>
|
||||
<input class='searchbutton' type='submit' value='$[Search]'/>
|
||||
</form>
|
||||
</div>
|
||||
<!--/PageRightFmt-->
|
||||
|
||||
<!--PageHeaderFmt-->
|
||||
<div id="header">
|
||||
<div id="pageLogo">
|
||||
<a href='{$ScriptUrl}'><img src='$PageLogoUrl' alt='$WikiTitle' title='$WikiTitle' /></a>
|
||||
</div>
|
||||
|
||||
<!--PageActionFmt-->
|
||||
<div id="pageActions">
|
||||
<!--wiki:{$Group}.PageActions {$SiteGroup}.PageActions-->
|
||||
</div>
|
||||
<!--/PageActionFmt-->
|
||||
|
||||
</div>
|
||||
<!--/PageHeaderFmt-->
|
||||
|
||||
<!--HTMLFooter-->
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user