1
0
Fork 0

Adding bulma version 2024-09-20 (7dc4972).

Signed-off-by: Daniel Baumann <daniel@debian.org>
This commit is contained in:
Daniel Baumann 2025-04-13 13:17:37 +02:00
parent c79bab334d
commit 642d95ebf4
Signed by: daniel
GPG key ID: FBB4F0E80A80222F
34 changed files with 3481 additions and 0 deletions

View file

@ -0,0 +1,21 @@
MIT License
Copyright (c) 2022 Kennesaw State University - Linux Server Team
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

View file

@ -0,0 +1,9 @@
# DokuWiki Template Bulma
DokuWiki template based on the Bulma CSS framework.
![preview](preview.png)
# Installation
Download or clone this repository to `lib/tpl/bulma`.

View file

@ -0,0 +1,459 @@
/**
* This file provides the most basic styles.
*
* If you integrate DokuWiki into another project, you might either
* want to integrate this file into the other project as well, or use
* the other project's basic CSS for DokuWiki instead of this one.
*
* @author Anika Henke <anika@selfthinker.org>
*/
html {
overflow-x: auto;
overflow-y: scroll;
}
html,
body {
background-color: __background__;
color: __text__;
margin: 0;
padding: 0;
}
body {
font: normal 100%/1.4 Frutiger, Calibri, "Myriad Pro", Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
/* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
-webkit-text-size-adjust: 100%;
}
/*____________ headers ____________*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
font-weight: bold;
color: __text_neu__;
background-color: inherit;
padding: 0;
line-height: 1.2;
clear: left; /* ideally 'both', but problems with toc */
}
[dir=rtl] h1,
[dir=rtl] h2,
[dir=rtl] h3,
[dir=rtl] h4,
[dir=rtl] h5,
[dir=rtl] h6 {
clear: right;
}
h1 {
font-size: 2.25em;
margin: 0 0 0.444em;
}
h2 {
font-size: 1.5em;
margin: 0 0 0.666em;
}
h3 {
font-size: 1.125em;
margin: 0 0 0.888em;
}
h4 {
font-size: 1em;
margin: 0 0 1.0em;
}
h5 {
font-size: .875em;
margin: 0 0 1.1428em;
}
h6 {
font-size: .75em;
margin: 0 0 1.333em;
}
/* bottom margin = 1 / font-size */
caption,
figcaption,
summary,
legend {
font-style: italic;
font-weight: normal;
line-height: 1.2;
padding: 0;
margin: 0 0 .35em;
}
/*____________ basic margins and paddings ____________*/
p,
ul,
ol,
dl,
pre,
table,
hr,
blockquote,
figure,
details,
fieldset,
address {
margin: 0 0 1.4em 0; /* bottom margin = line-height */
padding: 0;
}
div {
margin: 0;
padding: 0;
}
/*____________ lists ____________*/
ul,
ol {
padding: 0 0 0 1.5em;
}
[dir=rtl] ul,
[dir=rtl] ol {
padding: 0 1.5em 0 0;
}
li,
dd {
padding: 0;
margin: 0 0 0 1.5em;
}
[dir=rtl] li,
[dir=rtl] dd {
margin: 0 1.5em 0 0;
}
dt {
font-weight: bold;
margin: 0;
padding: 0;
}
li ul,
li ol,
li dl,
dl ul,
dl ol,
dl dl {
margin-bottom: 0;
padding: 0;
}
li li {
font-size: 100%;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal outside;
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: upper-roman;
}
ol ol ol ol {
list-style-type: upper-alpha;
}
ol ol ol ol ol {
list-style-type: lower-roman;
}
/*____________ tables ____________*/
table {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
border: 1px solid __border__;
}
caption {
caption-side: top;
text-align: left;
}
[dir=rtl] caption {
text-align: right;
}
th,
td {
padding: .3em .5em;
margin: 0;
vertical-align: top;
border: 1px solid __border__;
}
th {
font-weight: bold;
background-color: __background_alt__;
color: inherit;
text-align: left;
}
[dir=rtl] th {
text-align: right;
}
/*____________ links ____________*/
a {
}
a:link,
a:visited {
text-decoration: none;
color: __link__;
}
a:link:hover,
a:visited:hover,
a:link:focus,
a:visited:focus,
a:link:active,
a:visited:active {
text-decoration: underline;
}
a:link:focus,
a:visited:focus {
outline: 1px dotted;
}
a:link:active,
a:visited:active {
color: #c00;
}
/*____________ misc ____________*/
img {
border-width: 0;
vertical-align: middle;
color: #666;
background-color: transparent;
font-style: italic;
}
img,
object,
embed,
iframe,
video,
audio {
max-width: 100%;
}
img,
video {
height: auto;
}
iframe {
border-width: 0;
background-color: inherit;
}
button img {
max-width: none;
}
hr {
border-style: solid;
border-width: 1px 0 0;
text-align: center;
height: 0;
width: 100%;
clear: both;
}
acronym,
abbr {
font-style: normal;
}
acronym[title],
abbr[title] {
cursor: help;
border-bottom: 1px dotted;
text-decoration: none;
}
em acronym,
em abbr {
font-style: italic;
}
mark {
background: __highlight__;
color: inherit;
}
pre,
code,
samp,
kbd {
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
/* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */
font-size: 1em;
background-color: __background_alt__;
color: __text__;
direction: ltr;
text-align: left;
}
pre {
border: 1px solid __border__;
padding: 0 .2em;
overflow: auto;
word-wrap: normal;
}
blockquote {
padding: 0 .5em;
border: solid __border__;
border-width: 0 0 0 .25em;
}
[dir=rtl] blockquote {
border-width: 0 .25em 0 0;
}
q:before,
q:after {
content: '';
}
sub,
sup {
font-size: .8em;
line-height: 1;
}
sub {
vertical-align: sub;
}
sup {
vertical-align: super;
}
small {
font-size: .8em;
}
wbr {
display: inline-block;
}
/*____________ forms ____________*/
form {
display: inline;
margin: 0;
padding: 0;
}
fieldset {
padding: .7em 1em 0;
padding: .7rem 1rem; /* for those browsers understanding :last-child */
border: 1px solid #999;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
padding: 0 .1em;
}
label {
vertical-align: middle;
cursor: pointer;
}
input,
textarea,
button,
select,
optgroup,
option,
keygen,
output,
meter,
progress {
font: inherit;
color: inherit;
/* background-color destroys button look */
line-height: normal;
margin: 0;
vertical-align: middle;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input,
button,
select,
keygen,
textarea {
padding: .1em;
}
input[type=radio],
input[type=checkbox],
input[type=image],
input.check {
padding: 0;
}
input[type=submit],
input[type=button],
input[type=reset],
input.button,
button {
cursor: pointer;
overflow: visible;
padding: .1em .4em;
}
input[disabled],
button[disabled],
select[disabled],
textarea[disabled],
option[disabled],
input[readonly],
button[readonly],
select[readonly],
textarea[readonly] {
cursor: auto;
opacity: .5;
}
input:focus,
button:focus,
select:focus,
keygen:focus,
textarea:focus {
box-shadow: 0 0 5px #999;
outline: 0;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
select {
max-width: 100%;
}
optgroup {
font-style: italic;
font-weight: bold;
}
option {
font-style: normal;
font-weight: normal;
}

View file

@ -0,0 +1,169 @@
/**
* This file provides the main design styles for the page content.
*
* @author Anika Henke <anika@selfthinker.org>
* @author Andreas Gohr <andi@splitbrain.org>
*/
/*____________ section indenting ____________
.dokuwiki .page h1 {margin-left: 0;}
.dokuwiki .page h2 {margin-left: .666em;}
.dokuwiki .page h3 {margin-left: 1.776em;}
.dokuwiki .page h4 {margin-left: 3em;}
.dokuwiki .page h5 {margin-left: 4.5712em;}
.dokuwiki .page div.level1 {margin-left: 0;}
.dokuwiki .page div.level2 {margin-left: 1em;}
.dokuwiki .page div.level3 {margin-left: 2em;}
.dokuwiki .page div.level4 {margin-left: 3em;}
.dokuwiki .page div.level5 {margin-left: 4em;}
[dir=rtl] .dokuwiki .page h1 {margin-left: 0; margin-right: 0;}
[dir=rtl] .dokuwiki .page h2 {margin-left: 0; margin-right: .666em;}
[dir=rtl] .dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;}
[dir=rtl] .dokuwiki .page h4 {margin-left: 0; margin-right: 3em;}
[dir=rtl] .dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;}
[dir=rtl] .dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;}
[dir=rtl] .dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;}
[dir=rtl] .dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;}
[dir=rtl] .dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;}
[dir=rtl] .dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;}
*/
/* hx margin-left = (1 / font-size) * .levelx-margin */
/*____________ links to wiki pages (addition to _links) ____________*/
/* existing wikipage */
.dokuwiki a.wikilink1 {
color: __existing__;
background-color: inherit;
}
/* not existing wikipage */
.dokuwiki a.wikilink2 {
color: __missing__;
background-color: inherit;
}
/*____________ images ____________*/
/* embedded images (styles are already partly set in DokuWiki's lib/styles/all.css) */
.dokuwiki img.media {
margin: .2em 0;
}
.dokuwiki img.medialeft {
margin: .2em 1.5em .2em 0;
}
.dokuwiki img.mediaright {
margin: .2em 0 .2em 1.5em;
}
.dokuwiki img.mediacenter {
margin: .2em auto;
}
/*____________ tables ____________*/
/* div before each table */
.dokuwiki div.table {
}
.dokuwiki table.inline {
min-width: 50%;
}
.dokuwiki table.inline tr:hover td {
background-color: __background_alt__;
}
.dokuwiki table.inline tr:hover th {
background-color: __border__;
}
/*____________ code ____________*/
/* fix if background-color hides underlining */
.dokuwiki em.u code {
text-decoration: underline;
}
/* filenames for downloadable file and code blocks */
.dokuwiki dl.code,
.dokuwiki dl.file {
}
.dokuwiki dl.code dt,
.dokuwiki dl.file dt {
background-color: __background_alt__;
border: solid __border__;
border-width: 1px 1px 0;
color: inherit;
display: inline;
padding: .1em .5em .2em;
margin-left: 1em;
}
[dir=rtl] .dokuwiki dl.code dt,
[dir=rtl] .dokuwiki dl.file dt {
margin-left: 0;
margin-right: 1em;
}
.dokuwiki dl.code dt a,
.dokuwiki dl.file dt a {
}
.dokuwiki dl.code dd,
.dokuwiki dl.file dd {
margin: 0;
}
/* for code in <file> */
.dokuwiki pre.file,
.dokuwiki dl.file pre,
.dokuwiki dl.file dt {
border-color: __text_neu__;
}
/*____________ media manager ____________*/
/* some headings in the media manager should not look like headings */
#mediamanager__page h2,
#mediamanager__page h3 {
font-family: Frutiger, Calibri, Myriad, "Nimbus Sans L", Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: __text__;
}
/* to style button-like div in _fileuploader.css to look like other buttons,
please add '.qq-upload-button' to the according styles (which don't really exist in this template) */
.qq-upload-button {
border: 1px solid __border__;
background-color: __background_alt__;
padding: 0.125em 0.4em;
}
/*____________ styling plugin ____________*/
#plugin__styling.ispopup {
padding: 1em;
}
/*____________ JS popup ____________*/
.JSpopup {
background-color: __background__;
color: __text__;
border: 1px solid __border__;
line-height: 1.2;
padding: 0 .2em;
}
.JSpopup ul,
.JSpopup ol {
padding-left: 0;
}
[dir=rtl] .JSpopup ul,
[dir=rtl] .JSpopup ol {
padding-right: 0;
}

View file

