1
0
Fork 0

Adding upstream version 20241201.

Signed-off-by: Daniel Baumann <daniel@debian.org>
This commit is contained in:
Daniel Baumann 2025-03-16 08:10:30 +01:00
parent 6c0499a92f
commit 485e3244ed
Signed by: daniel
GPG key ID: FBB4F0E80A80222F
115 changed files with 9813 additions and 0 deletions

View file

@ -0,0 +1,138 @@
.dokuwiki div.ui-admin {
& {
display: grid;
grid-template-columns: 1fr 1fr;
}
h1.first-child,
div.level1 {
grid-column: 1 / span 2;
margin-bottom: 1em;
}
/* main task grouped in two columns */
ul.admin_tasks {
grid-column: 2;
list-style-type: none;
font-size: 1.125em;
margin: 0;
}
ul.admin_tasks:first-of-type {
grid-row: 3 / span 4;
grid-column: 1;
}
ul.admin_plugins {
grid-row: 6;
grid-column: 2;
}
/* general menu item styling */
ul {
padding: 0;
li {
margin: 0 0 1em 0;
font-weight: bold;
list-style-type: none;
white-space: nowrap;
a {
display: flex;
span {
display: inline-block;
&.icon {
width: 1.5em;
min-height: 1.5em;
margin: 0 0.5em;
vertical-align: top;
svg {
width: 1.5em;
height: 1.5em;
fill: @ini_link;
display: inline-block;
path {
fill: @ini_link;
}
}
}
&.prompt {
white-space: normal;
}
}
}
}
}
/* Security Warning */
#security__check {
clear: both;
grid-row: 7;
grid-column: 1 / span 2;
}
/* DokuWiki version */
#admin__version {
display: block;
box-sizing: border-box;
width: 100%;
max-height: 7em;
overflow: auto;
color: @ini_text_neu;
background: @ini_background_alt url('images/info.svg') .25em .5em no-repeat;
background-size: 1em;
padding: .25em 0 .25em 1.75em;
border: @ini_border 1px solid;
border-radius: .25em;
box-shadow: inset .5pt .5pt 1pt #0008;
grid-row: 9;
grid-column: 1 / span 2;
}
}
/* style the extension manager items: */
.dokuwiki #extension__manager {
form.install { box-sizing: border-box; width: 100%; padding: 1em 2em; background-color: #EEE; }
form.install .block { text-align: left; width: 100% }
form.install input[name=installurl] {
font-family: @ini_mono_fonts;
padding: .25em .25em .25em 24px;
border-radius: 10px;
background: @ini_background_site 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=') 3px center no-repeat;
width: calc(100% - 6em);
}
form.install input[name=overwrite] { width: auto; margin-left: 2em;}
form.install button[type=submit] {
border: #CCC solid 1.5pt;
padding: .5em .75em;
background-color: #cdf;
}
form.install button[type=submit]::before {
content: ' ';
display: inline-block;
position: relative;
top: .1em;
width: 1em;
height: 1em;
background: transparent url('images/editor/edit-save.svg') center bottom no-repeat;
margin-right: .25em;
}
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode.dokuwiki #extension__manager form.install { background-color: #39393D; }
body.darkmode.dokuwiki #extension__manager form.install button[type=submit] {
color: #CDF;
background-color: #346;
border-color: #90909B;
}
body.darkmode.dokuwiki #extension__manager form.install button[type=submit]::before { filter: invert(.9); }
body.darkmode.dokuwiki div.ui-admin #admin__version { color: @ini_text_alt_dark; background-color: @ini_background_alt_dark; }
}
/* below tablet size */
@media (max-width: @ini_tablet_width) {
.dokuwiki div.ui-admin { display: block; }
}

View file

@ -0,0 +1,74 @@
/**
* This file provides styles for the cookies popup
*/
#cookiebanner {
position: fixed;
left: 0;
width: 100%;
color: @ini_text;
background-color: @ini_background_alt;
z-index: 1000;
padding: 10px;
box-sizing: border-box;
box-shadow: 0px 0px 10px #666;
border-top: @ini_border solid 1px;
}
#cookiebanner.cb_top { top: 0; }
#cookiebanner.cb_bottom { bottom: 0; }
#cookiebanner p {
clear: both;
margin: 0 auto;
max-width: 910pt;
}
#cookiebanner .cb_info {
margin-bottom: 6pt;
}
#cookiebanner .cb_icon {
float: left;
width: 64px;
height: 64px;
background: transparent url('images/cookie.svg') no-repeat center;
background-size: 64px;
margin: 8px 16px 8px 2px;
}
#cookiebanner .cb_action {
margin-top: 6pt;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 8pt;
column-gap: 8pt;
justify-items: center;
}
#cookiebanner .cb_action > * {
font-size: 12pt;
}
#cookiebanner .cb_action button {
background-color: rgba(0,0,0,0.1);
background-image: none;
border: @ini_border solid 2pt;
color: @ini_text;
padding: .25em .5em;
cursor: pointer;
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode #cookiebanner {
color: @ini_text_dark;
background-color: @ini_background_dark;
box-shadow: 0 0 10px @ini_background_site_dark;
border-top-color: @ini_border_dark;
}
body.darkmode #cookiebanner .cb_action button {
background-color: rgba(0,0,0,0.25);
border-color: @ini_border_dark;
color: @ini_text_dark;
}
}

View file

@ -0,0 +1,179 @@
/**
* This file provides styles for the diff view, which shows you
* differences between two versions of a page (?do=diff).
*/
.mode_diff table.diff {
width: 100%;
border-width: 0;
}
.mode_diff table.diff th,
.mode_diff table.diff td {
vertical-align: top;
padding: 0;
border-width: 0;
/* no style.ini colours because deleted and added lines have a fixed background colour */
background-color: #fff;
color: #333;
}
/* table header */
.mode_diff table.diff th {
border-bottom: 1px solid @ini_border;
font-size: 110%;
font-weight: normal;
}
.mode_diff table.diff th a {
font-weight: bold;
}
.mode_diff table.diff th span.user {
font-size: .9em;
}
.mode_diff table.diff th span.sum {
font-size: .9em;
font-weight: bold;
}
.mode_diff table.diff th.minor {
color: #999;
}
.mode_diff table.diff_sidebyside th {
width: 50%;
}
/* table body */
.mode_diff table.diff .diff-lineheader {
width: .7em;
text-align: right;
}
[dir=rtl] .mode_diff table.diff .diff-lineheader {
text-align: left;
}
.mode_diff table.diff .diff-lineheader,
.mode_diff table.diff td {
font-family: @ini_mono_fonts;
background-color: #F6F8FA;
}
.mode_diff table.diff td.diff-blockheader {
font-weight: bold;
}
.mode_diff table.diff .diff-addedline {
background-color: #E4FFEE;
color: inherit;
}
.mode_diff table.diff .diff-deletedline {
background-color: #FFEEF0;
color: inherit;
}
.mode_diff table.diff td.diff-context {
background-color: #FFF;
color: inherit;
}
.mode_diff table.diff td.diff-addedline strong {
color: #23292E;
background-color: #A5F2C1;
font-weight: normal;
}
.mode_diff table.diff td.diff-deletedline strong {
color: #23292E;
background-color: #FFB7BF;
font-weight: normal;
}
/* diff options */
.mode_diff .diffoptions form {
float: left;
}
.mode_diff .diffoptions p {
float: right;
}
/* diff nav */
.mode_diff table.diff_sidebyside td.diffnav {
padding-bottom: .7em;
}
.mode_diff .diffnav a {
display: inline-block;
vertical-align: middle;
}
.mode_diff .diffnav a span {
display: none;
}
.mode_diff .diffnav a:hover,
.mode_diff .diffnav a:active,
.mode_diff .diffnav a:focus {
background-color: @ini_background_alt;
text-decoration: none;
}
.mode_diff .diffnav a:before {
display: inline-block;
line-height: 1;
padding: .2em .4em;
border: 1px solid @ini_border;
border-radius: 2px;
color: @ini_text;
}
.mode_diff .diffnav a.diffprevrev:before {
content: '\25C0'; /* left triangle */
}
.mode_diff .diffnav a.diffnextrev:before,
.mode_diff .diffnav a.difflastrev:before {
content: '\25B6'; /* right triangle */
}
.mode_diff .diffnav a.diffbothprevrev:before {
content: '\25C0\25C0';
}
.mode_diff .diffnav a.diffbothnextrev:before {
content: '\25B6\25B6';
}
.mode_diff .diffnav select {
width: 60%;
min-width: 9em;
height: 1.5em; /* height is necessary for longer options in Webkit */
}
.mode_diff .diffnav select option[selected] {
font-weight: bold;
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.mode_diff.darkmode table.diff .diff-lineheader,
body.mode_diff.darkmode table.diff th,
body.mode_diff.darkmode table.diff td {
background-color: #1C2125;
color: #D0D5DA;
}
body.mode_diff.darkmode table.diff td.diff-context {
background-color: #23292E;
}
body.mode_diff.darkmode table.diff .diff-deletedline {
background-color: #49090F;
}
body.mode_diff.darkmode table.diff .diff-addedline {
background-color: #0A3A1E;
}
body.mode_diff.darkmode table.diff td.diff-addedline strong {
color: #FFF;
background-color: #038642;
}
body.mode_diff.darkmode table.diff td.diff-deletedline strong {
color: #FFF;
background-color: #BB0E27;
}
body.mode_diff.darkmode .diffnav a::before {
color: @ini_text_dark;
border: transparent none 0;
}
body.mode_diff.darkmode .diffnav select {
background-color: @ini_background_site_dark;
color: @ini_text_dark;
border: transparent none 0;
}
}

View file

@ -0,0 +1,453 @@
/**
* This file provides styles for the edit view (?do=edit), preview
* and section edit buttons.
*/
/* edit view
********************************************************************/
.mode_edit div.editBox {
}
.mode_edit div.editBox button {
border: #666 solid 1px;
border-radius: 1px;
padding: 3pt 6pt;
margin: 0 2px;
cursor: pointer;
}
.mode_edit div.editButtons button:hover {
text-decoration: underline;
}
.mode_edit div.editBox button:focus {
outline: @ini_focus_color solid 2px;
background-color: @ini_background;
}
/*____________ toolbar ____________*/
.mode_edit .editBox > .toolbar,
.mode_preview .editBox > .toolbar {
display: block;
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: @ini_background;
padding-bottom: 2px;
z-index: 9;
}
.mode_edit div.toolbar,
.mode_preview div.toolbar {
display: inline-block;
}
#draft__status {
font-size: small;
color: @ini_text_alt;
background-color: inherit;
}
[dir=rtl] #draft__status {
/* float: left; */
}
#tool__bar {
float: left;
}
[dir=rtl] #tool__bar {
float: right;
}
/* hide the hard-coded button images */
#tool__bar button>img {
visibility: hidden;
}
#tool__bar button {
background: #E9E9ED url('images/editor/default.svg') center no-repeat;
background-size: 20px;
padding: 3pt 6pt;
border: @ini_border solid 1px;
}
#tool__bar button[aria-haspopup=true]:after,
#tool__bar button:nth-child(10):after,
#tool__bar button:nth-child(15):after {
content: '';
display: inline-block;
position: absolute;
width: 8px;
height: 8px;
margin-left: -2px;
margin-top: 14px;
background: transparent none center no-repeat;
background-size: 13px;
}
#tool__bar button[aria-haspopup=true]:after {
background-image: url('images/editor/overlay-menu.svg');
}
#tool__bar button:nth-child(10):after,
#tool__bar button:nth-child(15):after {
background-image: url('images/editor/overlay-popup.svg');
}
/* import the new icons */
#tool__bar button[accesskey="b"] { background-image: url('images/editor/format-bold.svg'); margin-left: 1.5pt; }
#tool__bar button[accesskey="i"] { background-image: url('images/editor/format-italic.svg'); }
#tool__bar button[accesskey="u"] { background-image: url('images/editor/format-underline.svg'); }
#tool__bar button[accesskey="m"] { background-image: url('images/editor/format-monospace.svg'); }
#tool__bar button[accesskey="d"] { background-image: url('images/editor/format-strikethrough.svg'); }
#tool__bar button[accesskey="8"] { background-image: url('images/editor/format-header-equal.svg'); margin-left: 4pt; }
#tool__bar button[accesskey="9"] { background-image: url('images/editor/format-header-decrease.svg'); }
#tool__bar button[accesskey="0"] { background-image: url('images/editor/format-header-increase.svg'); }
#tool__bar button:nth-child(9) { background-image: url('images/editor/format-header-menu.svg'); }
#tool__bar button[accesskey="l"] { background-image: url('images/editor/insert-link.svg');margin-left:4pt; }
#tool__bar button:nth-child(11) { background-image: url('images/editor/insert-external-link.svg'); }
#tool__bar button[accesskey="-"] { background-image: url('images/editor/format-list-numbered.svg'); margin-left:4pt;}
#tool__bar button[accesskey="."] { background-image: url('images/editor/format-list-bulleted.svg'); }
#tool__bar button:nth-child(14) { background-image: url('images/editor/insert-hr.svg');margin-left:4pt;}
#tool__bar button:nth-child(15) { background-image: url('images/editor/insert-media.svg');margin-left:4pt; }
#tool__bar button:nth-child(16) { background-image: url('images/editor/insert-emoticon.svg');margin-left:4pt; }
#tool__bar button:nth-child(17) { background-image: url('images/editor/insert-symbol.svg'); }
#tool__bar button[accesskey="y"] { background-image: url('images/editor/insert-signature.svg');margin-left:4pt; }
/* set icons for known plugins: */
#tool__bar #tbbtn_adhoctagsInline { background-image: url('../../plugins/adhoctags/images/code-tags.svg');margin-left:4pt; }
#tool__bar #tbbtn_adhoctagsBlocks { background-image: url('../../plugins/adhoctags/images/code-brackets.svg'); }
/* buttons inside of toolbar */
.mode_edit div.toolbar button.toolbutton {
margin: 0;
}
/* picker popups (outside of .dokuwiki) */
div.picker {
width: 300px;
border: 1px solid #CCC;
background-color: #EEE;
color: inherit;
}
/* picker for headlines */
div.picker.pk_hl {
width: auto;
}
/* buttons inside of picker */
div.picker button.pickerbutton,
div.picker button.toolbutton {
padding: .1em .35em;
border-width: 0;
}
/*____________ edit textarea ____________*/
.dokuwiki textarea.edit {
width: 100%;
padding: 1px 0 0 2px;
margin-bottom: .5em;
min-height: 52pt;
background-color: #EEE;
font-family: 'Source Code Pro',Menlo,Consolas,'Courier New',Courier,monospace;
font-size: 12pt;
line-height: 17pt;
caret-color: #0078D7;
resize: vertical;
}
.dokuwiki textarea.edit:focus {
outline: transparent none 0;
}
.dokuwiki textarea::-webkit-scrollbar-track {
background: @ini_background_alt;
}
.dokuwiki textarea::-webkit-scrollbar-thumb {
background: @ini_blockquote;
}
.dokuwiki textarea::-webkit-scrollbar-thumb:hover {
background: @ini_separator;
}
.dokuwiki textarea::-webkit-resizer {
background-color: @ini_background_alt;
background: linear-gradient(135deg, @ini_background_alt 0%, @ini_background_alt 50%, @ini_blockquote 50%, @ini_blockquote 100%);
}
.dokuwiki textarea { scrollbar-color: @ini_blockquote @ini_background_alt; }
/*____________ below the textarea ____________*/
.dokuwiki div.editBar {
display: grid;
grid-template-columns: 320px minmax(500px, 1fr) auto;
align-items: start;
margin-bottom: .5em;
}
/* size and wrap controls */
#size__ctl {
grid-row: 1;
grid-column: 3;
min-width: 64px;
}
#size__ctl img {
cursor: pointer;
}
/* edit buttons */
.dokuwiki .editBar .editButtons {
grid-row: 1;
grid-column: 1;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
[dir=rtl] .dokuwiki .editBar .editButtons {
margin-right: 0;
margin-left: 1em;
}
.dokuwiki .editBar .editButtons button {
border: #CCC solid 1.5pt;
padding: .25em .5em;
margin: 0 2pt;
}
.dokuwiki .editBar .editButtons button::before {
content: ' ';
display: inline-block;
position: relative;
top: .1em;
width: 1em;
height: 1em;
background: none center bottom no-repeat;
background-size: 1em;
margin-right: 4px;
}
.dokuwiki .editBar .editButtons button#edbtn__save {
background-color: #ccddff;
}
.dokuwiki .editBar .editButtons button#edbtn__save::before {
background-image: url('images/editor/edit-save.svg');
}
.dokuwiki .editBar .editButtons button#edbtn__preview {
background-color: #ccffdd;
}
.dokuwiki .editBar .editButtons button#edbtn__preview::before {
background-image: url('images/editor/edit-preview.svg');
}
.dokuwiki .editBar .editButtons button[name="do[cancel]"] {
background-color: #ffccdd;
}
.dokuwiki .editBar .editButtons button[name="do[cancel]"]::before {
background-image: url('images/editor/edit-cancel.svg');
}
/* summary input and minor changes checkbox */
.dokuwiki .editBar .summary {
grid-row: 1;
grid-column: 2;
display: grid;
grid-template-columns: 1fr auto;
line-height: 1em;
padding-top: 2pt;
padding-right: 5pt;
}
.dokuwiki .editBar .summary #edit__summary {
background-color: @ini_background_alt;
border-color: @ini_border;
color: @ini_text;
border-radius: 3pt;
margin-left: 0;
width: 100%;
}
.dokuwiki .editBar .summary label {
white-space: nowrap;
}
.dokuwiki .editBar .summary label:last-child {
padding: 2pt 0 2pt 4pt;
}
.dokuwiki .editBar .summary > label:first-child {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 10px;
padding: 2pt 5pt 0 0;
}
.dokuwiki .editBar .summary label span {
font-size: small;
margin: 0 1pt 0 3pt;
}
.dokuwiki .editBar .summary input {
}
/* change background colour if summary is missing */
.dokuwiki .editBar .summary input.missing {
color: @ini_text;
background-color: #ffcccc;
}
/* toolbar popups */
.dokuwiki div.picker {
& {
background-color: @ini_background_alt;
border: @ini_border solid 1px;
padding: .125rem;
-webkit-box-shadow: .125rem .125rem .5rem 0 rgba(0,0,0,.2);
-moz-box-shadow: .125rem .125rem .5rem 0 rgba(0,0,0,.2);
box-shadow: .125rem .125rem .5rem 0 rgba(0,0,0,.2);
}
button {
& {
color: @ini_text;
background-color: @ini_background;
border: @ini_border solid 1px;
min-width: 24px; min-height: 24px;
cursor: pointer;
margin: 1px;
}
&:hover {
background-color: @ini_text;
color: @ini_background;
}
}
&#picker1 {
/* width: 308px; max-width: 308px; min-width: 308px; */
resize: both;
overflow: auto;
}
&#picker2 {
/* width: 585px; max-width: 585px; min-width: 585px; */
resize: both;
overflow: auto;
}
}
/* preview
********************************************************************/
.dokuwiki div.preview {
border: dotted #CCC;
border-width: .2em 0;
padding: 1.4em 0;
margin-bottom: 1.4em;
}
/* narrow screen overrides: */
@media (max-width: @ini_tablet_width) {
.dokuwiki div.editBar {
grid-template-columns: 1fr 5px auto;
}
.dokuwiki div.editBar .summary {
grid-row: 2;
grid-column: 1 / span 3;
}
.dokuwiki .editBar .summary #edit__summary {
margin-left: 8pt;
width: ~"calc(100% - 8px)";
}
.dokuwiki .editBar .summary label:last-child {
/*text-align: right;*/
}
}
@media (max-width: @ini_phone_width) {
.dokuwiki .editBar .summary,
.dokuwiki .editBar .summary > label:first-child {
grid-template-columns: 100%;
}
}
@media (max-width: 390px) {
.dokuwiki .editBar .editButtons button {
overflow: hidden;
height: 30px;
line-height: 24px;
}
.dokuwiki .editBar .summary #edit__summary {
margin-left: 4px;
width: 100%;
}
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode .editBox > .toolbar {
background-color: @ini_background_dark;
}
body.darkmode textarea.edit {
background-color: @ini_background_alt_dark;
border: @ini_headlines_dark solid 1px;
color: @ini_text_dark;
}
body.darkmode textarea::-webkit-scrollbar-track {
background: @ini_background_alt_dark;
}
body.darkmode textarea::-webkit-scrollbar-thumb {
background: @ini_background_dark;
}
body.darkmode textarea::-webkit-scrollbar-thumb:hover {
background: @ini_background_site_dark;
}
body.darkmode textarea { scrollbar-color: @ini_background_dark @ini_background_alt_dark; }
.dokuwiki textarea::-webkit-resizer {
background-color: @ini_background_alt_dark;
background: linear-gradient(135deg, @ini_background_alt_dark 0%, @ini_background_alt_dark 50%, @ini_text_alt_dark 50%, @ini_text_alt_dark 100%);
}
body.mode_edit.darkmode div.editBox button,
body.mode_preview.darkmode div.editBox button {
background-color: @ini_headlines_dark;
border-color: @ini_border_dark;
}
body.mode_edit.darkmode .editBar .editButtons button::before,
body.mode_preview.darkmode .editBar .editButtons button::before {
filter: invert(.9);
}
body.darkmode .editBar .editButtons button#edbtn__save {
background-color: #334466;
color: #CCDDFF;
}
body.darkmode .editBar .editButtons button#edbtn__preview {
background-color: #226633;
color: #CCFFDD;
}
body.darkmode .editBar .editButtons button[name="do[cancel]"] {
background-color: #663344;
color: #FFCCDD;
}
body.mode_edit.darkmode #tool__bar button,
body.mode_preview.darkmode #tool__bar button {
border-color: @ini_border_dark;
filter: invert(.8);
}
body.mode_edit.darkmode .editBar .editButtons button,
body.mode_preview.darkmode .editBar .editButtons button {
border-color: @ini_border_dark;
}
body.mode_edit.darkmode .editBar .summary #edit__summary,
body.mode_preview.darkmode .editBar .summary #edit__summary {
background-color: @ini_background_alt_dark;
border-color: @ini_headlines_dark;
color: @ini_text_dark;
}
body.darkmode div.picker {
& {
background-color: @ini_background_dark;
border: @ini_border_dark solid 1px;
}
button {
& {
color: @ini_text_dark;
background-color: @ini_background_alt_dark;
border-color: @ini_border_dark;
}
&:hover {
background-color: @ini_text_dark;
color: @ini_background_alt_dark;
}
}
}
}