@ -0,0 +1,215 @@
/* Sidebar */
.sidebar .content h1,
.sidebar .content h2,
.sidebar .content h3,
.sidebar .content h4,
.sidebar .content h5,
.sidebar .content h6 {
padding-top: 0.8em;
}
.sidebar hr {
background-color: #ffffff;
}
/* Main content */
.dw__toc {
float: right;
padding-left: 1rem;
}
.editbutton_section > .btn_secedit {
border: 0;
float: right;
}
.editbutton_table > .btn_secedit {
background-color: transparent;
border: 0;
margin-top: -0.4rem;
}
.section_highlight {
/** Old settings that show highlighted area:
* margin-left: -1.20em;
* margin-right: -1.20em;
* margin-top: 2rem;
* padding-left: .5em;
* padding-right: .5em;
* border: solid #f5f5f5;
* border-width: 0 1em;
*/
margin-top: 2rem;
}
.section_highlight:first-child {
margin-top: 0;
}
.secedit:last-child {
padding-bottom: 1rem;
}
.section_highlight > .table {
padding-bottom: 1.5rem;
}
.mediafile {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAwElEQVR4AW3PPUoDURQF4O/OBHsb0yi4ByG4TUELl+Q2bMQ0Roz5IfPedRgIg+Gd037cw40U3Frq/c/ae1YkPBw2pzLk3EM+P7nXJQmrU9nm79Tv/MrPkXzky0QIrIbc5zH3Y39yk+sR7HKbryMJIUfwVkCVBkfXgMXjAqAT6BS9KxvV4AZnIEDoQUwQM4CZTMttQExz87QWode1LiRIoTKDFuraIKQALkCKMzGnyi4TtexVl6llp0QK7iyb/xTrP+DMapMFm/pGAAAAAElFTkSuQmCC) 4px 4px no-repeat;
padding-left: 26px;
padding-bottom: 4px;
vertical-align: bottom;
padding-top: 2px;
padding-right: 4px;
background-color: #f5f5f5;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.content em:not(.u) {
font-style: italic;
}
.content li ol {
margin-top: .25em;
}
.content sup {
vertical-align: super;
padding-left: 0.1rem;
}
.content table {
width: inherit;
}
a.wikilink2 {
color: #ff3860;
}
a.urlextern {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABdklEQVR4AWMgAVRo1zY3rGk41rC+rqvCBCJWBpPM4WoomLHtdtuv/t9Lfk263TtrQ0t7Oj9cbzZDc/W6s/8T7khD+P+F/8bv29PZlswJVVBu0vPuVZyNYHFZbmAqE1SR0cbjXR6pjGBO58am962Ta3e3ftqy6B5LCcMasOj7gInrm9jBzI4vTX+bfjT/7/4/p/w/zFXybUmt71u4wJzGfxP/t/xvA+KaP2XnQSKVFpWPav/U/6+HKJjz++OVJUDp1n9N/+r+19QyMCz1mPC/8X/X/26Igrn3GiUeL5n/v+F/8//6/9NOMTC0hDUDefP/L4MoOL6ickVeSQ1QqAGooPdBJE/lnloge/fhixBHftFd9bLkR83/+n/1QAXVP8qX1Pyv/L/s/12f/4xQNz8s3Pa/6X/Vvzqgour/5f/r/q//f2fmLy54WP7lfJN74eMSoKIyoNFz/5/+9ar+Px9aZL3Xfjvz7aO3/96+eLvsnSVE7CPhOAYA9nvIX0UoNU8AAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 0 center;
padding: 0 0 0 18px;
}
code {
border-radius: 4px;
}
.code dd {
margin-left: 0;
}
.file {
display: block;
}
.footnotes {
border-top: 1px solid #dbdbdb;
padding: .5em 0 0 0;
margin: 1em 0 0 0;
clear: both;
}
.fn .content {
padding-left: 1em;
}
.fn sup {
vertical-align: bottom;
position: relative;
top: 1.5em;
}
.fn {
margin-top: -1em;
}
/*.input, .textarea {
width: unset;
}*/
#dw__pagetools {
position: absolute;
right: 55px;
width: 1px;
top: 4em;
}
#dw__pagetools .buttons {
position: fixed;
}
#dw__pagetools .buttons .control .button a:is(:active, :focus, :hover) svg {
fill: #485fc7;
}
/* TOC and pagetools */
.toc .button {
text-align: left;
min-height: 27px;
white-space: unset;
height: auto;
flex-direction: column;
}
/* Config */
#config__manager fieldset {
background-color: transparent;
}
#config__manager .table td {
border: none;
}
/* User manager */
/*input.user-search {
height: 24px;
width: 24px;
}*/
/* Edit tables */
button.toolbutton {
border-radius: 2px;
font-size: .75rem;
background-color: #fff;
color: #363636;
cursor: pointer;
justify-content: center;
padding-bottom: calc(-0.5em);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(-0.5em);
text-align: center;
white-space: nowrap;
user-select: none;
-webkit-appearance: none;
align-items: center;
border: 1px solid #dbdbdb;
box-shadow: none;
display: inline-flex;
height: 2.5em;
line-height: 1.5;
position: relative;
vertical-align: top;
font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
}
button.toolbutton:hover {
border-color: #b5b5b5;
color: #363636;
}
.content table.htCore td, .content table th {
padding: unset;
vertical-align: top;
}

View file

@ -0,0 +1,274 @@
/**
* This file provides the main design styles for the
* bits that surround the content.
*
* @author Anika Henke <anika@selfthinker.org>
* @author Andreas Gohr <andi@splitbrain.org>
*/
/* header
********************************************************************/
#dokuwiki__header {
margin: 1em 0 0;
}
#dokuwiki__header .headings {
margin-bottom: 2.1em;
}
#dokuwiki__header h1 {
margin-bottom: 0;
font-size: 1.5em;
}
#dokuwiki__header h1 a {
text-decoration: none;
color: __link__;
background-color: inherit;
}
#dokuwiki__header p.claim {
margin-bottom: 0;
}
#dokuwiki__header h2 {
margin-bottom: 0;
font-size: 1.125em;
}
#dokuwiki__header .tools {
margin-bottom: 2.1em;
}
#dokuwiki__header .tools ul {
margin-bottom: 0;
}
#dokuwiki__header .tools ul li {
display: inline;
}
#dokuwiki__header form.search {
margin: .5em 0 0;
display: block;
}
#dokuwiki__header form.search #qsearch__in {
width: 12em;
margin-right: .5em;
}
[dir=rtl] #dokuwiki__header form.search #qsearch__in {
margin-right: 0;
margin-left: .5em;
}
#dokuwiki__header div.breadcrumbs {
margin-bottom: .3em;
}
#dokuwiki__header div.breadcrumbs a {
color: __existing__;
background-color: inherit;
}
/* tools
********************************************************************/
/* make wiki links look the same as tool links in tool bars */
#dokuwiki__usertools a.wikilink1,
#dokuwiki__pagetools a.wikilink1,
#dokuwiki__usertools a.wikilink2,
#dokuwiki__pagetools a.wikilink2 {
color: __link__;
border-bottom-width: 0;
}
#dokuwiki__usertools a.wikilink2:hover,
#dokuwiki__pagetools a.wikilink2:hover,
#dokuwiki__usertools a.wikilink2:active,
#dokuwiki__pagetools a.wikilink2:active,
#dokuwiki__usertools a.wikilink2:focus,
#dokuwiki__pagetools a.wikilink2:focus {
text-decoration: underline;
}
/* highlight selected tool */
/* before Greebo: */
.mode_admin a.action.admin,
.mode_login a.action.login,
.mode_register a.action.register,
.mode_profile a.action.profile,
.mode_recent a.action.recent,
.mode_index a.action.index,
.mode_media a.action.media,
.mode_revisions a.action.revs,
.mode_backlink a.action.backlink,
.mode_subscribe a.action.subscribe,
/* since Greebo: */
.mode_admin .action.admin a,
.mode_login .action.login a,
.mode_register .action.register a,
.mode_profile .action.profile a,
.mode_recent .action.recent a,
.mode_index .action.index a,
.mode_media .action.media a,
.mode_revisions .action.revs a,
.mode_backlink .action.backlink a,
.mode_subscribe .action.subscribe a {
font-weight: bold;
}
/*____________ user tools ____________*/
#dokuwiki__usertools {
position: absolute;
top: 0;
right: 0;
border-bottom: 1px solid __border__;
background-color: __background_alt__;
width: 100%;
}
#dokuwiki__usertools ul,
#dokuwiki__pagetools ul {
/* imitate #dokuwiki__site */
margin: 0 auto;
max-width: __site_width__;
padding: 0 1em;
}
#dokuwiki__usertools ul li.user {
float: left;
margin-left: 0;
}
[dir=rtl] #dokuwiki__usertools ul li.user {
float: right;
margin-right: 0;
}
/*____________ page tools ____________*/
#dokuwiki__pagetools {
position: fixed;
bottom: 0;
left: 0;
border-top: 1px solid __border__;
background-color: __background_alt__;
width: 100%;
z-index: 10;
}
#dokuwiki__pagetools ul li {
display: inline;
margin: 0 1.5em 0 0;
}
/* before Greebo: */
#dokuwiki__pagetools ul li a.action.top,
/* since Greebo: */
#dokuwiki__pagetools ul li.action.top a {
float: right;
}
/* before Greebo: */
[dir=rtl] #dokuwiki__pagetools ul li a.action.top,
/* since Greebo: */
[dir=rtl] #dokuwiki__pagetools ul li.action.top a {
float: left;
}
/* hide background images from menu items inserted via plugins */
#dokuwiki__pagetools ul li a {
background-image: none !important;
}
#dokuwiki__pagetools ul li a::before {
content: none !important;
}
/* sidebar
********************************************************************/
#dokuwiki__aside {
padding-top: .4em;
}
.dokuwiki .aside {
overflow: hidden;
word-wrap: break-word;
line-height: 1.2;
}
/* make sidebar more condensed */
.dokuwiki .aside h1 {
margin-bottom: .222em;
}
.dokuwiki .aside h2 {
margin-bottom: .333em;
}
.dokuwiki .aside h3 {
margin-bottom: .444em;
}
.dokuwiki .aside h4 {
margin-bottom: .5em;
}
.dokuwiki .aside h5 {
margin-bottom: .5714em;
}
.dokuwiki .aside p,
.dokuwiki .aside ul,
.dokuwiki .aside ol,
.dokuwiki .aside dl,
.dokuwiki .aside pre,
.dokuwiki .aside table,
.dokuwiki .aside fieldset,
.dokuwiki .aside hr,
.dokuwiki .aside blockquote,
.dokuwiki .aside address {
margin-bottom: .7em;
}
.dokuwiki .aside ul,
.dokuwiki .aside ol {
padding-left: .5em;
}
[dir=rtl] .dokuwiki .aside ul,
[dir=rtl] .dokuwiki .aside ol {
padding-right: .5em;
}
.dokuwiki .aside li ul,
.dokuwiki .aside li ol {
margin-bottom: 0;
padding: 0;
}
/* content
********************************************************************/
.dokuwiki .page {
word-wrap: break-word;
}
/* license note in footer and under edit window */
.dokuwiki div.license {
font-size: 93.75%;
}
/* footer
********************************************************************/
.dokuwiki .wrapper {
margin-bottom: 2.8em;
}
#dokuwiki__footer {
margin-bottom: 1em;
}
#dokuwiki__footer .doc {
float: left;
}
#dokuwiki__footer .top {
float: right;
}
#dokuwiki__footer .license {
clear: both;
}
#dokuwiki__footer .license img {
margin: 0 .5em 0 0;
float: none;
}

View file

@ -0,0 +1,4 @@
/**
* This file provides styles for included seperate html files
* (added through "include hooks").
*/

View file