View file

@ -0,0 +1,123 @@
/**
* 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;
background-color: #15395B;
padding: 2pt 20pt;
color: #FFF;
cursor: pointer;
}
#mediamanager__upload_button {
padding: 3pt 6pt;
border: #666 solid 1px;
}
.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;
}
/* media tree overrides */
#media__tree ul li div.li {
display: grid;
}
#mediamanager__page .ui-resizable-e {
background-color: #EEE;
}

View file

@ -0,0 +1,31 @@
/**
* This file provides styles for footnotes.
*/
/*____________ footnotes inside the text ____________*/
/* link to footnote inside the text */
.dokuwiki sup a.fn_top {
}
/* JSpopup */
div.insitu-footnote {
max-width: 40%;
min-width: 5em;
}
/*____________ footnotes at the bottom of the page ____________*/
.dokuwiki div.footnotes {
border-top: 1px solid @ini_border;
padding: .5em 0 0 0;
margin: 1em 0 0 0;
clear: both;
}
.dokuwiki div.footnotes div.fn {
}
.dokuwiki div.footnotes div.fn div.content {
display: inline;
}
.dokuwiki div.footnotes div.fn sup a.fn_bot {
font-weight: bold;
}

View file

@ -0,0 +1,118 @@
/* TODO: this file is not up to the best standards and will be fixed after an overhaul of the form code */
/**
* This file provides styles for forms in general and specifically
* for ?do=
* - login
* - resendpwd
* - register
* - profile
* - subscribe
*/
/* ---------------- forms ------------------------ */
.dokuwiki form {
border: none;
display: inline;
}
.dokuwiki label.block {
display: block;
text-align: right;
font-weight: bold;
}
[dir=rtl] .dokuwiki label.block {
text-align: left;
}
.dokuwiki label.simple {
display: block;
text-align: left;
font-weight: normal;
}
[dir=rtl] .dokuwiki label.simple {
text-align: right;
}
.dokuwiki label.block select,
.dokuwiki label.block input.edit {
width: 50%;
}
.dokuwiki label span {
vertical-align: middle;
}
.dokuwiki fieldset {
width: 400px;
text-align: center;
border: 1px solid @ini_border;
padding: 0.5em;
margin: auto;
}
.dokuwiki input.edit,
.dokuwiki select.edit {
vertical-align: middle;
}
.dokuwiki select.edit {
padding: 0.1em 0;
}
.dokuwiki button {
vertical-align: middle;
}
.dokuwiki input:focus,
.dokuwiki select:focus,
.dokuwiki button:focus {
outline: @ini_focus_color solid 2px;
}
/**
* Styles for auth forms
*/
#dw__login fieldset,
#dw__resendpwd fieldset,
#dw__register fieldset {
max-width: calc(100% - 1em);
padding-bottom: 0.7em;
}
#dw__login fieldset label.block,
#dw__resendpwd fieldset label.block,
#dw__register fieldset label.block {
width: 100%;
max-width: 320px;
}
#dw__login label[for="remember__me"] {
margin: 0 10% 1.4em;
}
#dw__profiledelete {
display: block;
margin-top: 2.8em;
}
/**
* Styles for the subscription page
*/
#subscribe__form {
display: block;
width: 400px;
text-align: center;
}
#subscribe__form fieldset {
text-align: left;
margin: 0.5em 0;
}
[dir=rtl] #subscribe__form fieldset {
text-align: right;
}
#subscribe__form label {
display: block;
margin: 0 0.5em 0.5em;
}

View file

@ -0,0 +1,38 @@
/**
* This file provides styles for the image detail page (detail.php).
*/
#dokuwiki__detail {
padding: 1em;
}
#dokuwiki__detail h1 {
}
#dokuwiki__detail img {
float: left;
margin: 0 1.5em .5em 0;
}
[dir=rtl] #dokuwiki__detail div.content img {
float: right;
margin-right: 0;
margin-left: 1.5em;
}
#dokuwiki__detail div.img_detail {
float: left;
}
[dir=rtl] #dokuwiki__detail div.content div.img_detail {
float: right
}
#dokuwiki__detail div.img_detail h2 {
}
#dokuwiki__detail div.img_detail dl {
}
#dokuwiki__detail div.img_detail dl dt {
}
#dokuwiki__detail div.img_detail dl dd {
}
#dokuwiki__detail p.back {
clear: both;
}

View file

@ -0,0 +1,202 @@
/**
* This file provides styles for the Languages list,
* both for the side- and the toolbar.
* This overrides some of the styles in the languages plugin.
*/
#tbLanguages, #sbLanguages {
ul {
& {
margin-left: .5em;
}
li {
& {
list-style: none inside;
}
a {
& {
display: grid;
grid-template-columns: 1.25em auto;
align-items: center;
gap: .4em;
padding: .125em;
line-height: 1.2em;
}
&::before {
content: attr(lang);
display: inline-block;
text-align: center;
place-self: stretch;
border: @ini_text solid 1px;
font-size: small;
border-radius: 1.5pt;
font-family: @ini_mono_fonts;
font-size: .75rem;
color: @ini_text;
}
&.wikilink1 {
& {
color: @ini_link;
}
&:hover {
text-decoration: none;
}
&:hover span {
text-decoration: underline;
}
}
&.wikilink2 {
& {
border-bottom: transparent 0 none;
}
&:hover {
text-decoration: none;
}
bdi {
color: @ini_missing;
text-decoration: underline;
text-decoration-style: dotted;
}
}
&.wikilink2:hover span {
text-decoration-style: solid;
}
}
}
}
}
#tbLanguages {
& {
display: grid;
place-items: center;
grid-template-rows: auto 0;
height: 100%;
}
button {
& {
padding: .25em;
font-size: 1rem;
border: transparent 1px solid;
background-color: transparent;
color: @ini_link;
cursor: pointer;
border-radius: .25em;
}
&:hover {
background-color: @ini_background_alt;
border-color: @ini_border;
text-decoration: underline;
}
svg {
width: 1.8rem; height: 1.8rem;
fill: @ini_link;
}
svg text {
fill: @ini_background_site;
text-transform: uppercase;
}
}
#langMenuWrapper {
& {
position: relative;
left: 2rem; top: .5rem;
}
#langMenu {
& {
position: absolute;
right: 0;
background-color: @ini_background_site;
border: @ini_border solid 1px;
box-shadow: 0 0 8px rgba(0,0,0,.2);
border-radius: 2pt;
padding: .25em;
z-index: 12;
}
&:before {
content: '';
position: absolute;
top: 0;
height: 1em;
right: 16%;
width: 1em;
margin-left: -.5em;
background-color: @ini_background_site;
box-shadow: 0 0 8px rgba(0,0,0,.2);
-webkit-clip-path: polygon(-8px -8px,calc(100% + 8px) -8px,calc(100% + 8px) calc(100% + 8px));
clip-path: polygon(-8px -8px,calc(100% + 8px) -8px,calc(100% + 8px) calc(100% + 8px));
transform: translateY(-50%) rotate(-45deg);
border: @ini_border solid 1px;
}
li a {
& {
font-size: 1rem;
padding: .25em;
min-width: 6.5em;
width: max-content;
}
}
}
}
}
#sbLanguages {
& {
margin: 1em .25em 0 1em;
}
h3 a.wikilink2 {
color: @ini_missing;
}
ul {
padding-left: 0 !important;
}
}
/* dark mode overrides: */
@media (prefers-color-scheme: dark) {
body.darkmode {
#tbLanguages, #sbLanguages {
ul li a {
&::before { border-color: @ini_text_dark; color: @ini_text_dark; }
&.wikilink1 { color: @ini_link_dark; }
&.wikilink2 bdi { color: @ini_missing_dark; }
}
}
#tbLanguages {
button {
& { color: @ini_link_dark; }
&:hover { background-color: @ini_background_alt_dark; border-color: @ini_border_dark; }
svg { fill: @ini_link_dark; }
svg text { fill: @ini_background_site_dark; }
}
#langMenuWrapper #langMenu {
& {
background-color: @ini_background_site_dark;
border-color: @ini_border_dark;
box-shadow: 1pt 1pt 5pt rgba(0,0,0,0.4);;
}
&:before {
background-color: @ini_background_site_dark;
box-shadow: 1pt 1pt 5pt rgba(0,0,0,0.4);;
border-color: @ini_border_dark;
}
}
}
#sbLanguages h3 a.wikilink2 {
color: @ini_missing_dark;
}
}
}
@media (max-width: 950px) {
/* touchup for the languages list in menu mode */
#sbLanguages {
margin: .5em .25em 0 .5em;
}
}

View file