@ -0,0 +1,962 @@
/**
* This file provides the styles for the file uploader
* used in the media manager (both fullscreen and popup).
*/
.qq-uploader {
position: relative;
width: 100%;
}
.qq-uploader .error {
color: #f00;
background-color: #fff;
}
/* select file button */
.qq-upload-button {
display: inline-block;
text-decoration: none;
font-size: 100%;
cursor: pointer;
margin: 1px 1px 5px;
}
.qq-upload-button {
color: #333;
background-color: #eee;
background-image: url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+ PHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIwLjk5Ii8+ PHN0b3Agc3RvcC1jb2xvcj0iI0NDQ0NDQyIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #eeeeee 99%, #cccccc 99%);
border: 1px solid #ccc;
border-radius: 2px;
padding: .1em .5em;
cursor: pointer;
}
.qq-upload-button:hover {
border-color: #999;
background-color: #ddd;
background-image:url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NzAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNEY0RjQiIG9mZnNldD0iMC4zIi8+ PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIwLjk5Ii8+ PHN0b3Agc3RvcC1jb2xvcj0iI0JCQkJCQiIgb2Zmc2V0PSIuOTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjcwKSIgLz4KPC9zdmc+);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 30%, #dddddd 99%, #bbbbbb 99%);
}
.qq-upload-button-focus {
outline: 1px dotted;
}
/* drop area */
.qq-upload-drop-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 70px;
z-index: 2;
background: @ini_background_neu;
color: @ini_text;
text-align: center;
}
.qq-upload-drop-area span {
display: block;
position: absolute;
top: 50%;
width: 100%;
margin-top: -8px;
font-size: 120%;
}
.qq-upload-drop-area-active {
background: @ini_background_alt;
}
/* list of files to upload */
div.qq-uploader ul {
margin: 0;
padding: 0;
list-style: none;
}
.qq-uploader li {
margin: 0 0 5px;
color: @ini_text;
}
.qq-uploader li span,
.qq-uploader li input,
.qq-uploader li a {
margin-right: 5px;
}
.qq-upload-file {
display: block;
font-weight: bold;
}
.qq-upload-spinner {
display: inline-block;
background: url("../../images/throbber.gif");
width: 15px;
height: 15px;
vertical-align: text-bottom;
}
.qq-upload-size,
.qq-upload-cancel {
font-size: 85%;
}
.qq-upload-failed-text {
display: none;
}
.qq-upload-fail .qq-upload-failed-text {
display: inline;
}
.qq-action-container * {
vertical-align: middle;
}
.qq-overwrite-check input {
margin-left: 10px;
}
/**
* This file provides the styles for the fullscreen media manager
* (?do=media).
*
* What most templates would probably need to change (depending on
* their site width) are the 4 min-width's (search for @change).
*/
/*____________ structure ____________*/
#mediamanager__page h1 {
margin-bottom: .5em;
}
#mediamanager__page {
/* min-width must be summary of all 3 panels' min-widths */
min-width: 50em; /* @change */
width: 100%;
text-align: left;
}
[dir=rtl] #mediamanager__page {
text-align: right;
}
#mediamanager__page .panel {
float: left;
}
[dir=rtl] #mediamanager__page .panel {
float: right;
}
#mediamanager__page .namespaces {
width: 20%;
min-width: 10em; /* @change */
left:0 !important; /* overrules jQuery UI resizable in rtl */
}
#mediamanager__page .filelist {
width: 50%;
min-width: 25em; /* @change */
left:0 !important; /* overrules jQuery UI resizable in rtl */
}
#mediamanager__page .file {
width: 30%;
min-width: 15em; /* @change */
}
#mediamanager__page .tabs li {
white-space: nowrap;
}
#mediamanager__page .panelHeader {
background-color: #eee;
margin: 0 10px 10px 0;
padding: 10px 10px 8px;
text-align: left;
min-height: 20px;
overflow: hidden;
}
[dir=rtl] #mediamanager__page .panelHeader {
text-align: right;
margin: 0 0 10px 10px;
}
#mediamanager__page .panelContent {
overflow-y: auto;
overflow-x: hidden;
padding: 0;
margin: 0 10px 10px 0;
position: relative;
}
[dir=rtl] #mediamanager__page .panelContent {
text-align: right;
margin: 0 0 10px 10px;
}
#mediamanager__page .file .panelHeader,
#mediamanager__page .file .panelContent {
margin-right: 0;
}
[dir=rtl] #mediamanager__page .file .panelHeader,
[dir=rtl] #mediamanager__page .file .panelContent {
margin-left: 0;
}
#mediamanager__page .ui-resizable-e {
width: 6px;
right: 2px;
background: transparent url(../../images/resizecol.png) center center no-repeat;
}
#mediamanager__page .ui-resizable-e:hover {
background-color: #eee;
}
[dir=rtl] #mediamanager__page .ui-resizable-w {
width: 6px;
left: 2px;
background: transparent url(../../images/resizecol.png) center center no-repeat;
}
[dir=rtl] #mediamanager__page .ui-resizable-w:hover {
background-color: #eee;
}
#mediamanager__page dd {
margin: 0;
}
#mediamanager__page .panelHeader h3 {
float: left;
font-weight: normal;
font-size: 1em;
padding: 0;
margin: 0 0 3px;
}
[dir=rtl] #mediamanager__page .panelHeader h3 {
float : right
}
/*____________ namespaces panel ____________*/
[dir=rtl] #mediamanager__page .namespaces {
text-align: right;
}
/* make it look like a tab (as in _tabs.css) */
#mediamanager__page .namespaces h2 {
font-size: 1em;
display: inline-block;
padding: .3em .8em;
margin: 0 0 0 .3em;
border-radius: .5em .5em 0 0;
font-weight: normal;
background-color: #eee;
color: #333;
border: 1px solid #ccc;
border-bottom-color: #eee;
line-height: 1.4em;
position: relative;
bottom: -1px;
z-index: 2;
}
[dir=rtl] #mediamanager__page .namespaces h2 {
margin: 0 .3em 0 0;
position: relative;
right: 10px;
}
#mediamanager__page .namespaces .panelHeader {
border-top: 1px solid #ccc;
z-index: 1;
}
#mediamanager__page .namespaces ul {
margin-left: .2em;
margin-bottom: 0;
padding: 0;
list-style: none;
}
[dir=rtl] #mediamanager__page .namespaces ul {
margin-left: 0;
margin-right: .2em;
}
#mediamanager__page .namespaces ul ul {
margin-left: 1em;
}
[dir=rtl] #mediamanager__page .namespaces ul ul {
margin-left: 0;
margin-right: 1em;
}
#mediamanager__page .namespaces ul ul li {
margin: 0;
}
#mediamanager__page .namespaces ul .selected {
background-color: #ff9;
font-weight: bold;
}
/*____________ file list panel ____________*/
/* file list header */
#mediamanager__page .panelHeader form.options {
float: right;
margin-top: -3px;
}
[dir=rtl] #mediamanager__page .panelHeader form.options {
float : left
}
#mediamanager__page .panelHeader ul {
list-style: none;
margin: 0;
padding: 0;
}
#mediamanager__page .panelHeader ul li {
color: #333;
float: left;
line-height: 1;
padding-left: 3px;
}
[dir=rtl] #mediamanager__page .panelHeader ul li {
padding-right: 3px;
padding-left: 0;
float: right;
}
#mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal {
padding-left: 30px;
margin: 0 0 0 5px;
}
#mediamanager__page .panelHeader ul li.listType {
background: url('../../images/icon-list.png') 3px 1px no-repeat;
}
#mediamanager__page .panelHeader ul li.sortBy {
background: url('../../images/icon-sort.png') 3px 1px no-repeat;
}
[dir=rtl] #mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal {
padding-left: 0;
padding-right: 30px;
margin: 0 5px 0 0;
background-position: right 1px;
}
#mediamanager__page .panelHeader form.options .ui-controlgroup-horizontal label{
font-size: 90%;
margin-right: -0.4em;
padding: .3em .5em;
line-height: 1;
}
/* file list content */
#mediamanager__page .filelist ul {
padding: 0;
margin: 0 10px 0 0;
}
[dir=rtl] #mediamanager__page .filelist ul {
margin: 0 0 0 10px;
}
#mediamanager__page .filelist ul.rows {
margin: 0;
}
#mediamanager__page .filelist .panelContent ul li:hover {
background-color: #eee;
}
#mediamanager__page .filelist li dt a {
vertical-align: middle;
display: table-cell;
overflow: hidden;
}
/* file list as thumbs */
#mediamanager__page .filelist .thumbs li {
width: 100px;
min-height: 130px;
display: inline-block;
/* the right margin should visually be 10px, but because of its inline-block nature the whitespace inbetween is about 4px more */
margin: 0 6px 10px 0;
background-color: #fff_neu;
color: #333;
padding: 5px;
vertical-align: top;
text-align: center;
position: relative;
line-height: 1.2;
}
[dir=rtl] #mediamanager__page .filelist .thumbs li {
margin-right: 0;
margin-left: 6px;
}
#mediamanager__page .filelist .thumbs li dt a {
width: 100px;
height: 90px;
}
#mediamanager__page .filelist .thumbs li dt a img {
max-width: 90px;
max-height: 90px;
}
#mediamanager__page .filelist .thumbs li .name,
#mediamanager__page .filelist .thumbs li .size,
#mediamanager__page .filelist .thumbs li .filesize,
#mediamanager__page .filelist .thumbs li .date {
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 90px;
white-space: nowrap;
}
#mediamanager__page .filelist .thumbs li .name {
padding: 5px 0;
font-weight: bold;
}
#mediamanager__page .filelist .thumbs li .date {
font-style: italic;
white-space: normal;
}
/* file list as rows */
#mediamanager__page .filelist .rows li {
list-style: none;
display: block;
position: relative;
max-height: 50px;
margin: 0 0 3px 0;
background-color: #fff;
color: #333;
overflow: hidden;
}
#mediamanager__page .filelist .rows li:nth-child(2n+1) {
background-color: #fff_neu;
}
#mediamanager__page .filelist .rows li dt {
float: left;
width: 10%;
height: 40px;
text-align: center;
}
[dir=rtl] #mediamanager__page .filelist .rows li dt {
float: right;
}
#mediamanager__page .filelist .rows li dt a {
width: 100px;
height: 40px;
}
#mediamanager__page .filelist .rows li dt a img {
max-width: 40px;
max-height: 40px;
}
#mediamanager__page .filelist .rows li .name,
#mediamanager__page .filelist .rows li .size,
#mediamanager__page .filelist .rows li .filesize,
#mediamanager__page .filelist .rows li .date {
overflow: hidden;
text-overflow: ellipsis;
float: left;
margin-left: 1%;
white-space: nowrap;
}
[dir=rtl] #mediamanager__page .filelist .rows li .name,
[dir=rtl] #mediamanager__page .filelist .rows li .size,
[dir=rtl] #mediamanager__page .filelist .rows li .filesize,
[dir=rtl] #mediamanager__page .filelist .rows li .date {
float: right;
margin-left: 0;
margin-right: 1%;
}
#mediamanager__page .filelist .rows li .name {
width: 30%;
font-weight: bold;
}
#mediamanager__page .filelist .rows li .size,
#mediamanager__page .filelist .rows li .filesize {
width: 15%;
}
#mediamanager__page .filelist .rows li .date {
width: 20%;
font-style: italic;
white-space: normal;
}
/* upload form */
#mediamanager__page div.upload {
padding-bottom: 0.5em;
}
/*____________ file panel ____________*/
#mediamanager__page .file ul.actions {
text-align: center;
margin: 0 0 5px;
padding: 0;
list-style: none;
}
#mediamanager__page .file ul.actions li {
display: inline;
margin: 0;
}
#mediamanager__page .file div.image {
margin-bottom: 5px;
text-align: center;
}
#mediamanager__page .file div.image img {
width: 100%;
}
#mediamanager__page .file dl {
margin-bottom: 0;
}
#mediamanager__page .file dl dt {
font-weight: bold;
display: block;
background-color: #eee;
}
#mediamanager__page .file dl dd {
display: block;
background-color: #fff_neu;
}
/* file meta data edit form */
#mediamanager__page form.meta div.row {
margin-bottom: 5px;
}
#mediamanager__page form.meta label span {
display: block;
}
#mediamanager__page form.meta input {
width: 50%;
}
#mediamanager__page form.meta button {
width: auto;
}
#mediamanager__page form.meta textarea.edit {
height: 6em;
width: 95%;
min-width: 95%;
max-width: 95%;
}
/* file revisions form */
#mediamanager__page form.changes ul {
margin-left: 10px;
padding: 0;
list-style-type: none;
}
[dir=rtl] #mediamanager__page form.changes ul {
margin-left: 0;
margin-right: 10px;
}
#mediamanager__page form.changes ul li div.li div {
font-size: 90%;
color: #666;
padding-left: 18px;
}
[dir=rtl] #mediamanager__page form.changes ul li div.li div {
padding-left: 0;
padding-right: 18px;
}
#mediamanager__page form.changes ul li div.li input {
position: relative;
top: 1px;
}
/* file diff view */
#mediamanager__diff table {
table-layout: fixed;
border-width: 0;
}
#mediamanager__diff td,
#mediamanager__diff th {
width: 48%;
margin: 0 5px 10px 0;
padding: 0;
vertical-align: top;
text-align: left;
border-color: #fff;
}
[dir=rtl] #mediamanager__diff td,
[dir=rtl] #mediamanager__diff th {
margin: 0 0 10px 5px;
text-align: right;
}
#mediamanager__diff th {
font-weight: normal;
background-color: #fff;
line-height: 1.2;
}
#mediamanager__diff th a {
font-weight: bold;
}
#mediamanager__diff th span {
font-size: 90%;
}
#mediamanager__diff dl dd strong{
background-color: #ff9;
color: #333;
font-weight: normal;
}
/* image diff views */
#mediamanager__page .file form.diffView {
margin-bottom: 10px;
display: block;
}
#mediamanager__diff div.slider {
margin: 10px;
width: 95%;
}
#mediamanager__diff .imageDiff {
position: relative;
}
#mediamanager__diff .imageDiff .image2 {
position: absolute;
top: 0;
left: 0;
}
#mediamanager__diff .imageDiff.opacity .image2 {
opacity: 0.5;
}
#mediamanager__diff .imageDiff.portions .image2 {
border-right: 1px solid red;
overflow: hidden;
}
#mediamanager__diff .imageDiff.portions img {
float: left;
}
#mediamanager__diff .imageDiff img {
width: 100%;
max-width: none;
}
/**
* This file provides styles for the media manager popup
* (mediamanager.php).
*/
/*____________ structure ____________*/
html.popup {
overflow: auto;
}
#media__manager {
height: 100%;
overflow: hidden;
}
#mediamgr__aside {
width: 30%;
height: 100%;
overflow: auto;
position: absolute;
left: 0;
border-right: 1px solid #ccc;
}
[dir=rtl] #mediamgr__aside {
left: auto;
right: 0;
border-right-width: 0;
border-left: 1px solid #ccc;
}
#mediamgr__aside .pad {
padding: .5em;
}
#mediamgr__content {
width: 69.7%;
height: 100%;
overflow: auto;
position: absolute;
right: 0;
}
[dir=rtl] #mediamgr__content {
right: auto;
left: 0;
}
#mediamgr__content .pad {
padding: .5em;
}
#media__manager h1,
#media__manager h2 {
font-size: 1.5em;
margin-bottom: .5em;
padding-bottom: .2em;
border-bottom: 1px solid #ccc;
}
/* left side
********************************************************************/
/*____________ options ____________*/
#media__opts {
margin-bottom: .5em;
}
#media__opts input {
margin-right: .3em;
}
[dir=rtl] #media__opts input {
margin-right: 0;
margin-left: .3em;
}
#media__opts label {
}
/*____________ tree ____________*/
#media__tree ul {
padding-left: .2em;
}
[dir=rtl] #media__tree ul {
padding-left: 0;
padding-right: .2em;
}
#media__tree ul li {
clear: left;
list-style-type: none;
list-style-image: none;
margin-left: 0;
}
[dir=rtl] #media__tree ul li {
clear: right;
margin-right: 0;
}
#media__tree ul li img {
float: left;
padding: .5em .3em 0 0;
}
[dir=rtl] #media__tree ul li img {
float: right;
padding: .5em 0 0 .3em;
}
#media__tree ul li div.li {
display: inline;
}
#media__tree ul li li {
margin-left: 1.5em;
}
[dir=rtl] #media__tree ul li li {
margin-left: 0;
margin-right: 1.5em;
}
/* right side
********************************************************************/
/*____________ upload form ____________*/
/* upload info */
#media__content div.upload {
font-size: .9em;
margin-bottom: .5em;
}
#mediamanager__uploader {
margin-bottom: 1em;
}
#mediamanager__uploader p {
margin-bottom: .5em;
}
/*____________ file list ____________*/
#media__content img.load {
margin: 1em auto;
}
#media__content .odd,
#media__content .even {
padding: .5em;
}
#media__content .odd {
background-color: #eee;
}
#media__content .even {
}
/* highlight newly uploaded or edited file */
#media__content #scroll__here {
border: 1px dashed #ccc;
}
/* link which inserts media file */
#media__content a.mediafile {
margin-right: 1.5em;
font-weight: bold;
cursor: pointer;
}
[dir=rtl] #media__content a.mediafile {
margin-right: 0;
margin-left: 1.5em;
}
#media__content span.info {
}
#media__content img.btn {
vertical-align: text-bottom;
}
/* info how to insert media, if JS disabled */
#media__content div.example {
color: #666;
margin-left: 1em;
}
#media__content div.detail {
padding: .2em 0;
}
#media__content div.detail div.thumb {
float: left;
margin: 0 .5em 0 18px;
}
[dir=rtl] #media__content div.detail div.thumb {
float: right;
margin: 0 18px 0 .5em;
}
#media__content div.detail div.thumb a {
display: block;
cursor: pointer;
}
#media__content div.detail p {
margin-bottom: 0;
}
/*____________ media search ____________*/
#dw__mediasearch {
}
#dw__mediasearch p {
}
#dw__mediasearch label {
}
#dw__mediasearch label span {
}
#dw__mediasearch input.edit {
}
#dw__mediasearch button {
}
/**
* This file provides the styles for general tabs.
*/
.dokuwiki .tabs > ul,
.dokuwiki ul.tabs {
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
/* border underneath */
.dokuwiki .tabs > ul:after,
.dokuwiki ul.tabs:after {
position: absolute;
content: "";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid @ini_border;
}
.dokuwiki .tabs > ul li,
.dokuwiki ul.tabs li {
float: left;
padding: 0;
margin: 0;
list-style: none;
}
[dir=rtl] .dokuwiki .tabs > ul li,
[dir=rtl] .dokuwiki ul.tabs li {
float: right;
}
.dokuwiki .tabs > ul li a,
.dokuwiki ul.tabs li strong,
.dokuwiki ul.tabs li a {
display: inline-block;
padding: .3em .8em;
margin: 0 0 0 .3em;
background-color: @ini_background_neu;
color: @ini_text;
border: 1px solid @ini_border;
border-radius: .5em .5em 0 0;
position: relative;
z-index: 0;
}
[dir=rtl] .dokuwiki .tabs > ul li a,
[dir=rtl] .dokuwiki ul.tabs li strong,
[dir=rtl] .dokuwiki ul.tabs li a {
margin: 0 .3em 0 0;
}
.dokuwiki ul.tabs li strong {
font-weight: normal;
}
.dokuwiki ul.tabs li a:link,
.dokuwiki ul.tabs li a:visited {
}
.dokuwiki .tabs > ul li a:hover,
.dokuwiki .tabs > ul li a:active,
.dokuwiki .tabs > ul li a:focus,
.dokuwiki .tabs > ul li .curid a,
.dokuwiki .tabs > ul .active a,
.dokuwiki ul.tabs li a:hover,
.dokuwiki ul.tabs li a:active,
.dokuwiki ul.tabs li a:focus,
.dokuwiki ul.tabs li.active a,
.dokuwiki ul.tabs li strong {
background-color: @ini_background_alt;
color: @ini_text;
text-decoration: none;
font-weight: normal;
}
.dokuwiki .tabs > ul li .curid a,
.dokuwiki .tabs > ul li .active a,
.dokuwiki .tabs > ul li .active a,
.dokuwiki ul.tabs li.active a,
.dokuwiki ul.tabs li strong {
z-index: 2;
border-bottom-color: @ini_background_alt;
}

View file

@ -0,0 +1,85 @@
/**
* This file provides style changes for small screens.
*
* @author Anika Henke <anika@selfthinker.org>
*/
@media only screen and (max-width: 42em) {
#dokuwiki__aside {
width: 100%;
float: none;
margin-bottom: 1.4em;
}
#dokuwiki__aside > .pad {
margin: 0;
}
.hasSidebar #dokuwiki__content {
float: none;
margin-left: 0;
margin-right: 0;
}
.hasSidebar #dokuwiki__content > .pad {
margin-left: 0;
}
[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
margin-right: 0;
}
#dokuwiki__header .headings {
margin: 2.1em 0 0;
}
#dokuwiki__header .tools {
margin-bottom: .7em;
}
#dokuwiki__header .headings,
#dokuwiki__header .tools,
#dokuwiki__header .tools li {
float: none;
text-align: left;
}
[dir=rtl] #dokuwiki__header .tools,
[dir=rtl] #dokuwiki__header .tools li {
float: none;
text-align: right;
}
[dir=rtl] #dokuwiki__header .headings {
float: none;
text-align: right;
}
#dokuwiki__sitetools ul {
padding: 0;
}
#dokuwiki__sitetools li {
margin: 0 1.5em 0 0;
}
[dir=rtl] #dokuwiki__sitetools li {
margin: 0 0 0 1.5em;
}
#dokuwiki__header div.breadcrumbs {
margin-bottom: .7em;
}
#dokuwiki__header ul.a11y.skip {
left: auto !important;
right: 1em !important;
top: 3.1em !important;
width: auto !important;
height: auto !important;
list-style: none;
padding: 0;
margin: 0;
}
[dir=rtl] #dokuwiki__header ul.a11y.skip {
right: auto !important;
left: 1em !important;
}
} /* /@media */

View file

@ -0,0 +1,154 @@
/**
* This file provides the styles for printing.
*
* @todo: improve and finish
*/
body {
font: normal 87.5%/1.3 Garamond, Baskerville, "Hoefler Text", "Nimbus Roman No9 L", serif;
background-color: #fff;
color: #000;
}
/* hide certain sections */
audio,
video,
#dokuwiki__header .tools,
#dokuwiki__aside,
.dokuwiki .breadcrumbs,
.dokuwiki .toc,
#dw__toc,
#dokuwiki__pagetools,
#dokuwiki__footer {
display: none;
}
h1,
h2,
h3,
h4,
h5,
caption,
legend {
clear: both;
}
ul {
list-style: disc outside;
}
ol {
list-style: decimal outside;
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: upper-roman;
}
ol ol ol ol {
list-style-type: upper-alpha;
}
ol ol ol ol ol {
list-style-type: lower-roman;
}
/* undo icons */
a:link,
a:visited {
text-decoration: none;
border-bottom: 1pt dotted;
color: #333;
background-color: inherit;
background-image: none;
padding: 0;
}
/* display href after link */
a.urlextern:after,
a.interwiki:after,
a.mail:after {
content: " [" attr(href) "]";
font-size: 90%;
}
/* code blocks */
pre {
font-family: monospace;
}
dl.code dt,
dl.file dt {
font-weight: bold;
}
/* images */
img {
border-width: 0;
vertical-align: middle;
}
img.media {
margin: .2em 0;
}
img.medialeft {
margin: .2em 1.5em .2em 0;
}
img.mediaright {
margin: .2em 0 .2em 1.5em;
}
img.mediacenter {
margin: .2em auto;
}
mark {
font-weight: bold;
}
blockquote {
padding: 0 10pt;
margin: 0;
border: solid #ccc;
border-width: 0 0 0 2pt;
}
[dir=rtl] blockquote {
border-width: 0 2pt 0 0;
}
/* tables */
table {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
border: 1pt solid #ccc;
}
th,
td {
padding: 3pt 5pt;
margin: 0;
vertical-align: top;
border: 1pt solid #666;
text-align: left;
}
[dir=rtl] th,
[dir=rtl] td {
text-align: right;
}
th {
font-weight: bold;
}
/*____________ a bit of layout ____________*/
#dokuwiki__header {
border-bottom: 2pt solid #ccc;
}
#dokuwiki__header h1 {
font-size: 1.5em;
}
#dokuwiki__header h1 a {
text-decoration: none;
}
.dokuwiki div.footnotes {
clear: both;
border-top: 1pt solid #000;
margin-top: 10pt;
}

View file

@ -0,0 +1,48 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

View file

@ -0,0 +1,81 @@
/**
* This file provides styles for the general layout structure.
*
* @author Anika Henke <anika@selfthinker.org>
*/
body {
margin: 0 auto;
}
#dokuwiki__site {
margin: 0 auto;
max-width: __site_width__;
padding: 1.4em 1em;
}
#dokuwiki__site > .site {
}
#dokuwiki__header {
}
#dokuwiki__header > .pad {
}
#dokuwiki__header .headings {
float: left;
}
[dir=rtl] #dokuwiki__header .headings {
float: right;
}
#dokuwiki__header .tools {
float: right;
text-align: right;
}
[dir=rtl] #dokuwiki__header .tools {
float: left;
text-align: left;
}
#dokuwiki__site .wrapper {
position: relative;
}
#dokuwiki__aside {
width: __sidebar_width__;
float: left;
position: relative;
display: block;
}
[dir=rtl] #dokuwiki__aside {
float: right;
}
#dokuwiki__aside > .pad {
margin: 0 1.5em 0 0;
}
[dir=rtl] #dokuwiki__aside > .pad {
margin: 0 0 0 1.5em;
}
/* make content wider when there's no sidebar */
.hasSidebar #dokuwiki__content {
float: right;
margin-left: -__sidebar_width__;
width: 100%;
}
[dir=rtl] .hasSidebar #dokuwiki__content {
float: left;
margin-left: 0;
margin-right: -__sidebar_width__;
}
.hasSidebar #dokuwiki__content > .pad {
margin-left: __sidebar_width__;
}
[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
margin-left: 0;
margin-right: __sidebar_width__;
}
#dokuwiki__footer {
clear: both;
}
#dokuwiki__footer > .pad {
}

View file