@ -0,0 +1,93 @@
/**
* This file provides styles for all types of links.
*/
/*____________ links to wiki pages ____________*/
/* existing wikipage */
a.wikilink1 {
}
/* not existing wikipage */
a.wikilink2 {
text-decoration: none;
}
a.wikilink2:link,
a.wikilink2:visited {
border-bottom: 1px dashed;
}
a.wikilink2:hover,
a.wikilink2:active,
a.wikilink2:focus {
border-bottom-width: 0;
}
/* any link to current page */
span.curid a {
font-weight: bold;
}
/* Wikipedia Links */
a.iw_wp, a.iw_wpfr, a.iw_wpde, a.iw_wpes, a.iw_wppl, a.iw_wpjp, a.iw_wpmeta {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgdmlld0JveD0nMCAwIDUxMiA1MTInIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48Y2lyY2xlIGN4PScyNTYnIGN5PScyNTYnIHI9JzI1MCcgc3R5bGU9J2ZpbGw6I2ViZWJlYjtzdHJva2U6IzMzMztzdHJva2Utd2lkdGg6MTBweDsnLz48cGF0aCBkPSdNNjUsMTUybDAsOGMwLDIgMSwzIDQsM2MyMCwxIDIwLDUgMjgsMjNsOTAsMTk2YzcsMTQgMTYsMTYgMjUsLTFsNDUsLTg4bDQyLDg4YzgsMTUgMTYsMTYgMjQsMGw4NiwtMTk0YzgsLTE3IDE5LC0yNCAzNiwtMjRjMiwwIDIsLTEgMiwtM2wwLC04bC04MCwwbC0xLDFsMCw3YzAsMiAyLDMgNCwzYzEwLDAgMjksMiAyMSwxOWwtNzAsMTY2bC0zLC0xbC00MywtODhsMzcsLTcyYzgsLTE1IDEwLC0yNCAyNSwtMjRjMiwwIDQsLTEgNCwtM2wwLC03bC0xLC0xbC02NCwwbC0xLDFsMCw3YzAsMyA0LDMgNywzYzE4LDEgMTYsOCAxMCwxOWwtMjcsNTZsLTI1LC01MmMtOSwtMTYgLTExLC0yMSAyLC0yMmMzLC0xIDgsLTEgOCwtNGwwLC03bC0xLC0xbC02OSwwbC0xLDFsMCw4YzAsMiAyLDIgNSwyYzEyLDIgMTIsMyAyMywyNmw0MCw4NGwtMzcsNzVsLTMsLTFsLTc2LC0xNjdjLTgsLTE3IDIsLTE2IDE4LC0xN2MzLDAgMywtMSAzLC0zbDAsLTdsLTEsLTFsLTg2LDBaJyBzdHlsZT0nZmlsbDojMzMzOycvPjwvc3ZnPg==");
}
a.iw_google_de {
background-image: url(/lib/images/interwiki/google.svg);
}
a.iw_twitter {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHWSURBVDhPjVI9aFNRGD3nvgbS1kREB6E00RgKFkcRFQR/BhERHMTJ1tGppVsHZ5EqiJuDg/hsFt101w6CkrGg4GKJUKhYSc2LjaV57+u5L0+xxUoOnMf3ffee891370f0gdKzVtGMBwnLAVzOD9japjFAzpHlMNqrPcfE943JQpwq/kI5bI8ZbM7MzijNE3wL2mMZVUC8dInZUbFmwEx13gZ6sh7OvjFK+ES8qnS/OCyzi2Z4Adh5HX/UybGrhUFtursRR69Gw9a5cq0z5A2WltePSHDKxztAA7/JaJGHa+1iN06ewuC7eDRBftKOuo4Yyfh2Vt8Gkhe+TBZeuzi2kewUnd4S9sHspDpP7yYWNrS+6gNHh6aSquJBX+gTn9X0uw9c40ZhxYFTihd9oU8sBMx99YFLU8MHOdYVraf5/xER7tHSRN7/dmZAtPRdECNRL7orurq8By7gxyyXNENpvu2Q2AnJZ3UnV1QKeit/sKlTPieCW42bQz+zGlgKo4oRhzQxVYkvq/0l1TWy29BU54eku9+YGP79WikczK0xwbgG45rEx1VLxF/iilgncc85ng4Q3Nkp9kh/oRJ2GKNblPKACnpOfw30Jj9G8ntW313XWP0TwBYiI7IuEdRzyAAAAABJRU5ErkJggg==);
}
/*____________ other link types ____________*/
a.urlextern,
a.windows,
a.mail,
a.mediafile,
a.interwiki {
background-repeat: no-repeat;
background-position: 0 center;
background-size: 1.1em;
padding: 0 0 0 1.25em;
}
/* external link */
a.urlextern {
background-image: url(../../images/external-link.png);
}
/* windows share */
a.windows {
background-image: url(../../images/unc.png);
}
/* email link */
a.mail {
background-image: url(../../images/email.png);
}
/* icons of the following are set by dokuwiki in lib/exe/css.php */
/* link to some embedded media */
a.mediafile {
}
/* interwiki link */
a.interwiki {
}
/* RTL corrections; if link icons don't work as expected, remove the following lines */
[dir=rtl] a.urlextern,
[dir=rtl] a.windows,
[dir=rtl] a.mail,
[dir=rtl] a.interwiki,
[dir=rtl] a.mediafile {
background-position: right center;
padding: 0 18px 0 0;
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode a.iw_wp, body.darkmode a.iw_wpfr, body.darkmode a.iw_wpde, body.darkmode a.iw_wpes, body.darkmode a.iw_wppl, body.darkmode a.iw_wpjp, body.darkmode a.iw_wpmeta {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB2aWV3Qm94PScwIDAgNTEyIDUxMicgdmVyc2lvbj0nMS4xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxjaXJjbGUgY3g9JzI1NicgY3k9JzI1Nicgcj0nMjUwJyBzdHlsZT0nZmlsbDojMzMzO3N0cm9rZTojZWJlYmViO3N0cm9rZS13aWR0aDoxMHB4OycvPjxwYXRoIGQ9J002NSwxNTJsMCw4YzAsMiAxLDMgNCwzYzIwLDEgMjAsNSAyOCwyM2w5MCwxOTZjNywxNCAxNiwxNiAyNSwtMWw0NSwtODhsNDIsODhjOCwxNSAxNiwxNiAyNCwwbDg2LC0xOTRjOCwtMTcgMTksLTI0IDM2LC0yNGMyLDAgMiwtMSAyLC0zbDAsLThsLTgwLDBsLTEsMWwwLDdjMCwyIDIsMyA0LDNjMTAsMCAyOSwyIDIxLDE5bC03MCwxNjZsLTMsLTFsLTQzLC04OGwzNywtNzJjOCwtMTUgMTAsLTI0IDI1LC0yNGMyLDAgNCwtMSA0LC0zbDAsLTdsLTEsLTFsLTY0LDBsLTEsMWwwLDdjMCwzIDQsMyA3LDNjMTgsMSAxNiw4IDEwLDE5bC0yNyw1NmwtMjUsLTUyYy05LC0xNiAtMTEsLTIxIDIsLTIyYzMsLTEgOCwtMSA4LC00bDAsLTdsLTEsLTFsLTY5LDBsLTEsMWwwLDhjMCwyIDIsMiA1LDJjMTIsMiAxMiwzIDIzLDI2bDQwLDg0bC0zNyw3NWwtMywtMWwtNzYsLTE2N2MtOCwtMTcgMiwtMTYgMTgsLTE3YzMsMCAzLC0xIDMsLTNsMCwtN2wtMSwtMWwtODYsMFonIHN0eWxlPSdmaWxsOiNlYmViZWI7Jy8+PC9zdmc+");
}
}

View file

@ -0,0 +1,578 @@
/**
* 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: @ini_background_alt;
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: 3px 0 0 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,
[dir=rtl] #mediamanager__page .ui-resizable-w {
width: 6px;
right: 2px;
background: transparent url(../../images/resizecol.png) center center no-repeat;
}
#mediamanager__page .ui-resizable-e:hover,
[dir=rtl] #mediamanager__page .ui-resizable-w:hover {
background-color: @ini_background_alt;
}
#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: @ini_background_alt;
color: @ini_text;
border: 1px solid @ini_border;
border-bottom-color: @ini_background_alt;
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 @ini_border;
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: __highlight__;
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: @ini_text;
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: 2px;
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: 2px;
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: @ini_background_alt;
}
#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: @ini_background_neu;
color: @ini_text;
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;
font-size: 10pt;
}
#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: @ini_background;
color: @ini_text;
overflow: hidden;
}
#mediamanager__page .filelist .rows li:nth-child(2n+1) {
background-color: @ini_background_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: @ini_background_alt;
padding-left: .25em;
}
#mediamanager__page .file dl dd {
display: block;
background-color: @ini_background_neu;
padding-left: 1em;
}
/* 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: @ini_text_neu;
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: @ini_background;
}
[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: @ini_background;
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: __highlight__;
color: @ini_text;
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;
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode #mediamanager__page .panelHeader,
body.darkmode .tabs > ul li a,
body.darkmode ul.tabs li strong,
body.darkmode ul.tabs li a {
background-color: transparent;
border-color: @ini_text_dark;
color: @ini_text_dark;
}
body.darkmode #mediamanager__page .namespaces h2 {
background-color: @ini_background_dark;
border-color: @ini_text_dark;
border-bottom-color: @ini_background_dark;
color: @ini_headlines_dark;
}
body.darkmode #mediamanager__page .filelist .thumbs li {
background-color: @ini_background_alt_dark;
color: @ini_text_dark;
}
body.darkmode #mediamanager__page .filelist .panelContent ul li:hover {
background-color: rgba(0,0,0,.2);
}
body.darkmode #mediamanager__page .filelist .rows li {
background-color: @ini_background_dark;
color: @ini_text_dark;
}
body.darkmode #mediamanager__page .filelist .rows li:nth-child(2n+1) {
background-color: @ini_background_alt_dark;
}
body.darkmode #mediamanager__page .ui-resizable-e { background-color: @ini_background_dark; }
body.darkmode #mediamanager__page .ui-resizable-e:hover,
body.darkmode [dir=rtl] #mediamanager__page .ui-resizable-w:hover { background-color: @ini_background_alt_dark; }
body.darkmode #mediamanager__page .file dl dt { background-color: rgba(0,0,0,.5); }
body.darkmode #mediamanager__page .file dl dd { background-color: rgba(0,0,0,.2); }
body.darkmode #mediamanager__page .namespaces ul .selected { background-color: @ini_background_alt_dark; }
}

View file

@ -0,0 +1,216 @@
/**
* 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 @ini_border;
}
[dir=rtl] #mediamgr__aside {
left: auto;
right: 0;
border-right-width: 0;
border-left: 1px solid @ini_border;
}
#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 @ini_border;
}
/* 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: @ini_background_alt;
}
#media__content .even {
}
/* highlight newly uploaded or edited file */
#media__content #scroll__here {
border: 1px dashed @ini_border;
}
/* 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: @ini_text_neu;
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 {
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode #media__content .odd {
background-color: @ini_background_dark;
}
}

View file

@ -0,0 +1,187 @@
/**
* This file provides styles for modal dialogues.
*/
.dokuwiki .ui-widget {
font-size: 100%;
/*min-width: 290px;
min-height: 285px; */
}
/* link wizard (opens from the link button in the edit toolbar)
********************************************************************/
#link__wiz {
resize: both;
max-width: 80%;
max-height: 512px;
-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,.5);
-moz-box-shadow: 2px 2px 3px 2px rgba(0,0,0,.5);
box-shadow: 2px 2px 3px 2px rgba(0,0,0,.5);
}
[dir=rtl] #link__wiz_close {
float: left;
}
#link__wiz .ui-dialog-content {
width: 100%;
height: ~"calc(100% - 22px)";
overflow: hidden;
color: @ini_text_alt;
font-size: small;
}
#link__wiz button.ui-dialog-titlebar-close {
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
background-color: @ini_background;
border: @ini_border solid 1px;
}
#link__wiz #link__wiz_entry {
width: ~"calc(100% - 5em)";
border-color: @ini_border;
background-color: @ini_background;
color: @ini_text;
font-family: @ini_mono_fonts;
font-size: 11pt;
}
#link__wiz #link__wiz_entry:focus {
outline: @ini_focus_color solid 2px;
}
#link__wiz_result {
background-color: @ini_background;
width: ~"calc(100% - 2px)";
height: ~"calc(100% - 68px)";
overflow: auto;
border: 1px solid @ini_border;
margin: 3px auto;
text-align: left;
font-size: medium;
line-height: 1em;
}
[dir=rtl] #link__wiz_result {
text-align: right;
}
#link__wiz_result div {
padding: 3px 3px 3px 0;
}
#link__wiz_result div a {
display: block;
padding-left: 1.3em;
min-height: 16px;
background: transparent 3px center no-repeat;
background-size: 1em;
}
[dir=rtl] #link__wiz_result div a {
padding: 3px 22px 3px 3px;
background-position: 257px 3px;
}
#link__wiz_result div.type_u a:link,
#link__wiz_result div.type_u a:visited {
background-image: url(./images/editor/browse-parent.svg);
color: @ini_link;
}
#link__wiz_result div.type_f a {
background-image: url(./images/editor/browse-link.svg);
}
#link__wiz_result div.type_d a:link,
#link__wiz_result div.type_d a:visited {
background-image: url(./images/editor/browse-folder.svg);
color: @ini_link;
}
#link__wiz_result div.even {
background-color: @ini_background_neu;
}
#link__wiz_result div.selected {
background-color: @ini_background_alt;
}
#link__wiz_result span {
display: block;
color: @ini_text_neu;
margin-left: 22px;
}
#link__wiz .ui-button {
background-color: transparent;
border-color: transparent;
}
#link__wiz .ui-icon-closethick {
background: transparent url(images/editor/close.svg) center no-repeat;
background-size: 16px;
}
/* media option wizard (opens when inserting media in the media popup)
********************************************************************/
#media__popup {
/* for backwards compatibility (not needed since Rincewind) */
display: none;
}
#media__popup_content p {
margin: 0 0 .5em;
}
#media__popup_content label {
margin-right: .5em;
cursor: default;
}
#media__popup_content button {
margin-right: 1px;
cursor: pointer;
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode #link__wiz {
background-color: @ini_background_dark;
border-color: @ini_border_dark;
}
body.darkmode #link__wiz .ui-widget-header {
background: @ini_background_alt_dark none;
border-color: @ini_border_dark;
}
body.darkmode #link__wiz .ui-widget-header .ui-dialog-title {
color: @ini_headlines_dark;
}
body.darkmode #link__wiz #link__wiz_entry {
border-color: @ini_border_dark;
background-color: @ini_background_alt_dark;
color: @ini_text_dark;
}
body.darkmode #link__wiz_result div.type_u a:link,
body.darkmode #link__wiz_result div.type_u a:visited,
body.darkmode #link__wiz_result div.type_u a:link,
body.darkmode #link__wiz_result div.type_u a:visited {
color: @ini_link_dark;
}
body.darkmode #link__wiz button.ui-dialog-titlebar-close {
border-color: @ini_border_dark;
}
body.darkmode #link__wiz .ui-icon-closethick {
background-color: @ini_background_dark;
}
body.darkmode #link__wiz_result {
background-color: rgba(0,0,0,.2);
border-color: @ini_border_dark;
}
body.darkmode #link__wiz_result div.even {
background-color: @ini_background_dark;
}
}

View file

@ -0,0 +1,91 @@
/**
* This file provides styles for the recent changes (?do=recent) and
* old revisions (?do=revisions).
*/
/*____________ list of revisions / recent changes ____________*/
/* added dark mode overrides -- SL
/* select type of revisions (media/pages) */
.dokuwiki .changeType {
margin-bottom: .5em;
}
.dokuwiki form.changes ul li {
list-style: none;
margin-left: 0;
}
[dir=rtl] .dokuwiki form.changes ul li {
margin-right: 0;
}
.dokuwiki form.changes ul li span,
.dokuwiki form.changes ul li a {
vertical-align: middle;
}
.dokuwiki form.changes ul li span.user a {
vertical-align: bottom;
}
.dokuwiki form.changes ul li.minor {
opacity: .7;
}
.dokuwiki form.changes li span.date {
}
.dokuwiki form.changes li a.diff_link {
vertical-align: baseline;
}
.dokuwiki form.changes li a.revisions_link {
vertical-align: baseline;
}
.dokuwiki form.changes li a.wikilink1,
.dokuwiki form.changes li a.wikilink2 {
}
.dokuwiki form.changes li span.sum {
font-weight: bold;
}
.dokuwiki form.changes li span.user {
}
/*____________ size differences ____________*/
.dokuwiki form.changes li .sizechange {
font-size: 80%;
border-radius: .2em;
padding: .1em .2em;
/* cannot use non-guaranteed style.ini colour placeholders, dark templates need to overwrite */
background-color: #ddd;
}
.dokuwiki form.changes li .sizechange.positive {
background-color: #cfc;;
}
.dokuwiki form.changes li .sizechange.negative {
background-color: #fdd;
}
/*____________ page navigator ____________*/
.dokuwiki div.pagenav {
text-align: center;
margin: 1.4em 0;
}
.dokuwiki div.pagenav-prev,
.dokuwiki div.pagenav-next {
display: inline;
margin: 0 .5em;
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
.dokuwiki form.changes li .sizechange {
background-color: #0C0C0D;
color: #D0D5DA;
}
.dokuwiki form.changes li .sizechange.positive {
background-color: #0A3A1E;
}
.dokuwiki form.changes li .sizechange.negative {
background-color: #49090F;
}
}

View file

@ -0,0 +1,203 @@
/**
* This file provides styles for the search results page (?do=search)
* and the AJAX search popup.
*/
/* general
********************************************************************/
/* search hit in normal text */
.dokuwiki .search_hit {
color: @ini_text;
background-color: __highlight__;
}
/* "nothing found" at search + media */
.dokuwiki div.nothing {
margin-bottom: 1.4em;
}
/* search results page
********************************************************************/
/*____________ advanced search form ____________*/
.dokuwiki .search-results-form fieldset.search-form {
width: 100%;
margin: 1em 0;
input[name="q"] {
width: 50%;
}
button.toggleAssistant {
float: right;
}
.advancedOptions {
padding: 1em 0;
> div {
display: inline-block;
position: relative;
margin: 0 0.5em;
}
div.toggle {
// default closed toggle state
div.current {
cursor: pointer;
max-width: 10em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&::after {
content: '▼';
font-size: smaller;
color: @ini_text_alt;
}
}
div.changed {
font-weight: bold;
}
ul {
display: none;
position: absolute;
border: 1px solid @ini_border;
background-color: @ini_background;
padding: 0.25em 0.5em;
text-align: left;
min-width: 10em;
max-width: 15em;
max-height: 50vh;
overflow: auto;
z-index: 100;
li {
margin: 0.25em 0;
list-style: none;
a {
display: block;
}
}
}
// open toggle state
&.open {
div.current::after {
content: '▲';
}
ul {
display: block;
}
}
}
}
}
[dir=rtl] .search-results-form fieldset.search-form .advancedOptions {
div.toggle ul {
text-align: right;
}
}
/*____________ matching pagenames ____________*/
.dokuwiki div.search_quickresult {
margin-bottom: 1.4em;
ul {
padding: 0;
li {
float: left;
width: 12em;
margin: 0 1.5em;
}
}
}
[dir=rtl] .dokuwiki div.search_quickresult ul li {
float: right;
}
/*____________ search results ____________*/
.dokuwiki dl.search_results {
margin-bottom: 1.2em;
/* search heading */
dt {
font-weight: normal;
margin-bottom: .2em;
}
/* last modified line */
dd.meta {
margin: 0 0 .2em 0;
}
/* search snippet */
dd.snippet {
color: @ini_text_alt;
background-color: inherit;
margin: 0 0 1.2em 0;
/* search hit in search results */
strong.search_hit {
font-weight: normal;
/* color is set in general */
}
/* ellipsis separating snippets */
.search_sep {
color: @ini_text;
background-color: inherit;
}
}
}
/* AJAX quicksearch popup
********************************************************************/
.dokuwiki form.search {
div.no {
position: relative;
}
/* .JSpopup */
div.ajax_qsearch {
position: absolute;
top: 0;
left: -13.5em; /* -( width of #qsearch__in + padding of .ajax_qsearch + a bit more ) */
width: 12em;
padding: 0.5em;
font-size: .9em;
z-index: 20;
text-align: left;
display: none;
strong {
display: block;
margin-bottom: .3em;
}
ul {
margin: 0 !important;
padding: 0 !important;
li {
margin: 0;
padding: 0;
display: block !important;
}
}
}
}
[dir=rtl] .dokuwiki form.search div.ajax_qsearch {
left: auto;
/*right: -13.5em;*/
text-align: right;
}

View file

@ -0,0 +1,84 @@
/**
* 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,93 @@
/**
* This file provides styles for the TOC (table of contents), the
* sitemap (?do=index) and backlinks (?do=backlink).
*/
/* toc
********************************************************************/
/* toc container */
#dw__toc {
float: right;
margin: 0 0 1.4em 1.4em;
width: 12em;
background-color: @ini_background_alt;
color: inherit;
}
[dir=rtl] #dw__toc {
float: left;
margin: 0 1.4em 1.4em 0;
}
/*____________ toc header ____________*/
.dokuwiki h3.toggle {
padding: .2em .5em;
font-weight: bold;
}
.dokuwiki .toggle strong {
float: right;
margin: 0 .2em;
}
[dir=rtl] .dokuwiki .toggle strong {
float: left;
}
/*____________ toc list ____________*/
#dw__toc > div {
padding: .2em .5em;
}
#dw__toc ul {
padding: 0;
margin: 0;
}
#dw__toc ul li {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.1;
}
#dw__toc ul li div.li {
padding: .15em 0;
}
#dw__toc ul ul {
padding-left: 1em;
}
[dir=rtl] #dw__toc ul ul {
padding-left: 0;
padding-right: 1em;
}
#dw__toc ul ul li {
}
#dw__toc ul li a {
}
/* in case of toc list jumping one level
(e.g. if heading level 3 follows directly after heading level 1) */
#dw__toc ul li.clear {
}
/* sitemap (and backlinks)
********************************************************************/
.dokuwiki ul.idx {
padding-left: 0;
}
[dir=rtl] .dokuwiki ul.idx {
padding-right: 0;
}
.dokuwiki ul.idx li {
list-style-image: url(../../images/bullet.png);
}
.dokuwiki ul.idx li.open {
list-style-image: url(../../images/open.png);
}
.dokuwiki ul.idx li.closed {
list-style-image: url(../../images/closed.png);
}
[dir=rtl] .dokuwiki ul.idx li.closed {
list-style-image: url(../../images/closed-rtl.png);
}

View file