@ -0,0 +1,97 @@
<?php
/**
* DokuWiki Image Detail Page
*
* @author Andreas Gohr <andi@splitbrain.org>
* @author Anika Henke <anika@selfthinker.org>
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
*/
// must be run from within DokuWiki
if (!defined('DOKU_INC')) die();
@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */
?><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang']?>"
lang="<?php echo $conf['lang']?>" dir="<?php echo $lang['direction'] ?>" class="no-js">
<head>
<meta charset="UTF-8" />
<title>
<?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?>
[<?php echo strip_tags($conf['title'])?>]
</title>
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<?php tpl_metaheaders()?>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<?php echo tpl_favicon(array('favicon', 'mobile')) ?>
<?php tpl_includeFile('meta.html') ?>
</head>
<body>
<div id="dokuwiki__detail" class="<?php echo tpl_classes(); ?>">
<?php html_msgarea() ?>
<?php if($ERROR): print $ERROR; ?>
<?php else: ?>
<main class="content group">
<?php if($REV) echo p_locale_xhtml('showrev');?>
<h1><?php echo hsc(tpl_img_getTag('IPTC.Headline', $IMG))?></h1>
<?php tpl_img(900, 700); /* the image; parameters: maximum width, maximum height (and more) */ ?>
<div class="img_detail">
<h2><?php print nl2br(hsc(tpl_img_getTag('simple.title'))); ?></h2>
<?php if(function_exists('tpl_img_meta')): ?>
<?php tpl_img_meta(); ?>
<?php else: /* deprecated since Release 2014-05-05 */ ?>
<dl>
<?php
$config_files = getConfigFiles('mediameta');
foreach ($config_files as $config_file) {
if(@file_exists($config_file)) {
include($config_file);
}
}
foreach($fields as $key => $tag){
$t = array();
if (!empty($tag[0])) {
$t = array($tag[0]);
}
if(is_array($tag[3])) {
$t = array_merge($t,$tag[3]);
}
$value = tpl_img_getTag($t);
if ($value) {
echo '<dt>'.$lang[$tag[1]].':</dt><dd>';
if ($tag[2] == 'date') {
echo dformat($value);
} else {
echo hsc($value);
}
echo '</dd>';
}
}
?>
</dl>
<?php endif; ?>
<?php //Comment in for Debug// dbg(tpl_img_getTag('Simple.Raw')); ?>
</div>
</main><!-- /.content -->
<nav>
<ul>
<?php if (file_exists(DOKU_INC . 'inc/Menu/DetailMenu.php')) {
echo (new \dokuwiki\Menu\DetailMenu())->getListItems('action ', false);
} else {
_tpl_detailtools();
} ?>
</ul>
</nav>
<?php endif; ?>
</div>
</body>
</html>

View file

@ -0,0 +1,140 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="128.17094" height="128.03864" id="svg2" sodipodi:version="0.32" inkscape:version="0.48.1 " sodipodi:docname="dokuwiki-logo.svg" version="1.1">
<title id="title3181">DokuWiki Logo</title>
<defs id="defs4">
<linearGradient id="linearGradient2624">
<stop style="stop-color:#3a9030;stop-opacity:0.83673471;" offset="0" id="stop2626"/>
<stop style="stop-color:#3d9c32;stop-opacity:0.79591835;" offset="1" id="stop2628"/>
</linearGradient>
<linearGradient id="linearGradient2612">
<stop style="stop-color:#25901b;stop-opacity:0.83673471;" offset="0" id="stop2614"/>
<stop style="stop-color:#25901b;stop-opacity:0.37755102;" offset="1" id="stop2616"/>
</linearGradient>
<linearGradient id="linearGradient2600">
<stop style="stop-color:#e32525;stop-opacity:0.81632656;" offset="0" id="stop2602"/>
<stop style="stop-color:#e32525;stop-opacity:0.5714286;" offset="1" id="stop2604"/>
</linearGradient>
<marker inkscape:stockid="TriangleOutL" orient="auto" refY="0" refX="0" id="TriangleOutL" style="overflow:visible">
<path id="path2488" d="m 5.77,0 -8.65,5 0,-10 8.65,5 z" style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none" transform="scale(0.8,0.8)" inkscape:connector-curvature="0"/>
</marker>
<marker inkscape:stockid="Arrow2Lstart" orient="auto" refY="0" refX="0" id="Arrow2Lstart" style="overflow:visible">
<path id="path2571" style="font-size:12px;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" d="M 8.7185878,4.0337352 -2.2072895,0.01601326 8.7185884,-4.0017078 c -1.7454984,2.3720609 -1.7354408,5.6174519 -6e-7,8.035443 z" transform="matrix(1.1,0,0,1.1,-5.5,0)" inkscape:connector-curvature="0"/>
</marker>
<linearGradient id="linearGradient2408">
<stop id="stop2410" offset="0" style="stop-color:#000000;stop-opacity:0.17346939;"/>
<stop id="stop2412" offset="1" style="stop-color:#c7cec2;stop-opacity:0;"/>
</linearGradient>
<linearGradient id="linearGradient2389">
<stop style="stop-color:#000000;stop-opacity:0.17346939;" offset="0" id="stop2391"/>
<stop style="stop-color:#c7cec2;stop-opacity:0;" offset="1" id="stop2393"/>
</linearGradient>
<linearGradient id="linearGradient2370">
<stop style="stop-color:#fbfaf9;stop-opacity:1;" offset="0" id="stop2372"/>
<stop style="stop-color:#e9dac7;stop-opacity:1;" offset="1" id="stop2374"/>
</linearGradient>
<linearGradient id="linearGradient2364">
<stop id="stop2366" offset="0" style="stop-color:#fbf6f0;stop-opacity:1;"/>
<stop id="stop2368" offset="1" style="stop-color:#e9dac7;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linearGradient2348">
<stop style="stop-color:#fbf6f0;stop-opacity:1;" offset="0" id="stop2350"/>
<stop style="stop-color:#e9dac7;stop-opacity:1;" offset="1" id="stop2352"/>
</linearGradient>
<linearGradient id="linearGradient2332">
<stop style="stop-color:#ede1ae;stop-opacity:1;" offset="0" id="stop2334"/>
<stop style="stop-color:#fefdfa;stop-opacity:1;" offset="1" id="stop2336"/>
</linearGradient>
<linearGradient id="linearGradient2249">
<stop style="stop-color:#00a423;stop-opacity:1;" offset="0" id="stop2251"/>
<stop style="stop-color:#00b427;stop-opacity:1;" offset="1" id="stop2253"/>
</linearGradient>
<linearGradient id="linearGradient2229">
<stop id="stop2231" offset="0" style="stop-color:#00b62b;stop-opacity:1;"/>
<stop id="stop2233" offset="1" style="stop-color:#a1d784;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linearGradient2213">
<stop style="stop-color:#000000;stop-opacity:1;" offset="0" id="stop2215"/>
<stop style="stop-color:#000000;stop-opacity:0;" offset="1" id="stop2217"/>
</linearGradient>
<linearGradient id="linearGradient2360">
<stop style="stop-color:#d69c00;stop-opacity:1;" offset="0" id="stop2362"/>
<stop style="stop-color:#ffe658;stop-opacity:1;" offset="1" id="stop2364"/>
</linearGradient>
<linearGradient id="linearGradient2352">
<stop id="stop2354" offset="0" style="stop-color:#ce411e;stop-opacity:1;"/>
<stop id="stop2356" offset="1" style="stop-color:#ecad8d;stop-opacity:1;"/>
</linearGradient>
<linearGradient id="linearGradient2336">
<stop style="stop-color:#8f2a15;stop-opacity:1;" offset="0" id="stop2338"/>
<stop style="stop-color:#c8381b;stop-opacity:1;" offset="1" id="stop2340"/>
</linearGradient>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2336" id="linearGradient2342" x1="219.21262" y1="189.01556" x2="286.22665" y2="189.01556" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2352" id="linearGradient2350" x1="219.66267" y1="192.73286" x2="277.8761" y2="192.73286" gradientUnits="userSpaceOnUse"/>
<radialGradient inkscape:collect="always" xlink:href="#linearGradient2360" id="radialGradient2366" cx="224.41418" cy="212.80016" fx="224.41418" fy="212.80016" r="8.6813803" gradientTransform="matrix(1,0,0,0.984179,0,3.366635)" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2249" id="linearGradient2227" x1="192.03938" y1="262.25757" x2="263.67093" y2="262.25757" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2229" id="linearGradient2247" x1="191.75092" y1="258.91571" x2="255.6561" y2="258.91571" gradientUnits="userSpaceOnUse"/>
<radialGradient inkscape:collect="always" xlink:href="#linearGradient2360" id="radialGradient2317" cx="257.41144" cy="274.64203" fx="257.41144" fy="274.64203" r="7.1440549" gradientTransform="matrix(1,0,0,1.631384,0,-173.4045)" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2360" id="linearGradient2325" x1="184.07063" y1="246.35907" x2="201.40646" y2="246.35907" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2332" id="linearGradient2346" x1="162.76369" y1="184.99277" x2="240.84924" y2="289.50323" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2348" id="linearGradient2354" x1="140.15784" y1="303.78967" x2="136.14151" y2="195.87151" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2370" id="linearGradient2362" x1="286.15598" y1="262.28729" x2="185.81258" y2="172.32423" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2389" id="linearGradient2395" x1="213.96568" y1="220.07191" x2="244.79126" y2="265.40363" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2408" id="linearGradient2406" x1="184.30582" y1="241.52789" x2="224.67441" y2="307.52844" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2600" id="linearGradient2606" x1="202.41772" y1="222.05145" x2="206.06017" y2="210.3558" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2612" id="linearGradient2618" x1="248.62152" y1="234.52202" x2="251.64362" y2="213.12164" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2624" id="linearGradient2630" x1="275.71765" y1="251.56442" x2="255.68353" y2="217.94008" gradientUnits="userSpaceOnUse"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2352" id="linearGradient2640" gradientUnits="userSpaceOnUse" x1="219.66267" y1="192.73286" x2="277.8761" y2="192.73286"/>
<linearGradient inkscape:collect="always" xlink:href="#linearGradient2336" id="linearGradient2643" gradientUnits="userSpaceOnUse" x1="219.21262" y1="189.01556" x2="286.22665" y2="189.01556"/>
<radialGradient inkscape:collect="always" xlink:href="#linearGradient2360" id="radialGradient2647" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1,0,0,0.984179,0,3.366635)" cx="224.41418" cy="212.80016" fx="224.41418" fy="212.80016" r="8.6813803"/>
</defs>
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="2.03" inkscape:cx="35.144424" inkscape:cy="83.160427" inkscape:document-units="px" inkscape:current-layer="layer3" inkscape:window-width="1366" inkscape:window-height="716" inkscape:window-x="-8" inkscape:window-y="-8" showguides="true" inkscape:guide-bbox="true" showgrid="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:window-maximized="1" inkscape:showpageshadow="false" showborder="true" borderlayer="false"/>
<metadata id="metadata7">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title>DokuWiki Logo</dc:title>
<dc:creator>
<cc:Agent>
<dc:title>Esther Brunner</dc:title>
</cc:Agent>
</dc:creator>
<cc:license rdf:resource="http://www.gnu.org/licenses/gpl-2.0.html"/>
</cc:Work>
</rdf:RDF>
</metadata>
<g inkscape:groupmode="layer" id="layer3" inkscape:label="paper" style="display:inline" transform="translate(-158.10602,-158.67323)">
<g id="g1419" transform="matrix(0.99993322,0,0,0.9959778,0.01483419,0.8957919)">
<g id="g2376">
<path transform="matrix(0.989976,-0.141236,0.201069,0.979577,0,0)" style="fill:url(#linearGradient2354);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.7216621px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 120.21543,196.43769 70.90655,-0.79226 -2.40261,109.05308 -71.71761,0.37344 3.21367,-108.63426 z" id="rect1422" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0"/>
<path style="fill:url(#linearGradient2362);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 179.20033,182.08731 79.84173,-19.51687 26.61391,101.72428 -82.50312,21.58684 -23.95252,-103.79425 z" id="rect1425" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0"/>
<path transform="matrix(0.995676,-0.09289891,0.08102261,0.996712,0,0)" style="fill:url(#linearGradient2346);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00418305px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;display:inline" d="m 159.01353,181.74387 85.58587,0.53396 0,110.47429 -84.53387,-2.5127 -1.052,-108.49555 z" id="rect1419" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0"/>
</g>
<path id="text2382" d="m 167.55116,214.00773 0,-20.1846 5.34962,0 0,2.37403 -2.48145,0 0,15.43654 2.48145,0 0,2.37403 -5.34962,0 m 7.34767,0 0,-20.1846 5.34961,0 0,2.37403 -2.48144,0 0,15.43654 2.48144,0 0,2.37403 -5.34961,0 m 7.36915,-20.1846 5.81153,0 c 1.31054,2e-5 2.30956,0.10028 2.99707,0.30078 0.92382,0.27216 1.71516,0.75555 2.37403,1.4502 0.65884,0.69468 1.16014,1.54689 1.50391,2.55664 0.34373,1.00262 0.51561,2.24155 0.51562,3.71681 -10e-6,1.29623 -0.16115,2.41342 -0.4834,3.35156 -0.39389,1.14584 -0.95607,2.07325 -1.68652,2.78223 -0.55145,0.53711 -1.29624,0.95606 -2.23438,1.25684 -0.70183,0.222 -1.63999,0.33301 -2.81446,0.33301 l -5.9834,0 0,-15.74807 m 3.17969,2.66407 0,10.43067 2.37402,0 c 0.88802,1e-5 1.52897,-0.0501 1.92286,-0.15039 0.51561,-0.1289 0.94172,-0.34732 1.27832,-0.65527 0.34374,-0.30794 0.62304,-0.81282 0.83789,-1.51465 0.21483,-0.70898 0.32226,-1.6722 0.32227,-2.88965 -1e-5,-1.21744 -0.10744,-2.15201 -0.32227,-2.80372 -0.21485,-0.65168 -0.51563,-1.16014 -0.90234,-1.52539 -0.38673,-0.36522 -0.87729,-0.61229 -1.47168,-0.74121 -0.44402,-0.10025 -1.31414,-0.15038 -2.61036,-0.15039 l -1.42871,0 m 14.96388,13.084 -3.75977,-15.74807 3.25489,0 2.37403,10.8174 2.87891,-10.8174 3.78125,0 2.76074,11.00002 2.417,-11.00002 3.20118,0 -3.82423,15.74807 -3.37305,0 -3.13672,-11.77345 -3.12598,11.77345 -3.44825,0 m 22.76272,-15.74807 0,20.1846 -5.34961,0 0,-2.37403 2.48145,0 0,-15.45803 -2.48145,0 0,-2.35254 5.34961,0 m 7.34767,0 0,20.1846 -5.34962,0 0,-2.37403 2.48145,0 0,-15.45803 -2.48145,0 0,-2.35254 5.34962,0" style="font-size:12.0000124px;font-style:normal;font-weight:normal;line-height:125%;fill:#6184a3;fill-opacity:1;stroke:none;display:inline;font-family:Bitstream Vera Sans" transform="matrix(0.995433,-0.09546066,0.09546066,0.995433,0,0)" inkscape:connector-curvature="0"/>
<g id="g2632" style="display:inline">
<path style="fill:url(#linearGradient2606);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;marker-end:none" d="m 174.75585,201.60224 c -6.04576,2.46667 -10.16789,4.4194 -12.88454,6.35064 -2.71665,1.93124 -3.19257,4.60007 -3.24631,6.26587 -0.0269,0.8329 0.0809,1.77774 0.63189,2.44014 0.55103,0.6624 1.80769,1.87421 2.75794,2.38558 1.90049,1.02274 7.5417,2.42901 10.51899,3.07308 11.90917,2.57627 26.80568,1.68117 26.80568,1.68117 1.69307,1.2452 2.83283,2.82434 3.269,4.26902 4.5766,-1.88674 11.81084,-6.58439 13.15657,-8.57706 -5.45142,-4.19955 -10.79692,-6.33346 -16.51317,-8.30847 -1.59867,-0.71918 -2.87956,-1.22649 -0.71773,2.55635 0.98506,2.47275 0.85786,5.05143 0.57176,7.41825 0,0 -16.52749,0.40678 -28.23838,-2.1266 -2.92772,-0.63334 -5.46627,-0.95523 -7.21875,-1.89832 -0.87624,-0.47154 -1.48296,-0.8208 -1.91578,-1.3411 -0.43282,-0.5203 -0.2196,-1.29055 -0.20128,-1.85858 0.0366,-1.13607 0.25336,-1.67063 2.86177,-3.52492 2.60841,-1.85429 5.65407,-3.36195 11.65936,-5.81211 -0.0877,-1.29125 -0.29025,-2.5059 -1.29702,-2.99294 z" id="path2414" sodipodi:nodetypes="csssssccccccssssscc" inkscape:connector-curvature="0"/>
<path style="fill:url(#linearGradient2618);fill-opacity:1;fill-rule:evenodd;stroke:none" d="m 269.62539,220.7482 c -1.43576,-0.13963 -2.58044,0.30288 -2.56084,1.50218 0.94391,0.85652 1.34942,2.43518 1.48562,3.14008 0.1362,0.7049 0.0359,1.21914 -0.48562,1.89004 -1.043,1.3418 -3.12498,1.56875 -6.5006,2.72063 -6.75124,2.30377 -16.89306,2.52561 -27.90689,3.84639 -22.02767,2.64157 -39.03164,3.76107 -39.03164,3.76107 1.98346,-4.64758 6.32828,-4.41197 6.34903,-8.20969 0.27376,-0.89755 -3.14597,-1.31638 -5.09943,-0.10731 -4.26694,3.70137 -7.59152,6.75353 -10.69418,10.51311 l 1.88795,3.08438 c 0,0 26.13006,-2.88973 48.19776,-5.5361 11.03385,-1.32318 20.95601,-1.99856 27.80968,-4.33728 3.42683,-1.16936 5.95975,-1.49022 7.6409,-3.51958 0.63172,-0.76256 1.35238,-3.04699 1.06804,-4.73369 -0.21951,-1.30213 -1.14979,-3.09774 -2.15978,-4.01423 z" id="path2608" sodipodi:nodetypes="ccsssscccccssssc" inkscape:connector-curvature="0"/>
<path style="fill:url(#linearGradient2630);fill-opacity:1;fill-rule:evenodd;stroke:none" d="m 254.36185,220.33948 c -6.84997,3.24198 -7.15311,8.60912 -5.95953,12.79884 1.19358,4.18972 5.26293,8.75677 9.32121,12.40608 8.11656,7.29861 12.06046,9.33163 12.06046,9.33163 -3.71515,-0.10342 -7.89887,-1.41174 -8.13315,0.49304 -0.9483,2.97582 11.49137,3.47486 17.43787,2.70205 -1.39456,-7.57836 -3.79323,-13.21546 -7.73151,-14.90312 -1.68464,-0.14804 0.31242,4.72441 0.76985,9.39604 0,0 -3.62454,-1.73122 -11.60519,-8.90762 -3.99032,-3.5882 -7.37386,-7.3421 -8.47319,-11.20099 -1.09933,-3.85889 0.0776,-6.1205 4.95082,-9.53176 0.92816,-0.99528 -1.28985,-2.45913 -2.63764,-2.58419 z" id="path2620" sodipodi:nodetypes="csscccccsscc" inkscape:connector-curvature="0"/>
</g>
<path sodipodi:nodetypes="cccccc" id="rect2386" d="m 213.96569,234.57806 2.18756,-14.42897 15.21982,6.08793 21.49387,29.94828 -20.40591,9.21832 -18.49534,-30.82556 z" style="fill:url(#linearGradient2395);fill-opacity:1;stroke:none;display:inline" inkscape:connector-curvature="0"/>
<g id="g2649" style="display:inline">
<path style="fill:url(#radialGradient2647);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1" d="m 232.55816,219.5295 -15.92827,0.32199 3.08809,-15.15716 12.84018,14.83517 z" id="path1443" sodipodi:nodetypes="cccc" inkscape:connector-curvature="0"/>
<path style="fill:#812310;fill-opacity:1;fill-rule:evenodd;stroke:none" d="m 221.60041,219.29315 -4.41205,0.0782 0.85429,-3.98263 3.55776,3.90445 z" id="path1452" sodipodi:nodetypes="cccc" inkscape:connector-curvature="0"/>
<path style="fill:url(#linearGradient2643);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1" d="m 269.44172,159.27421 0.098,8.91471 8.0581,8.72344 7.75906,0.7992 -52.80669,41.84092 -6.66532,-3.30696 -5.08243,-5.618 -1.08987,-5.91194 49.72911,-45.44137 z" id="rect1437" sodipodi:nodetypes="ccccccccc" inkscape:connector-curvature="0"/>
<path style="fill:url(#linearGradient2640);fill-opacity:1;fill-rule:evenodd;stroke:none" d="m 268.94766,168.32844 8.3426,8.82719 -51.1007,38.68262 -4.9197,-5.4436 47.6778,-42.06621 z" id="rect1446" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0"/>
<path style="fill:#ffe965;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1;display:inline" d="m 285.33776,177.73216 -8.16219,-0.86619 -7.7518,-8.67862 0.0132,-9.14293 8.36213,0.75209 7.18862,9.57682 0.35007,8.35883 z" id="path1440" sodipodi:nodetypes="ccccccc" inkscape:connector-curvature="0"/>
<path style="fill:#cb391c;fill-opacity:1;fill-rule:evenodd;stroke:none" d="m 280.72049,168.46367 0.1644,4.05654 -3.81335,-0.71676 -2.87504,-3.18901 -0.28089,-3.53393 3.85447,-0.16637 2.95041,3.54953 z" id="path1449" sodipodi:nodetypes="ccccccc" inkscape:connector-curvature="0"/>
</g>
<g id="g2657" style="display:inline">
<path style="fill:url(#linearGradient2406);fill-opacity:1;stroke:none" d="m 183.88617,256.82796 0.99991,-16.30721 17.2878,8.44012 26.05488,38.00946 -29.28095,-1.13363 -15.06164,-29.00874 z" id="rect2397" sodipodi:nodetypes="cccccc" inkscape:connector-curvature="0"/>
<path style="fill:url(#linearGradient2325);fill-opacity:1;stroke:#000000;stroke-linejoin:round;stroke-opacity:1;display:inline" d="m 200.90647,238.44836 -8.04601,15.77386 -7.05577,-13.57337 15.10178,-2.20049 z" id="rect2207" sodipodi:nodetypes="cccc" inkscape:connector-curvature="0"/>
<path style="fill:url(#linearGradient2227);fill-opacity:1;stroke:#000000;stroke-linejoin:round;stroke-opacity:1" d="m 201.05389,238.55401 62.11704,24.91912 -7.88689,3.21429 -4.35152,9.30976 1.1716,9.96396 -59.31453,-31.72759 -0.49402,-7.36382 3.09592,-5.82826 5.6624,-2.48746 z" id="rect1328" sodipodi:nodetypes="ccccccccc" inkscape:connector-curvature="0"/>
<path style="fill:url(#radialGradient2317);fill-opacity:1;stroke:#000000;stroke-linejoin:round;stroke-opacity:1;display:inline" d="m 255.27801,266.53504 7.9241,-3.04772 0.85337,10.24037 -3.9011,8.28983 -8.04601,3.77919 -1.341,-9.63083 4.51064,-9.63084 z" id="rect2204" sodipodi:nodetypes="ccccccc" inkscape:connector-curvature="0"/>
<path style="fill:url(#linearGradient2247);fill-opacity:1;stroke:none;display:inline" d="m 195.7549,241.421 59.13059,24.7962 -4.5917,9.76614 -57.48995,-29.00967 2.95106,-5.55267 z" id="rect2210" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0"/>
<path style="fill:#00b527;fill-opacity:1;stroke:none" d="m 255.02263,275.21029 2.08411,-4.1069 2.96459,-1.06995 0.69433,3.37197 -1.76759,3.85723 -3.15516,1.38315 -0.82028,-3.4355 z" id="rect2308" sodipodi:nodetypes="ccccccc" inkscape:connector-curvature="0"/>
<path style="fill:#258209;fill-opacity:1;stroke:none;display:inline" d="m 186.56849,241.00362 3.54963,-0.47312 -2.02297,3.53926 -1.52666,-3.06614 z" id="rect2327" sodipodi:nodetypes="cccc" inkscape:connector-curvature="0"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 20 KiB