@ -0,0 +1,436 @@
/**
* This contains the content styling
* @author Sascha Leib <sascha@leib.be>
*/
body {
overflow: hidden auto;
}
.dokuwiki main {
p,
blockquote,
div.table {
margin-bottom: .5em;
margin-top: .5em;
}
/* headlines: */
h1, h2, h3, h4, h5, h6 {
font-family: @ini_headline_fonts;
color: @ini_headlines;
margin: 1em 0 1em 0;
line-height: 1.1em;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.125em; }
h4 { font-size: 1em; }
h5 { font-size: .875em; }
h6 { font-size: .75em; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-family: inherit;
font-size: inherit;
color: inherit;
margin: inherit;
line-height: inherit;
}
/* Definition Terms are like Headlines in many ways */
dl dt {
font-family: @ini_headline_fonts;
color: @ini_headlines;
}
dl.compact dl { /* except in compact mode */
font-weight: 600;
font-family: inherit;
color: inherit;
}
/* make strike-through and underline more useful! */
u {
-webkit-text-decoration-color: #F30;
-webkit-text-decoration-line: underline;
-webkit-text-decoration-style: wavy;
-webkit-text-decoration-thickness: .7pt;
text-decoration: underline #F30 wavy .7pt;
}
s, del {
-webkit-text-decoration-color: rgba(255,0,0,.5);
-webkit-text-decoration-line: line-through;
-webkit-text-decoration-style: solid;
-webkit-text-decoration-thickness: .1em;
text-decoration: line-through rgba(255,0,0,.5) solid .1em;
}
/* lists: */
ul, ol {
margin: 0 2em 1em 1em;
padding-left: 1.75em;
}
ul { list-style: square outside; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: none; }
ul ul ul li {margin-left: 1em; }
ul ul ul li:before { display: block; content: '\2043'; text-align:center; float: left; width: 1em; margin-left: -1em; }
ul ul ul ul li:before { content: '\FE63' }
ul ul ul ul ul li:before { content: '\00B7' }
/* numbered lists vary by nestling: */
ol { list-style: decimal outside; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: lower-greek; }
ol ol ol ol ol { list-style-type: decimal-leading-zero; font-size: .96em;}
ol ol ol ol ol ol { list-style-type: upper-alpha; font-size: .96em;}
ul ul ul ol li { margin-left: 0; }
ul ul ul ol li:before { display: none; content: ''; }
li::marker {
color: #666;
}
ul ul, ul ol,
ol ul, ol ol {
margin-bottom: 0;
padding-left: .25em;
}
/* horizontal rules */
hr {
border: #666 solid 0;
border-top-width: 1pt;
height: 0;
margin: 3pt 0;
}
tt, blockquote tt,
pre, pre *,
code, code *,
blockquote code {
font-family: @ini_mono_fonts;
}
code, blockquote code {
border: @ini_border solid 1px;
border-radius: 3pt;
padding: 0 2pt;
}
pre {
overflow-x: auto;
white-space: pre-wrap;
word-wrap: normal;
border: 1px solid @ini_border;
border-radius: 2px;
box-shadow: inset 0 0 .5em @ini_border;
padding: .3em;
}
/* overwrite pre styling for CodeMirror plugin: */
.CodeMirror pre {
max-width: 100%;
}
/* quotes: */
blockquote {
border: @ini_blockquote solid 0;
border-width: 0 0 0 .4em;
border-radius: .5em;
padding: .25em 0 .25em .75em;
margin: 0 2em 1em 1em;
font-family: @ini_alt_fonts;
font-size: @ini_alt_font_size;
hanging-punctuation: first allow-end;
}
blockquote * {
font-family: @ini_alt_fonts;
}
svg {
display: block;
fill-rule: evenodd;
clip-rule: evenodd;
stroke-linejoin: round;
stroke-miterlimit: 1.5;
}
svg.math {
margin-left: 15px
}
/* tables */
div.table {
overflow-x: auto;
}
table {
& {
border-collapse: collapse;
empty-cells: show;
border-spacing: 0;
font-size: smaller;
border: 1px solid @ini_border;
margin-bottom: 1em;
}
th, td {
padding: .5em .3em;
vertical-align: top;
border: 1px solid @ini_border;
line-height: 1.25em;
}
th.centeralign, td.centeralign {
text-align: center;
}
th.rightalign, td.rightalign {
text-align: right;
}
th {
font-weight: bold;
background-color: @ini_background_alt;
text-align: left;
}
&.inline {
min-width: 50%;
margin-bottom: 0;
}
&.inline tr:hover td {
background-color: @ini_background_alt;
}
&.inline tr:hover th {
background-color: @ini_border;
}
}
/* asides */
aside {
& > * {
margin: .25em 0;
}
&.float-left, &.float-right {
width: 50%;
max-width: 220px;
min-width: 150px;
font-size: smaller;
line-height: 1.5em;
}
&.float-left {
clear: left;
float: left;
margin-right: .5em;
}
&.float-right {
clear: right;
float: right;
margin-left: .5em;
}
& footer {
line-height: 1.1em;
}
}
/* images */
img {
max-width: 100%;
height: auto;
}
/* abbbreviations a reslightly widened and made smaller */
abbr {
letter-spacing: .01em;
font-size: 97%;
}
/* extra styles for ad-hoc tags: */
kbd {
padding: .15em .25em;
margin: 0 .1em;
font-size: 85%;
color: @ini_headlines;
border: @ini_border solid 1px;
border-radius: .25em;
display: inline-block;
white-space: nowrap;
line-height: 1.2em;
letter-spacing: .03em;
}
kbd kbd {
background-color: @ini_background_alt;
-webkit-box-shadow: 0 .1em 0 rgba(0,0,0,0.25);
box-shadow: 0 .1em 0 rgba(0,0,0,0.25);
font-weight: bold;
}
samp {
background-color: @ini_background_alt;
font-family: @ini_mono_fonts;
white-space: nowrap;
}
mark {
background-color: @ini_highlight;
}
/* box / notification classes */
.box, .wrap_box,
.outline, .wrap_outline {
padding: 1pt .5em;
margin: .5em 0;
}
.box, .wrap_box {
background-color: @ini_background_alt;
}
.rounded, .wrap_rounded {
border-radius: .5em;
}
/* hyphenation only in the main-content */
p, li {
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphenate-limit-chars: 6 2 3;
}
/* footnotes section */
div.footnotes {
border-top: transparent 0 none;
margin-top: 1.5em;
font-size: smaller;
}
div.footnotes:before {
content: ' ';
display: block;
width: 33%;
min-width: 5em;
border-top: @ini_border solid 1.5pt;
height: .5em;
}
div.footnotes div.fn {
margin-left: 1em;
}
}
/* footnotes and similar poups: */
.JSpopup {
background-color: @ini_background;
color: @ini_text;
border: @ini_border solid 1px;
padding: .25em;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
}
/* on the homepage only, reduce the H1 top margin: */
body.home h1:first-child { margin-top: .5em; }
[dir=rtl] {
main {
blockquote {
border-width: 0 .4em 0 0;
padding: .25em .75em .25em 0;
margin: 0 1em 1em 2em;
}
ul, ol {
margin-left: 0;
margin-right: .5em;
padding-left: 0;
padding-right: .25em;
}
ul li, ol li {
width: 100%;
}
ul ul ul li:before {
float: right;
margin-left: 0;
margin-right: -1em;
}
}
}
/* tablet break point: */
@media (max-width: @ini_tablet_width) {
/* tighter hyphenation for narrower screens */
#main-content p, #main-content li {
hyphenate-limit-chars: 5 2 2;
}
}
/* phone break point: */
@media (max-width: @ini_phone_width) {
.nophone, .wrap_nophone {
display: none !important;
}
main aside {
width: 100%;
max-width: initial;
float: none;
margin-left: 0;
}
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode {
main {
h1, h2, h3, h4, h5, h6, dt { color: @ini_headlines_dark; }
table {
& { border-color: @ini_border_dark; }
&.inline tr:hover td,
&.inline tr:hover th { background-color: @ini_border_dark; }
th { background-color: rgba(255,255,255,0.05); }
}
#acl_manager table tr:hover { background-color: rgba(255,255,255,0.1); }
code,
blockquote { border-color: @ini_blockquote_dark }
blockquote code { border-color: @ini_border_dark; }
kbd {color: @ini_headlines_dark;border-color: @ini_border_dark;}
kbd kbd {background-color: @ini_background_alt_dark;}
samp {background-color: @ini_background_alt_dark;}
pre {border-color: @ini_border_dark; box-shadow: inset 0 0 .5em @ini_background_site_dark;}
dl dt { color: @ini_headlines_dark; }
/* overrides for PRE blocks: */
pre.code {
.me1 {color: #3C3;}
.kw2 {color: #0C7;}
.kw3 {color: #0CF;}
}
div.error {background-color: #4B2F36; color: #FFB3D2; border-color: #743E4C;}
div.success {background-color: #28381F; color: #FBE2A1; border-color: #37562E;}
div.notify {background-color: #42381F; color: #FCE2A1; border-color: #56562E;}
/* colour overrides for Wrap Plugin */
.wrap_hi {background-color: @ini_highlight; color: #000;}
.wrap_box, .box {background-color: @ini_background_alt_dark; color: inherit;}
.wrap_outline, .outline {border-color: @ini_border_dark; color: inherit}
.red, .wrap_red { color: #E53935; }
.green, .wrap_green { color: #00E676; }
.wrap_tip {background-color: #47391B;}
.wrap_important {background-color: #603000;}
.wrap_alert, .wrap_danger {background-color: #4C0909;}
.wrap_help, .wrap_info {background-color: #112847;}
.wrap_download, .wrap_safety {background-color: #1C3802;}
.wrap_todo, .wrap_notice {background-color: #004A7F;}
.wrap_caution {background-color: #fcffaa;}
.wrap_warning {background-color: #FFC9AA;}
/* MathML fixes */
merror { background-color: @ini_highlight; color: red; }
}
/* footnote and similar poups: */
.JSpopup {
background-color: @ini_background_site_dark;
color: @ini_text_dark;
border-color: @ini_border_dark;
box-shadow: 2px 2px 4px #000;
}
}
}

View file

@ -0,0 +1,374 @@
/**
* 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>
* @author Clarence Lee <clarencedglee@gmail.com>
*/
.dokuwiki.export {
background-color: @ini_background;
}
/* header
********************************************************************/
#dokuwiki__header {
padding: 2em 0 1.5em;
.headings,
.tools {
margin-bottom: 1.5em;
width: 49%;
}
.tools {
margin-top: .2em;
}
.logo {
margin: 0;
font-size: 1.5em;
font-weight: normal;
line-height: 1.2;
img {
float: left;
margin-right: .5em;
}
span {
display: block;
padding-top: 10px;
}
a {
text-decoration: none;
color: @ini_text;
background-color: inherit;
}
}
p.claim {
margin-bottom: 0;
font-size: 0.875em;
}
/* make all links in header (including breadcrumb and interwiki) same colour as the rest */
a {
color: @ini_link;
background-color: inherit;
}
}
[dir=rtl] #dokuwiki__header .logo img {
float: right;
margin-left: .5em;
margin-right: 0;
}
/* tools
********************************************************************/
/* highlight selected tool */
.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;
}
#dokuwiki__header .tools {
ul {
padding-left: 0;
margin-bottom: 0;
}
li {
font-size: 0.875em;
margin-left: 1em;
list-style: none;
display: inline;
}
form.search div.ajax_qsearch li {
font-size: 1em;
margin-left: 0;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
}
[dir=rtl] #dokuwiki__header .tools li {
margin-right: 1em;
margin-left: 0;
}
#dokuwiki__header .mobileTools {
display: none; /* hide mobile tools dropdown to only show in mobile view */
}
/*____________ site tools ____________*/
#dokuwiki__sitetools {
& {
text-align: right;
}
form.search {
font-size: 0.875em;
}
}
[dir=rtl] #dokuwiki__sitetools {
text-align: left;
}
form.search {
display: block;
position: relative;
margin-bottom: 0.5em;
input {
/* width: 18em; */
padding: .35em 22px .35em .1em;
}
button {
background: transparent url(images/search.png) no-repeat 0 0;
background-size: 16px;
border-width: 0;
width: 16px;
height: 16px;
text-indent: -99999px;
margin-left: -28px;
box-shadow: none;
padding: 0;
}
}
[dir=rtl] form.search {
input {
padding: .35em .1em .35em 22px;
}
button {
background-position: 5px 0;
margin-left: 0;
margin-right: -20px;
position: relative;
}
}
/*____________ breadcrumbs ____________*/
.dokuwiki div.breadcrumbs {
border-top: 1px solid @ini_border;
border-bottom: 1px solid @ini_background;
margin-bottom: .5em;
font-size: 0.875em;
clear: both;
div {
padding: .1em .35em;
}
div:only-child {
border-top: 1px solid @ini_background;
border-bottom: 1px solid @ini_border;
}
div:first-child {
border-top: 1px solid @ini_background;
}
div:last-child {
border-bottom: 1px solid @ini_border;
}
.bcsep {
font-size: 0.75em;
}
}
/* sidebar
********************************************************************/
.dokuwiki .aside {
font-size: 0.875em;
overflow: hidden;
word-wrap: break-word;
/* make sidebar more condensed */
h1 {
font-size: 1.714em;
margin-bottom: .292em;
}
h2 {
margin-bottom: .333em;
}
h3 {
margin-bottom: .444em;
}
h4 {
margin-bottom: .5em;
}
h5 {
margin-bottom: .5714em;
}
p,
ul,
ol,
dl,
pre,
table,
fieldset,
hr,
blockquote,
address {
margin-bottom: .7em;
}
ul,
ol {
padding-left: .5em;
}
li ul,
li ol {
margin-bottom: 0;
padding: 0;
}
a:link,
a:visited {
color: @ini_link;
background-color: inherit;
}
}
[dir=rtl] .dokuwiki .aside ul,
[dir=rtl] .dokuwiki .aside ol {
padding-right: .5em;
}
/* content
********************************************************************/
.dokuwiki .pageId {
float: right;
margin-right: -1em;
margin-bottom: -1px;
margin-top: -1.5em;
overflow: hidden;
padding: 0.5em 1em 0;
span {
font-size: 0.875em;
border: solid @ini_background_alt;
border-width: 1px 1px 0;
background-color: @ini_background;
color: @ini_text_alt;
padding: .1em .35em;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
box-shadow: 0 0 .5em @ini_text_alt;
display: block;
}
}
.dokuwiki div.page {
clear: both;
background: @ini_background;
color: inherit;
border: 1px solid @ini_background_alt;
box-shadow: 0 0 .5em @ini_text_alt;
border-radius: 2px;
padding: 1.556em 2em 2em;
margin-bottom: .5em;
overflow: hidden;
word-wrap: break-word;
}
.dokuwiki .docInfo {
font-size: 0.875em;
text-align: right;
overflow-wrap: break-word;
}
/* license note under edit window */
.dokuwiki div.license {
font-size: small;
line-height: 1.5em;
padding: 3pt;
background-color: @ini_background_alt;
border: @ini_border solid 1px;
}
[dir=rtl] .dokuwiki .docInfo {
text-align: left;
}
[dir=rtl] .dokuwiki .pageId {
float: left;
margin-left: -1em;
margin-right: 0;
}
/* footer
********************************************************************/
.dokuwiki .wrapper {
margin-bottom: 1.4em;
}
#dokuwiki__footer {
margin-bottom: 1em;
text-align: center;
> .pad {
font-size: 0.875em;
}
div.license {
margin-bottom: 0.5em;
font-size: 100%;
}
div.buttons a {
img {
opacity: 0.5;
}
&:hover img,
&:active img,
&:focus img {
opacity: 1;
}
}
}
[dir=rtl] #dokuwiki__footer .license img {
margin: 0 0 0 .5em;
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode div.license {
background-color: @ini_background_alt_dark;
border-color: @ini_border_dark;
}
}

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,59 @@
/**
* This contains the content styling
* @author Sascha Leib <sascha@leib.be>
*/
/* general link styles */
a:link {
color: @ini_link;
text-decoration: none;
border-radius: 2px;
}
a:visited {
color: @ini_link;
}
a:hover {
text-decoration: underline;
}
a:focus {
outline: @ini_focus_color solid 2px;
}
a.wikilink1:link,
a.wikilink1:visited {
color: @ini_existing;
}
a.wikilink2:link,
a.wikilink2:visited {
color: @ini_missing;
}
a.media:link,
a.media:visited {
display: block;
line-height: 0;
}
/* in-page links */
a[href^='#'].wikilink1:link,
a[href^='#'].wikilink1:visited {
color: @ini_inpage;
text-decoration: underline;
text-decoration-style: dotted;
}
/* special cases: included section in footer: */
footer #ftInclude a.wikilink1:link,
footer #ftInclude a.wikilink1:visited {
color: @ini_link;
}
/* dark mode overrides */
@media (prefers-color-scheme: dark) {
body.darkmode a:link, body.darkmode a:visited { color: @ini_link_dark; }
body.darkmode a.wikilink1:link, body.darkmode a.wikilink1:visited { color: @ini_existing_dark; }
body.darkmode a.wikilink2:link, body.darkmode a.wikilink2:visited { color: @ini_missing_dark; }
body.darkmode #ftInclude a.wikilink1:link, body.darkmode #ftInclude a.wikilink1:visited { color: @ini_link_dark; }
body.darkmode a[href^='#'].wikilink1:link, body.darkmode a[href^='#'].wikilink1:visited { color: @ini_inpage_dark; }
}

View file

@ -0,0 +1,124 @@
/**
* This file provides the styles for the page tools
* (fly out navigation beside the page to edit, etc).
*
* @author Anika Henke <anika@selfthinker.org>
* @author Andreas Gohr <andi@splitbrain.org>
*/
#dokuwiki__site > .site {
/* give space to the right so the tools won't disappear on smaller screens */
/* it's 40px because the 30px wide icons will have 5px more spacing to the left and right */
padding-right: 40px;
/* give the same space to the left to balance it out */
padding-left: 40px;
}
.dokuwiki div.page {
height: 190px;
min-height: 190px; /* 30 (= height of icons) x 6 (= maximum number of possible tools) + 2x5 */
height: auto;
}
#dokuwiki__pagetools {
@ico-width: 28px;
@ico-margin: 8px;
@item-width: (@ico-width + @ico-margin + @ico-margin);
@item-height: (@ico-width + @ico-margin);
position: absolute;
right: (-1 * @item-width);
/* on same vertical level as first headline, because .page has 2em padding */
top: 2em;
width: @item-width;
div.tools {
position: fixed;
width: @item-width;
ul {
position: absolute;
right: 0;
text-align: right;
margin: 0;
padding: 0;
/* add transparent border to prevent jumping when proper border is added on hover */
border: 1px solid transparent;
z-index: 10;
li {
padding: 0;
margin: 0;
list-style: none;
font-size: 0.875em;
a {
display: block;
/* add transparent border to prevent jumping when proper border is added on focus */
border: 1px solid transparent;
white-space: nowrap;
line-height: @item-height;
vertical-align: middle;
height: @item-height;
span {
display: none; // hide label until hover
margin: 0 @ico-margin;
}
svg {
width: @ico-width;
height: @ico-width;
margin: 0 @ico-margin;
display: inline-block;
vertical-align: middle;
fill: @ini_border;
}
}
// on interaction show the full item
a:active,
a:focus,
a:hover {
background-color: @ini_background_alt;
span {
display: inline-block;
}
svg {
fill: @ini_link;
}
}
}
}
}
[dir=rtl] & {
right: auto;
left: (-1 * @item-width);
div.tools {
ul {
right: auto;
left: 0;
text-align: left;
}
}
}
}
// on hover or focus show all items
#dokuwiki__pagetools:hover, #dokuwiki__pagetools:focus-within {
div.tools ul {
background-color: @ini_background;
border-color: @ini_border;
border-radius: 2px;
box-shadow: 2px 2px 2px @ini_text_alt;
li a span {
display: inline-block;
}
}
}

View file

@ -0,0 +1,28 @@
/**
* This file contains style overrides for selected plugins
* @author Sascha Leib <sascha@leib.be>
*/
/* upgrade plugin */
#plugin__upgrade_meter {
& {
height: 26px;
}
ol li {
.stage {
color: #444;
}
.step {
color: #444;
}
&.active {
height: 26px;
}
}
}
#plugin__upgrade_form {
button {
padding: .25em .5em;
cursor: pointer;
}
}

View file

@ -0,0 +1,596 @@
/**
* This contains the print layouts and styles
* @author Sascha Leib <sascha@leib.be>
*/
@page { margin: 2cm 4cm 3cm 2.5cm; }
.noprint,
.wrap_noprint {
display: none !important;
}
.nobreak,
.wrap_nobreak {
white-space: nowrap !important;
}
.printonly,
.print-only,
.wrap_print-only {
display: initial;
}
html, body, * {
font-family: @ini_print_default_fonts;
margin: 0;
padding: 0;
background-color: transparent;
}
body {
font-size: 12pt;
box-decoration-break: clone;
}
/* hide unneded page elements */
#globalTools, #phSearch,
#sidebar, #toc, #navYouAreHere,
#footer-layout .ftSection {
display: none;
}
#header-layout {
display: table-header-group;
padding-bottom: .25em;
margin-bottom: 1em;
}
#header-layout > header {
display: block;
padding-bottom: .25em;
border-bottom: #000 solid .5pt;
margin-bottom: 1em;
}
#siteLogo {
display: grid;
grid-template-columns: min-content max-content auto;
align-items: center;
}
#siteLogo .logo {
grid-row: 1;
}
#siteLogo .logo img {
width: 12pt;
height: auto;
}
#siteLogo .title {
font-size: 10pt;
line-height: 1.2em;
font-weight: bold;
}
#siteLogo .title a:link,
#siteLogo .title a:visited {
font-family: @ini_print_title_fonts;
color: @ini_print_title_color;
text-decoration: none;
}
#siteLogo .claim {
grid-row: 1; grid-column: 3;
align-self: center;
max-width: 100%;
font-size: 10pt;
line-height: 1.2em;
}
#header-layout #phInclude {
display: none;
}
#main-layout {
padding-top: .5em;
display: table-row-group;
}
#footer-layout {
display: block;
padding-top: 0;
}
#footer-layout footer {
display: block;
width: auto;
}
/* reset main borders and margins: */
main {
display: table-row-group;
padding: 0;
border-width: 0;
line-height: 1.5em;
border: none 0;
word-break: break-word;
-moz-box-shadow: 0 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
/* headlines */
main h1, main h2, main h3, main h4, main h5, main h6 {
font-family: @ini_print_title_fonts;
color: @ini_print_title_color;
line-height: 1.2em;
margin: 1em 0 .5em 0;
padding: 0 0 .25em 0;
page-break-inside: avoid;
break-inside: avoid;
page-break-after: avoid;
break-after: avoid;
clear: both;
position: relative;
}
main h1 { font-size: 18pt; margin-bottom: .5em; }
main h2 { font-size: 14pt; margin-top: 2em; }
main h3 { font-size: 12pt; }
main h4 { font-size: 12pt; font-style: italic; }
main h5 { font-size: 12pt; font-weight: normal; font-style: italic; }
main h6 { font-size: 11pt; font-weight: normal; font-style: italic; }
/* workaround: force headlines to keep with the next paragraph: */
main h1::after, main h2::after, main h3::after, main h4::after, main h5::after, main h6::after,
main dl:not(.compact) dt::after {
content: '';
display: block;
height: 4.5em;
margin-bottom: -4.5em;
page-break-inside: avoid;
break-inside: avoid;
}
main h1 + div, main h2 + div, main h3 + div, main h4 + div, main h5 + div, main h6 + div {
page-break-before: avoid;
break-before: avoid;
}
/* paragraph-level blocks */
main p, main ul, main ol {
margin: .5em 0;
}
main p, main li {
widows: 2;
orphans: 2;
word-wrap: break-word;
overflow-wrap: break-word;
hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphenate-limit-chars: 6 2 3;
}
main ul { list-style: square outside; }
main ul ul { list-style-type: disc; }
main ul ul ul { list-style-type: none; }
main ol { list-style: decimal outside; }
main ul ul ul li {margin-left: 1em; }
main ul ul ul li:before { display: block; content: '\2043'; text-align:center; float: left; width: 1em; margin-left: -1em; }
main ul ul ul ul li:before { content: '\FE63' }
main ul ul ul ul ul li:before { content: '\00B7' }
main ol ol { list-style-type: lower-alpha; }
main ol ol ol { list-style-type: lower-roman; }
main ol ol ol ol { list-style-type: lower-greek; }
main ol ol ol ol ol { list-style-type: decimal-leading-zero; }
main ul ul ul ol li { margin-left: 0; }
main ul ul ul ol li:before { display: none; content: ''; }
main li {
margin-left: 1.5em;
}
main blockquote {
border-left: @ini_blockquote solid 3pt;
padding: .25em 0 .25em .5em;
margin: 0 .25em 1em .25em;
widows: 2;
orphans: 2;
hyphens: auto;
}
main pre {
white-space: normal;
}
main figure {
break-inside: avoid;
page-break-inside: avoid;
background-color: transparent;
border: #666 solid .5pt;
margin: .5em 0;
}
main figure figcaption {
font-family: @ini_print_title_fonts;
margin-top: .5em;
font-size: small;
text-align: left;
}
main figure figcaption p,
main figure figcaption li {
font-family: @ini_print_title_fonts;
}
body.print-compact main figure figcaption p {
text-indent: 0;
}
body.print-compact main figure table {
max-width: 100%;
border: #000 solid .5pt;
}
main footer {
margin-top: 2em;
border-top: #000 solid .5pt;
page-break-before: avoid;
break-before: avoid;
}
main footer p.docInfo,
body.print-compact main p.docInfo {
display: block;
border: none;
padding: 0;
text-align: right;
color: #000;
}
#ftLicenseButtons p.license {
color: #000;
}
/* links overrides */
main a:link,
main a:visited {
text-decoration: underline;
text-decoration-style: dotted;
}
main a:link.text-link,
main a:visited.text-link {
color: #000;
}
/* add URL after external links - optional!
main a.interwiki:after,
main a.urlextern:after {
content: ' <' attr(href) '>';
font-size: 90%;
color: #333;
} */
/* fixed-width elements: */
main tt, main code, main pre,
main blockquote tt, main blockquote code, main blockquote pre {
font-family: @ini_mono_fonts;
}
/* text attributes */
main s {
text-decoration: line-through rgba(255,0,0,0.5) solid 1pt;
-webkit-text-decoration: line-through rgba(255,0,0,0.5) solid 1pt;
}
main u {
-webkit-text-decoration-color: @ini_missing;
-webkit-text-decoration-line: underline;
-webkit-text-decoration-style: wavy;
-webkit-text-decoration-thickness: .7pt;
text-decoration: underline @ini_missing wavy .7pt;
}
main u.valid {
-webkit-text-decoration-color: @ini_existing;
text-decoration-color: @ini_existing;
text-decoration-style: dashed;
}
main abbr {
text-decoration: none;
font-size: 97%;
letter-spacing: .05em;
}
/* horizontal rules */
main hr {
border: #000 solid 0;
border-top-width: 1pt;
height: 0;
margin: 3pt 0;
}
/* table styles */
main table {
max-width: 100%;
border: #000 solid .5pt;
border-collapse: collapse;
line-height: 1.25em;
margin: .5em 0;
box-decoration-break: clone;
page-break-inside: avoid;
break-inside: avoid;
font-size: small;
}
main table td,
main table th {
padding: 2pt 3pt;
vertical-align: top;
}
main table th,
main table th * {
font-family: @ini_print_title_fonts;
color: @ini_print_title_color;
}
main table thead {
break-inside: avoid;
break-after: avoid;
}
main table thead tr {
background-color: #EEE;
border-bottom: #000 solid .5pt;
text-align: left;
}
main table thead tr th,
main table thead tr td {
vertical-align: bottom;
border-right: #000 solid .5pt;
}
main table thead tr th:last-child,
main table thead tr td:last-child {
border-right: none 0;
}
main table tbody tr {
border-bottom: #000 dashed .5pt;
}
main table tbody tr:nth-child(even) {
background-color: #EEE;
}
main table tbody th {
vertical-align: top;
border-right: #000 solid .5pt;
}
main table tbody td {
border-right: #000 dashed .5pt;
}
main table a:link {
text-decoration: none;
}
main table.layout,
main table.layout tr,
main table.layout th,
main table.layout td {
border: none !important;
background: transparent none !important;
}
main blockquote table {
margin: 0;
}
/* image-related */
main aside {
float: none;
width: 100%;
margin: .5em 0;
page-break-inside: avoid;
break-inside: avoid;
}
main img {
width: auto;
max-width: 100%;
height: auto;
break-inside: avoid;
page-break-inside: avoid;
}
/* footnotes */
main div.footnotes {
margin-top: 1.5em;
font-size: smaller;
}
main div.footnotes div.fn {
display: grid;
grid-template-columns: 1.5em auto;
grid-gap: .25em;
}
main div.footnotes div.fn > sup {
vertical-align: baseline;
font-size: smaller;
text-align: right;
}
main div.footnotes:before {
content: ' ';
display: block;
width: 33%;
min-width: 5em;
border-top: @ini_text solid .5pt;
height: .5em;
}
/* show language code, if configured as menu */
#tbLanguages {
& {
display: block;
float:right;
position: relative;
top: -1.5rem;
}
button {
& {
border: transparent none 0;
}
svg {
& {
fill: transparent;
stroke: #000;
stroke-width: .5pt;
width: 1.75rem; height: 1.75rem;
}
text {
fill: #000;
text-transform: uppercase;
font-family: Arial, Helvetica, Verdana, sans;
stroke-width: 0;
}
}
}
}
/* alternative compact style: */
body.print-compact #main-content {
columns: 2;
column-gap: 1.2em;
column-rule: .25pt solid #666;
font-size: 11pt;
}
body.print-compact main h1,
body.print-compact main h2,
body.print-compact main figure {
column-span: all;
}
body.print-compact main figure.print-narrow {
column-span: none;
}
#main-content h1 + div > p:first-child {
column-span: all;
font-weight: 600;
margin-bottom: 1.5em;
text-indent: 0;
}
body.print-compact main p {
margin: 0;
text-align: justify;
text-indent: 1.5em;
}
body.print-compact main h1 + div > p:first-child + p,
body.print-compact main h2 + div > p:first-child,
body.print-compact main h3 + div > p:first-child,
body.print-compact main h4 + div > p:first-child,
body.print-compact main h5 + div > p:first-child,
body.print-compact main h6 + div > p:first-child,
body.print-compact main figure + p + p,
body.print-compact main div.table + p,
body.print-compact main aside + p + p,
body.print-compact main ul + p,
body.print-compact main ol + p,
body.print-compact main blockquote + p,
body.print-compact main p.info-box,
body.print-compact main p.info-box + p + p {
text-indent: 0;
}
body.print-compact main table {
border: none;
}
body.print-compact main figure {
border: none;
margin: 1em 0 .5em 0;
padding: .5em 0;
}
body.print-compact main blockquote {
margin: .5em 0;
padding: 0 0 0 .5em;
}
body.print-compact main figure blockquote {
margin: 0;
}
body.print-compact main p.info-box {
margin: .5em 0;
}
body.print-compact main ul,
body.print-compact main ol {
margin-left: .5em;
margin: 0;
padding: 0;
list-style-position: inside;
}
body.print-compact main ul > li,
body.print-compact main ol > li {
margin-left: 0;
}
body.print-compact main ul ul,
body.print-compact main ul ol,
body.print-compact main ol ul,
body.print-compact main ol ol,
body.print-compact main ul ul li,
body.print-compact main ul ol li,
body.print-compact main ol ul li,
body.print-compact main ol ol li {
margin-left: .5em;
}
body.print-compact main ul li::marker,
body.print-compact main ol li::marker {
display: inline-block;
float: none;
}
body.print-compact main ul li div.li,
body.print-compact main ol li div.li {
display: inline;
}
body.print-compact main ul div.li,
body.print-compact main ol div.li {
text-align: justify;
}
/* media detail */
body.mediadetail figure {
border: none;
background: transparent none;
}
body.mediadetail figure table ul {
margin: 0;
}
/* allow user to force keep-together rules: */
.keep-together,
.wrap_keep-together {
page-break-inside: avoid;
break-inside: avoid;
}
.break-before,
.wrap_break-before {
page-break-before: always;
break-before: always;
}
.print-wide,
.wrap_print-wide {
clear: both;
column-span: all;
}
.print-outline {
margin-top: 1em;
border: #666 solid .5pt;
border-radius: 1em;
padding: 0 1em;
}
/* site-banners */
.site-banner {
clear: both;
column-span: all;
margin-top: 1em;
border: #666 solid 1pt;
border-radius: 1em;
padding: 0 1em;
page-break-inside: avoid;
break-inside: avoid;
text-align: left;
}
.site-banner h4 {
margin: .75em 0 .15em 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11pt;
font-style: normal;
}
.site-banner p {
font-size: 9pt;
line-height: 13pt;
}
.site-banner img {
margin: 0 .25em .25em .5em;
}
/* boxes */
main .box,
main .wrap_box {
border: #666 solid 1px;
background-color: @ini_background_alt;
padding: .5em .25em .5em .5em;
font-size: small;
line-height: 1.5em;
}