View file

@ -0,0 +1,23 @@
function bulma_breadcrumbs() {
$out='';
$out .= '<nav class="breadcrumb" aria-label="breadcrumbs">';
$out .= '<ul>';
$crumbs = breadcrumbs(); //setup crumb trace
//render crumbs, highlight the last one
$last = count($crumbs);
$i = 0;
foreach($crumbs as $id => $name) {
$i++;
if($i == $last) {
$out .= '<li class="is-active">';
} else {
$out .= '<li>';
}
$out .= tpl_link(wl($id), hsc($name), 'aria-current="page" title="'.$id.'"', true);
$out .= '</li>';
}
$out .= '</ul>';
$out .= '</nav>';
print $out;
}

View file

@ -0,0 +1,7 @@
<?php
/**
* Deutsche Übersetzung Einstellungen
*
*/
$lang['hideTools'] = 'Tools abschalten, wenn der Benutzer nicht angemeldet ist?';

View file

@ -0,0 +1,10 @@
<?php
/**
* English language file for template
*
*/
$lang['__existing__'] = 'The color for links to existing pages';
$lang['__missing__'] = 'The color for links to non-existing pages';
$lang['__site_width__'] = 'The width of the full site (can be any length unit: %, px, em, ...)';
$lang['__sidebar_width__'] = 'The width of the sidebar, if any (can be any length unit: %, px, em, ...)';

View file

@ -0,0 +1,8 @@
<?php
/**
* English language file for config
*
*/
$lang['hideTools'] = 'Hide tools when not logged in?';
$lang['sidebarIsNav'] = 'Is the sidebar mainly used for navigation?';

View file

@ -0,0 +1 @@
If you'd like to change the favicon, simply use the Media Manager to upload a ''favicon.ico'' into the ''wiki'' or the root namespace and it will automatically be used. If you use a closed wiki it is recommended to make the ''wiki'' (or root) namespace world readable in the ACL settings or your favicon will not be shown to logged-out users.

View file

@ -0,0 +1,7 @@
<?php
/**
* Fichier de langue française pour la config.
*
*/
$lang['hideTools'] = 'Masquer les outils aux visiteurs anonymes ?';

View file

@ -0,0 +1,11 @@
<?php
/**
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
*
* @author Hideaki SAWADA <chuno@live.jp>
*/
$lang['__existing__'] = '既存ページへのリンク色';
$lang['__missing__'] = '存在しないページへのリンク色';
$lang['__site_width__'] = 'サイトの全体幅(任意の長さの単位を使用可能: % px em 他)';
$lang['__sidebar_width__'] = 'サイドバーがある場合、サイドバーの幅(任意の長さの単位を使用可能: % px em 他)';

View file

@ -0,0 +1,8 @@
<?php
/**
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
*
* @author Hideaki SAWADA <chuno@live.jp>
*/
$lang['hideTools'] = 'ログインしていない場合、ツールを隠す';

View file

@ -0,0 +1,4 @@
ファビコンを変更したい場合、メディア管理を利用して ''wiki'' またはルート名前空間に ''favicon.ico'' をアップロードして下さい。
自動的にその画像を使用します。
アクセス制限のある wiki を使用している場合、アクセスコントロール管理で ''wiki''(またはルート)名前空間を全員読取可に設定して下さい。
そうでないとログインしていないユーザーにファビコンが表示されません。

View file

@ -0,0 +1,10 @@
<?php
/**
* Korean language file for template
*
*/
$lang['__existing__'] = '문서가 존재하는 링크의 색';
$lang['__missing__'] = '문서가 존재하지 않는 링크의 색';
$lang['__site_width__'] = '전체 사이트의 너비 (어떠한 길이 단위도 사용할 수 있습니다: %, px, em, ...)';
$lang['__sidebar_width__'] = '사이드바가 있다면, 그것의 너비 (어떠한 길이 단위도 사용할 수 있습니다: %, px, em, ...)';

View file

@ -0,0 +1,7 @@
<?php
/**
* Korean language file for config
*
*/
$lang['hideTools'] = '로그인하지 않을 때 도구를 숨길까요?';

View file

@ -0,0 +1 @@
파비콘을 바꾸고 싶으면, 간단히 미디어 관리자를 사용하여 ''wiki'' 또는 루트 이름공간 안에 ''favicon.ico''를 올리면 자동으로 사용됩니다. 닫힌 위키를 사용한다면 ACL 설정에서 ''wiki'' (또는 루트) 이름공간을 누구나 읽을 수 있도록 하는 것을 권장합니다, 또는 파비콘이 로그아웃한 사용자에게 보이지 않습니다.

View file

@ -0,0 +1,9 @@
<?php
/**
* Russian language file
*
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
* @author Aleksandr Selivanov <alexgearbox@gmail.com>
*/
$lang['hideTools'] = 'Скрывать инструменты гостям?';

109
templates/55/bulma/main.php Normal file
View file

@ -0,0 +1,109 @@
<?php
/**
* DokuWiki Starter Template
*
* @link http://dokuwiki.org/template:starter
* @author Anika Henke <anika@selfthinker.org>
* @license GPL 2 (http://www.gnu.org/licenses/gpl.html)
*/
if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */
@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */
$_toc = tpl_toc(true);
$showToc = !empty($_toc) ? true : false;
$showTools = !tpl_getConf('hideTools') || ( tpl_getConf('hideTools') && !empty($_SERVER['REMOTE_USER']) );
$showSidebar = page_findnearest($conf['sidebar']) && ($ACT=='show');
$sidebarElement = tpl_getConf('sidebarIsNav') ? 'nav' : 'aside';
?><!DOCTYPE html>
<html class="has-background-light" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang'] ?>"
lang="<?php echo $conf['lang'] ?>" dir="<?php echo $lang['direction'] ?>" class="no-js">
<head>
<meta charset="UTF-8" />
<title><?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>]</title>
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<?php tpl_metaheaders() ?>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<?php echo tpl_favicon(array('favicon', 'mobile')) ?>
<?php tpl_includeFile('meta.html') ?>
</head>
<?php /* the "dokuwiki__top" id is needed somewhere at the top, because that's where the "back to top" button/link links to */ ?>
<?php /* tpl_classes() provides useful CSS classes; if you choose not to use it, the 'dokuwiki' class at least
should always be in one of the surrounding elements (e.g. plugins and templates depend on it) */ ?>
<body>
<div id="dokuwiki__top" class="<?php echo tpl_classes(); ?> <?php echo ($showSidebar) ? 'hasSidebar' : ''; ?>">
<!-- NAVBAR -->
<nav class="navbar has-shadow is-link mb-4" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<!-- LOGO -->
<?php
$logo = tpl_getMediaFile(array('images/logo.svg'), true);
tpl_link(
wl(),
'<img src="'. $logo .'" alt="" />',
'class="navbar-item brand-text" accesskey="h" title="[H]"'
);
?>
<!-- TITLE -->
<div class="navbar-item brand-text">
<?php echo $conf['title']; ?>
</div><!-- /title -->
</div><!-- /navbar-brand -->
<div class="navbar-end">
<?php _tpl_tools_menu(); ?>
<?php _tpl_user_menu(); ?>
</div><!-- /navbar-end -->
</nav><!-- /navbar -->
<div class="container is-fluid">
<div class="columns">
<!-- SIDEBAR -->
<div id="bulma-sidebar" class="sidebar column is-2">
<?php if($showSidebar): ?>
<nav class="content is-small">
<?php tpl_include_page($conf['sidebar'], true, true) ?>
</nav>
<?php endif; ?>
</div><!-- /bulma-sidebar -->
<!-- CONTENT COLUMN -->
<div class="bulma-content column has-background-white is-8">
<!-- BREADCRUMBS -->
<?php
if($conf['breadcrumbs']) {
_tpl_breadcrumbs();
}
if($conf['youarehere']){ ?>
<div class="breadcrumbs"><?php tpl_youarehere() ?></div>
<?php } ?>
<!-- CONTENT -->
<div id="dokuwiki__content" class="content pl-4 pr-4">
<?php _tpl_content(false) ?>
</div><!-- /content -->
</div><!-- /content column -->
<div class="bulma-toc-pagetools column is-2">
<div class="bulma-search">
<?php _tpl_searchform() ?>
</div>
<?php if ($showToc) _tpl_toc(); ?>
<div id="bulma-pagetools" style="position: sticky; top: 0px">
<h3 class="has-text-grey-light is-size-7">Page tools</h3>
<?php _tpl_page_tools(); ?>
</div><!-- /bulma-pagetools -->
</div><!-- /bulma-toc -->
</div><!-- /columns -->
</div><!-- /container -->
</div><!-- /dokuwiki__top -->
<div class="no"><?php tpl_indexerWebBug() /* provide DokuWiki housekeeping, required in all templates */ ?></div>
</div>
</body>
</html>

View file

@ -0,0 +1,44 @@
<?php
/**
* DokuWiki Bulma Template Media Manager Popup
*
* @link http://dokuwiki.org/template:bulma
* @author Gilberto Miralla-Flores <miralgj@gmail.com>
* @license MIT (https://opensource.org/license/MIT)
*/
if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */
@require_once(dirname(__FILE__).'/tpl_functions.php'); /* include hook for template functions */
?><!DOCTYPE html>
<html class="has-background-light" xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang']?>"
lang="<?php echo $conf['lang']?>" dir="<?php echo $lang['direction'] ?>" class="popup no-js">
<head>
<meta charset="UTF-8" />
<title>
<?php echo hsc($lang['mediaselect'])?>
[<?php echo strip_tags($conf['title'])?>]
</title>
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<?php tpl_metaheaders()?>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<?php echo tpl_favicon(array('favicon', 'mobile')) ?>
<?php tpl_includeFile('meta.html') ?>
</head>
<body>
<div id="media__manager" class="<?php echo tpl_classes(); ?>">
<nav id="mediamgr__aside"><div class="pad">
<h1><?php echo hsc($lang['mediaselect'])?></h1>
<?php /* keep the id! additional elements are inserted via JS here */?>
<div id="media__opts"></div>
<?php tpl_mediaTree() ?>
</div></nav>
<main id="mediamgr__content"><div class="pad">
<?php tpl_mediaContent() ?>
</div></main>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 518 KiB

View file

@ -0,0 +1,63 @@
// template-related scripts go here...
// The following code is based off a toggle menu by @Bradcomp
// source: https://gist.github.com/Bradcomp/a9ef2ef322a8e8017443b626208999c1
/*(function() {
var burger = document.querySelector('.burger');
var menu = document.querySelector('#'+burger.dataset.target);
burger.addEventListener('click', function() {
burger.classList.toggle('is-active');
menu.classList.toggle('is-active');
});
})();*/
var bulma = {
init: function() {
// TOC changes
//var $dw__toc = jQuery('#dw__toc');
//$dw__toc.addClass('menu');
//$dw__toc.find('h3').addClass('menu-label');
//$dw__toc.find('ul').addClass('menu-list');
// Content changes
var $dokuwiki__content = jQuery('#dokuwiki__content');
//$bulma-content.find('submit, button, reset').addClass('button is-small');
//$bulma-content.find('table').not('.htCore').addClass('table is-bordered is-striped is-narrow is-hoverable');
//$bulma-content.find('table thead tr').addClass('has-background-white-ter');
$dokuwiki__content.find('div.section_highlight_wrapper').addClass('section_highlight_nowrapper').removeClass('section_highlight_wrapper');
// ACL changes
//var $acl__user = jQuery('#acl__user');
//$acl__user.find('select').addClass('input select is-inline is-small').removeClass('edit');
//$acl__user.find('input').addClass('input is-inline is-small').removeClass('edit');
// Config changes
//var $config__manager = jQuery('#config__manager');
//$config__manager.find('input, select, textarea').removeClass('edit input');
//$config__manager.find('input')
// .not('[type=submit], [type=reset], [type=button], [type=hidden], [type=image], [type=checkbox], [type=radio]')
// .addClass('input is-small');
//$config__manager.find('tr.default input, tr.default select, tr.default textarea, .selectiondefault')
// .addClass('is-info').css('background-color','inherit');
//$config__manager.find('textarea').addClass('input');
//$config__manager.find('select').addClass('is-small');
//$config__manager.find('select').closest('.input').addClass('select is-small').removeClass('input');
//$config__manager.find('div.input').removeClass('input');
// Plugin changes
//var $extension__manager = jQuery('#extension__manager');
//$extension__manager.find('ul.tabs').wrap('<div class="tabs is-centered"></div>');
//$extension__manager.find('ul.tabs').removeClass('tabs');
//$extension__manager.find('li.active').addClass('is-active').removeClass('active');
//$extension__manager.find('.panelHeader').addClass('box').removeClass('panelHeader');
//$extension__manager.find('input').addClass('input is-inline is-small').removeClass('edit');
//// User manager
//var $user__manager = jQuery('#user__manager');
//$user__manager.find('input.edit').addClass('input is-inline is-small').removeClass('edit');
//$user__manager.find('input.button').addClass('user-search').removeClass('button');
},
};
jQuery(bulma.init);

View file

@ -0,0 +1,101 @@
; Please see https://www.php.net/manual/en/function.parse-ini-file.php
; for limitations of the ini format used here
; To extend this file or make changes to it, it is recommended to create
; a local conf/tpl/<template-folder-name>/style.ini file to prevent losing
; any changes after an upgrade.
; Please don't forget to copy the section your changes should be under
; (i.e. [stylesheets] or [replacements]) into that file as well.
; Define the stylesheets your template uses here. The second value
; defines for which output media the style should be loaded. Currently
; print, screen and all are supported.
; You can reference CSS and LESS files here. Files referenced here will
; be checked for updates when considering a cache rebuild while files
; included through LESS' @import statements are not
[stylesheets]
;css/basic.css = screen
; load styles from the default 'dokuwiki' template
; some of these have been renamed from *.css to *.less
; but .css still loads the same file and is backwards compatible
;../dokuwiki/css/_imgdetail.css = screen
;../dokuwiki/css/_media_popup.css = screen
;../dokuwiki/css/_media_fullscreen.css = screen
;../dokuwiki/css/_fileuploader.css = screen
;../dokuwiki/css/_tabs.css = screen
;../dokuwiki/css/_links.css = screen
;../dokuwiki/css/_toc.css = screen
;../dokuwiki/css/_footnotes.css = screen
;../dokuwiki/css/_search.css = screen
;../dokuwiki/css/_recent.css = screen
;../dokuwiki/css/_diff.css = screen
;../dokuwiki/css/_edit.css = screen
;../dokuwiki/css/_modal.css = screen
;../dokuwiki/css/_forms.css = screen
;../dokuwiki/css/_admin.css = screen
; load the rest of the styles
;css/structure.css = screen
;css/design.css = screen
;css/content.css = screen
;css/includes.css = screen
;css/mobile.css = all
;css/print.css = print
; reset css
css/reset.css = all
; load media
css/media.css = all
; load bulma
css/bulma.min.css = all
; my custom
css/custom.css = all
; This section is used to configure some placeholder values used in
; the stylesheets. Changing this file is the simplest method to
; give your wiki a new look.
; Placeholders defined here will also be made available as LESS variables
; (with surrounding underscores removed, and the prefix @ini_ added)
[replacements]
;--------------------------------------------------------------------------
;------ guaranteed dokuwiki color placeholders that every plugin can use
; main text and background colors
;__text__ = "#333" ; @ini_text
;__background__ = "#fff" ; @ini_background
;; alternative text and background colors
;__text_alt__ = "#999" ; @ini_text_alt
;__background_alt__ = "#eee" ; @ini_background_alt
;; neutral text and background colors
;__text_neu__ = "#666" ; @ini_text_neu
;__background_neu__ = "#ddd" ; @ini_background_neu
;; border color
;__border__ = "#ccc" ; @ini_border
;
;; highlighted text (e.g. search snippets)
;__highlight__ = "#ff9" ; @ini_highlight
;
;; link color
;__link__ = "#00c" ; @ini_link
;
;;--------------------------------------------------------------------------
;
;; these are used for other links
;__existing__ = "#090" ; @ini_existing
;__missing__ = "#f30" ; @ini_missing
;
;; widths
;__site_width__ = "64em" ; @ini_site_width
;__sidebar_width__ = "16em" ; @ini_sidebar_width
;
;; color of the web app (used by the core, not by the template)
;__theme_color__ = "#eee" ; @ini_theme_color