View file

@ -0,0 +1,89 @@
/**
* 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: @ini_site_width;
}
#dokuwiki__site > .site {
padding: 0 .5em;
}
#dokuwiki__header {
width: 100%;
.headings {
float: left;
}
.tools {
float: right;
text-align: right;
}
}
[dir=rtl] #dokuwiki__header {
.headings {
float: right;
text-align: right;
}
.tools {
float: left;
text-align: left;
}
}
#dokuwiki__site .wrapper {
position: relative;
}
#dokuwiki__aside {
width: @ini_sidebar_width;
float: left;
position: relative;
display: block;
> .pad {
margin: 0 1.5em 0 0;
}
}
[dir=rtl] #dokuwiki__aside {
float: right;
> .pad {
margin: 0 0 0 1.5em;
}
}
.showSidebar #dokuwiki__content {
float: right;
margin-left: (-1 * @ini_sidebar_width);
width: 100%;
> .pad {
margin-left: @ini_sidebar_width;
}
}
[dir=rtl] .showSidebar #dokuwiki__content {
float: left;
margin-left: 0;
margin-right: (-1 * @ini_sidebar_width);
> .pad {
margin-left: 0;
margin-right: @ini_sidebar_width;
}
}
#dokuwiki__footer {
clear: both;
}

View file

@ -0,0 +1,50 @@
#dokuwiki__usertools {
position: absolute;
top: .5em;
right: 40px; // pagetool width
text-align: right;
width: 100%;
ul {
margin: 0 auto;
padding: 0;
max-width: @ini_site_width;
}
li.action a {
display: inline-flex;
flex-direction: row-reverse;
flex-wrap: nowrap;
svg {
height: 1.4em;
width: 1.4em;
vertical-align: middle;
fill: @ini_border;
margin-right: 0.2em;
}
}
li.action a:hover,
li.action a:active {
svg {
fill: @ini_link;
}
}
}
[dir=rtl] #dokuwiki__usertools {
text-align: left;
left: 40px; // pagetool width
right: auto;
li.action a {
svg {
margin-right: 0;
margin-left: 0.2em;
}
}
}