View file

@ -0,0 +1,7 @@
base bulma
author Gilberto Miralla-Flores
email miralgj ~at~ gmail.com
date 2024-09-20
name Bulma
desc Template based on Bulma CSS framework
url https://github.com/KSU-Linux/dokuwiki-template-bulma

View file

@ -0,0 +1,333 @@
<?php
/**
* Template Functions
*
* This file provides template specific custom functions that are
* not provided by the DokuWiki core.
* It is common practice to start each function with an underscore
* to make sure it won't interfere with future core functions.
*/
// must be run from within DokuWiki
if (!defined('DOKU_INC')) die();
use dokuwiki\Extension\Event;
/**
* Modified version of tpl_breadcrumbs() that adds Bulma classes
*/
function _tpl_breadcrumbs() {
$out='';
$out .= '<nav class="breadcrumb has-bullet-separator is-small" aria-label="breadcrumbs">';
$out .= '<ul>';
$out .= '<li class="is-active"><a>Trace</a></li>';
$crumbs = breadcrumbs(); //setup crumb trace
//render crumbs, highlight the last one
$last = count($crumbs);
$i = 0;
foreach($crumbs as $id => $name) {
$i++;
if($i == $last) {
$out .= '<li class="is-active">';
} else {
$out .= '<li>';
}
$out .= tpl_link(wl($id), hsc($name), 'aria-current="page" title="'.$id.'"', true);
$out .= '</li>';
}
$out .= '</ul>';
$out .= '</nav>';
echo $out;
}
/**
* Modified version of tpl_content() that adds Bulma classes to basic
* elements
*/
function _tpl_content($prependTOC = false) {
global $ACT;
global $INFO;
$INFO['prependTOC'] = $prependTOC;
ob_start();
Event::createAndTrigger('TPL_ACT_RENDER', $ACT, 'tpl_content_core');
$html_output = ob_get_clean();
$libxml_errors = libxml_use_internal_errors(true);
$dom = new DOMDocument();
//$dom->loadHTML($html_output);
$dom->loadHTML(mb_convert_encoding($html_output, 'HTML-ENTITIES', 'UTF-8'));
libxml_clear_errors();
libxml_use_internal_errors($libxml_errors);
// add button class to buttons, reset, and submit
foreach ($dom->getElementsByTagName('button') as $ele) {
$ele->setAttribute('class', 'button is-small');
}
foreach ($dom->getElementsByTagName('reset') as $ele) {
$ele->setAttribute('class', 'button is-small');
}
foreach ($dom->getElementsByTagName('submit') as $ele) {
$ele->setAttribute('class', 'button is-small');
}
// add select class to selects
foreach ($dom->getElementsByTagName('select') as $ele) {
// skip a select on the acl page because it looks weird
$name = $ele->getAttribute('name');
if ($name == 'acl_t') continue;
$ele->parentNode->setAttribute('class', 'select is-small');
}
// add checkbox, radio, and input classes
foreach ($dom->getElementsByTagName('input') as $ele) {
$type = $ele->getAttribute('type');
switch ($type) {
case 'checkbox':
$label = $ele->parentNode;
$label->setAttribute('class', $label->getAttribute('class') . ' checkbox');
break;
case 'radio':
$label = $ele->parentNode;
$label->setAttribute('class', $label->getAttribute('class') . ' radio');
break;
default:
$ele->setAttribute('class', $ele->getAttribute('class') . ' input is-small');
break;
}
//if ($type != 'checkbox') {
// $ele->setAttribute('class', $ele->getAttribute('class') . ' input is-small');
//} else {
// $label = $ele->parentNode;
// $label->setAttribute('class', $label->getAttribute('class') . ' checkbox');
//}
}
// add proper classes to odered lists
foreach ($dom->getElementsByTagName('ol') as $ele) {
foreach ($ele->childNodes as $i) {
// skip non DOMNode elements
if ($i->nodeType != 1) continue;
// skip non li elements
if ($i->nodeName != 'li') continue;
// apply proper class to ordered list based on what level# the
// first li element is
switch (substr($i->getAttribute('class'), 5, 1)) {
case '1':
break;
case '2':
$ele->setAttribute('class', 'is-lower-alpha');
break;
case '3':
$ele->setAttribute('class', 'is-upper-roman');
break;
case '4':
$ele->setAttribute('class', 'is-upper-alpha');
break;
default:
$ele->setAttribute('class', 'is-lower-roman');
break;
}
// break because we only need to evaluate the very first one
// to get the level
break;
}
}
// add table class to tables
foreach ($dom->getElementsByTagName('table') as $ele) {
$ele->setAttribute('class', 'table inline is-bordered is-striped is-narrow is-hoverable');
// get parent div and add table-container class
$div = $ele->parentNode;
$classes = $div->getAttribute('class');
$div->setAttribute('class', $classes . ' table-container');
}
// fix centered table data
foreach ($dom->getElementsByTagName('td') as $ele) {
$classes = $ele->getAttribute('class');
$classes = str_replace('centeralign', 'has-text-centered', $classes);
$classes = str_replace('leftalign', 'has-text-left', $classes);
$classes = str_replace('rightalign', 'has-text-right', $classes);
$ele->setAttribute('class', $classes);
}
// fix centered table data and make table headers nicer
foreach ($dom->getElementsByTagName('th') as $ele) {
$classes = $ele->getAttribute('class');
$classes = $classes . ' has-background-white-ter has-text-weight-bold';
$classes = str_replace('centeralign', 'has-text-centered', $classes);
$classes = str_replace('leftalign', 'has-text-left', $classes);
$classes = str_replace('rightalign', 'has-text-right', $classes);
$ele->setAttribute('class', $classes);
}
foreach ($dom->getElementsByTagName('thead') as $ele) {
$ele->setAttribute('class', 'has-background-white-ter has-text-weight-bold');
}
// add textarea class to textareas
foreach ($dom->getElementsByTagName('textarea') as $ele) {
$ele->setAttribute('class', $ele->getAttribute('class') .' textarea');
}
$html_output = $dom->saveHTML($dom->documentElement);
Event::createAndTrigger('TPL_CONTENT_DISPLAY', $html_output, 'ptln');
return !empty($html_output);
}
/**
* Modified version of tpl_page_tools() that adds Bulma classes and custom formatting
*/
function _tpl_page_tools() {
$items = (new \dokuwiki\Menu\PageMenu())->getItems();
$out = '';
$out .= '<ul class="page-tools">';
foreach ($items as $item) {
$out .= '<li> ';
$out .= '<a ';
$out .= buildAttributes($item->getLinkAttributes('button is-light is-small '));
$out .= '>';
//$out .= inlineSVG($item->getSvg());
$out .= $item->getLabel();
$out .= '</a>';
$out .= '</li>';
}
$out .= '</ul>';
echo $out;
}
/**
* Custom search form that excludes the button.
*/
function _tpl_searchform($ajax = true, $autocomplete = true) {
global $lang;
global $ACT;
global $QUERY;
global $ID;
// don't print the search form if search action has been disabled
if(!actionOK('search')) return false;
$searchForm = new dokuwiki\Form\Form([
'action' => wl(),
'method' => 'get',
'role' => 'search',
'class' => 'field has-addons is-horizontal pb-2 search',
'id' => 'dokuwiki__search',
], true);
$searchForm->setHiddenField('do', 'search');
$searchForm->setHiddenField('id', $ID);
$searchForm->addTextInput('q')
->addClass('edit input is-small')
->attrs([
'title' => '[F]',
'accesskey' => 'f',
'placeholder' => $lang['btn_search'],
'autocomplete' => $autocomplete ? 'on' : 'off',
])
->id('qsearch__in')
->val($ACT === 'search' ? $QUERY : '')
->useInput(false)
;
if ($ajax) {
$searchForm->addTagOpen('div')->id('qsearch__out')->addClass('ajax_qsearch JSpopup');
$searchForm->addTagClose('div');
}
Event::createAndTrigger('FORM_QUICKSEARCH_OUTPUT', $searchForm);
echo $searchForm->toHTML();
return true;
}
/**
* Modified version of tpl_sidebar() that adds Bulma classes and custom formatting
*/
function _tpl_sidebar() {
$sb = strval(tpl_include_page($conf['sidebar'], false, true));
$dom = new DOMDocument();
//$dom->loadHTML($sb);
$dom->loadHTML(mb_convert_encoding($sb, 'HTML-ENTITIES', 'UTF-8'));
$uls = $dom->getElementsByTagName('ul');
foreach ($uls as $ul) {
$ul->setAttribute('class', 'menu-list');
}
echo $dom->saveHTML($dom->documentElement);
}
/**
* Modified version of tpl_toc() that adds Bulma classes and custom formatting
*/
function _tpl_toc() {
$t = strval(tpl_toc(true));
$dom = new DOMDocument();
//$dom->loadHTML($t);
$dom->loadHTML(mb_convert_encoding($t, 'HTML-ENTITIES', 'UTF-8'));
$dw__toc = $dom->getElementById('dw__toc');
$dw__toc->setAttribute('id', 'bulma-toc');
$dw__toc->setAttribute('class', 'is-size-7');
$h3s = $dom->getElementsByTagName('h3');
foreach ($h3s as $h3) {
$h3->setAttribute('class', 'has-text-grey-light');
$h3->nodeValue = 'On this page';
}
$lis = $dom->getElementsByTagName('li');
foreach ($lis as $li) {
if ($li->getAttribute('class') == 'level2') {
$li->setAttribute('class', 'level2 pl-2');
}
if ($li->getAttribute('class') == 'level3') {
$li->setAttribute('class', 'level2 pl-4');
}
}
$as = $dom->getElementsByTagName('a');
foreach ($as as $a) {
$a->setAttribute('class', 'button is-light is-small');
}
echo $dom->saveHTML($dom->documentElement);
}
/**
* Modified version of tpl_tools_menu() that adds Bulma classes and custom formatting
*/
function _tpl_tools_menu() {
$out = '';
if (!empty($_SERVER['REMOTE_USER'])) {
$out .= '<div class="navbar-item has-dropdown is-hoverable">';
$out .= '<a class="navbar-link">Tools</a>';
$out .= '<div class="navbar-dropdown">';
try{
$items = (new \dokuwiki\Menu\SiteMenu())->getItems();
foreach ($items as $item) {
$out .= $item->asHtmlLink('navbar-item ', false);
}
} catch(\RuntimeException $ignored) {
// item not available
}
$out .= '</div>';
$out .= '</div>';
}
echo $out;
}
/**
* Modified version of tpl_user_menu() that adds Bulma classes and custom formatting
*/
function _tpl_user_menu() {
$out = '';
if (!empty($_SERVER['REMOTE_USER'])) {
$out .= '<div class="navbar-item has-dropdown is-hoverable">';
$out .= '<a class="navbar-link">Account</a>';
$out .= '<div class="navbar-dropdown">';
try{
$out .= (new \dokuwiki\Menu\Item\Admin())->asHtmlLink('navbar-item ', false);
} catch(\RuntimeException $ignored) {
// item not available
}
try{
$out .= (new \dokuwiki\Menu\Item\Register())->asHtmlLink('navbar-item ', false);
} catch(\RuntimeException $ignored) {
// item not available
}
$out .= '<hr class="navbar-divider">';
$out .= (new \dokuwiki\Menu\Item\Login())->asHtmlLink('navbar-item ', false);
$out .= '</div>';
$out .= '</div>';
}
else {
$out .= (new \dokuwiki\Menu\Item\Login())->asHtmlLink('navbar-item ', false);
}
echo $out;
}