diff --git a/templates/55/MindTheDark/LICENSE b/templates/55/MindTheDark/LICENSE new file mode 100644 index 0000000..d159169 --- /dev/null +++ b/templates/55/MindTheDark/LICENSE @@ -0,0 +1,339 @@ + GNU GENERAL PUBLIC LICENSE + Version 2, June 1991 + + Copyright (C) 1989, 1991 Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The licenses for most software are designed to take away your +freedom to share and change it. By contrast, the GNU General Public +License is intended to guarantee your freedom to share and change free +software--to make sure the software is free for all its users. This +General Public License applies to most of the Free Software +Foundation's software and to any other program whose authors commit to +using it. (Some other Free Software Foundation software is covered by +the GNU Lesser General Public License instead.) You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +this service if you wish), that you receive source code or can get it +if you want it, that you can change the software or use pieces of it +in new free programs; and that you know you can do these things. + + To protect your rights, we need to make restrictions that forbid +anyone to deny you these rights or to ask you to surrender the rights. +These restrictions translate to certain responsibilities for you if you +distribute copies of the software, or if you modify it. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must give the recipients all the rights that +you have. You must make sure that they, too, receive or can get the +source code. And you must show them these terms so they know their +rights. + + We protect your rights with two steps: (1) copyright the software, and +(2) offer you this license which gives you legal permission to copy, +distribute and/or modify the software. + + Also, for each author's protection and ours, we want to make certain +that everyone understands that there is no warranty for this free +software. If the software is modified by someone else and passed on, we +want its recipients to know that what they have is not the original, so +that any problems introduced by others will not reflect on the original +authors' reputations. + + Finally, any free program is threatened constantly by software +patents. We wish to avoid the danger that redistributors of a free +program will individually obtain patent licenses, in effect making the +program proprietary. To prevent this, we have made it clear that any +patent must be licensed for everyone's free use or not licensed at all. + + The precise terms and conditions for copying, distribution and +modification follow. + + GNU GENERAL PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. This License applies to any program or other work which contains +a notice placed by the copyright holder saying it may be distributed +under the terms of this General Public License. The "Program", below, +refers to any such program or work, and a "work based on the Program" +means either the Program or any derivative work under copyright law: +that is to say, a work containing the Program or a portion of it, +either verbatim or with modifications and/or translated into another +language. (Hereinafter, translation is included without limitation in +the term "modification".) Each licensee is addressed as "you". + +Activities other than copying, distribution and modification are not +covered by this License; they are outside its scope. The act of +running the Program is not restricted, and the output from the Program +is covered only if its contents constitute a work based on the +Program (independent of having been made by running the Program). +Whether that is true depends on what the Program does. + + 1. You may copy and distribute verbatim copies of the Program's +source code as you receive it, in any medium, provided that you +conspicuously and appropriately publish on each copy an appropriate +copyright notice and disclaimer of warranty; keep intact all the +notices that refer to this License and to the absence of any warranty; +and give any other recipients of the Program a copy of this License +along with the Program. + +You may charge a fee for the physical act of transferring a copy, and +you may at your option offer warranty protection in exchange for a fee. + + 2. You may modify your copy or copies of the Program or any portion +of it, thus forming a work based on the Program, and copy and +distribute such modifications or work under the terms of Section 1 +above, provided that you also meet all of these conditions: + + a) You must cause the modified files to carry prominent notices + stating that you changed the files and the date of any change. + + b) You must cause any work that you distribute or publish, that in + whole or in part contains or is derived from the Program or any + part thereof, to be licensed as a whole at no charge to all third + parties under the terms of this License. + + c) If the modified program normally reads commands interactively + when run, you must cause it, when started running for such + interactive use in the most ordinary way, to print or display an + announcement including an appropriate copyright notice and a + notice that there is no warranty (or else, saying that you provide + a warranty) and that users may redistribute the program under + these conditions, and telling the user how to view a copy of this + License. (Exception: if the Program itself is interactive but + does not normally print such an announcement, your work based on + the Program is not required to print an announcement.) + +These requirements apply to the modified work as a whole. If +identifiable sections of that work are not derived from the Program, +and can be reasonably considered independent and separate works in +themselves, then this License, and its terms, do not apply to those +sections when you distribute them as separate works. But when you +distribute the same sections as part of a whole which is a work based +on the Program, the distribution of the whole must be on the terms of +this License, whose permissions for other licensees extend to the +entire whole, and thus to each and every part regardless of who wrote it. + +Thus, it is not the intent of this section to claim rights or contest +your rights to work written entirely by you; rather, the intent is to +exercise the right to control the distribution of derivative or +collective works based on the Program. + +In addition, mere aggregation of another work not based on the Program +with the Program (or with a work based on the Program) on a volume of +a storage or distribution medium does not bring the other work under +the scope of this License. + + 3. You may copy and distribute the Program (or a work based on it, +under Section 2) in object code or executable form under the terms of +Sections 1 and 2 above provided that you also do one of the following: + + a) Accompany it with the complete corresponding machine-readable + source code, which must be distributed under the terms of Sections + 1 and 2 above on a medium customarily used for software interchange; or, + + b) Accompany it with a written offer, valid for at least three + years, to give any third party, for a charge no more than your + cost of physically performing source distribution, a complete + machine-readable copy of the corresponding source code, to be + distributed under the terms of Sections 1 and 2 above on a medium + customarily used for software interchange; or, + + c) Accompany it with the information you received as to the offer + to distribute corresponding source code. (This alternative is + allowed only for noncommercial distribution and only if you + received the program in object code or executable form with such + an offer, in accord with Subsection b above.) + +The source code for a work means the preferred form of the work for +making modifications to it. For an executable work, complete source +code means all the source code for all modules it contains, plus any +associated interface definition files, plus the scripts used to +control compilation and installation of the executable. However, as a +special exception, the source code distributed need not include +anything that is normally distributed (in either source or binary +form) with the major components (compiler, kernel, and so on) of the +operating system on which the executable runs, unless that component +itself accompanies the executable. + +If distribution of executable or object code is made by offering +access to copy from a designated place, then offering equivalent +access to copy the source code from the same place counts as +distribution of the source code, even though third parties are not +compelled to copy the source along with the object code. + + 4. You may not copy, modify, sublicense, or distribute the Program +except as expressly provided under this License. Any attempt +otherwise to copy, modify, sublicense or distribute the Program is +void, and will automatically terminate your rights under this License. +However, parties who have received copies, or rights, from you under +this License will not have their licenses terminated so long as such +parties remain in full compliance. + + 5. You are not required to accept this License, since you have not +signed it. However, nothing else grants you permission to modify or +distribute the Program or its derivative works. These actions are +prohibited by law if you do not accept this License. Therefore, by +modifying or distributing the Program (or any work based on the +Program), you indicate your acceptance of this License to do so, and +all its terms and conditions for copying, distributing or modifying +the Program or works based on it. + + 6. Each time you redistribute the Program (or any work based on the +Program), the recipient automatically receives a license from the +original licensor to copy, distribute or modify the Program subject to +these terms and conditions. You may not impose any further +restrictions on the recipients' exercise of the rights granted herein. +You are not responsible for enforcing compliance by third parties to +this License. + + 7. If, as a consequence of a court judgment or allegation of patent +infringement or for any other reason (not limited to patent issues), +conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot +distribute so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you +may not distribute the Program at all. For example, if a patent +license would not permit royalty-free redistribution of the Program by +all those who receive copies directly or indirectly through you, then +the only way you could satisfy both it and this License would be to +refrain entirely from distribution of the Program. + +If any portion of this section is held invalid or unenforceable under +any particular circumstance, the balance of the section is intended to +apply and the section as a whole is intended to apply in other +circumstances. + +It is not the purpose of this section to induce you to infringe any +patents or other property right claims or to contest validity of any +such claims; this section has the sole purpose of protecting the +integrity of the free software distribution system, which is +implemented by public license practices. Many people have made +generous contributions to the wide range of software distributed +through that system in reliance on consistent application of that +system; it is up to the author/donor to decide if he or she is willing +to distribute software through any other system and a licensee cannot +impose that choice. + +This section is intended to make thoroughly clear what is believed to +be a consequence of the rest of this License. + + 8. If the distribution and/or use of the Program is restricted in +certain countries either by patents or by copyrighted interfaces, the +original copyright holder who places the Program under this License +may add an explicit geographical distribution limitation excluding +those countries, so that distribution is permitted only in or among +countries not thus excluded. In such case, this License incorporates +the limitation as if written in the body of this License. + + 9. The Free Software Foundation may publish revised and/or new versions +of the General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + +Each version is given a distinguishing version number. If the Program +specifies a version number of this License which applies to it and "any +later version", you have the option of following the terms and conditions +either of that version or of any later version published by the Free +Software Foundation. If the Program does not specify a version number of +this License, you may choose any version ever published by the Free Software +Foundation. + + 10. If you wish to incorporate parts of the Program into other free +programs whose distribution conditions are different, write to the author +to ask for permission. For software which is copyrighted by the Free +Software Foundation, write to the Free Software Foundation; we sometimes +make exceptions for this. Our decision will be guided by the two goals +of preserving the free status of all derivatives of our free software and +of promoting the sharing and reuse of software generally. + + NO WARRANTY + + 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY +FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN +OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES +PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED +OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF +MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS +TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE +PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, +REPAIR OR CORRECTION. + + 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR +REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, +INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING +OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED +TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY +YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER +PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE +POSSIBILITY OF SUCH DAMAGES. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +convey the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software; you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation; either version 2 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along + with this program; if not, write to the Free Software Foundation, Inc., + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. + +Also add information on how to contact you by electronic and paper mail. + +If the program is interactive, make it output a short notice like this +when it starts in an interactive mode: + + Gnomovision version 69, Copyright (C) year name of author + Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, the commands you use may +be called something other than `show w' and `show c'; they could even be +mouse-clicks or menu items--whatever suits your program. + +You should also get your employer (if you work as a programmer) or your +school, if any, to sign a "copyright disclaimer" for the program, if +necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the program + `Gnomovision' (which makes passes at compilers) written by James Hacker. + + , 1 April 1989 + Ty Coon, President of Vice + +This General Public License does not permit incorporating your program into +proprietary programs. If your program is a subroutine library, you may +consider it more useful to permit linking proprietary applications with the +library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. diff --git a/templates/55/MindTheDark/README.md b/templates/55/MindTheDark/README.md new file mode 100644 index 0000000..8a9f679 --- /dev/null +++ b/templates/55/MindTheDark/README.md @@ -0,0 +1,74 @@ +# MindTheDark Template +This template is based on the standard [DokuWiki Template](https://www.dokuwiki.org/template:dokuwiki). + +MindTheDark offers a light and a dark color scheme for your DokuWiki. The color scheme and the style are optimized for software documentation. The optics are flat. + +If the `userChoice` option is enabled, an option to change the color scheme will appear in the header. If only `userChoice` is enabled, then the selected static mode will be used until the user makes a choice. + +![screenshot_toggle](screenshot/screenshot_toggle.png) + +If the `autoDark` option is enabled, the color scheme of the operating system is used. + +![screenshot](screenshot/screenshot_theme.png) + +If neither of the two options is selected, a static color scheme can be selected via `theme`. + +If both options are enabled, then Auto mode will be used until the user makes a choice. From this point on, only the user's choice is taken into account. + +## Features +* light and a dark color scheme (`theme` option in Configuration Manager) +* automatic color scheme depending on operating system settings (`autoDark` option in Configuration Manager) +* change of the color scheme by the user (`userChoice` option in Configuration Manager) +* all colors of the light and dark color scheme can be set in the Configuration Manager +* and all features the standard [DokuWiki Template](https://www.dokuwiki.org/template:dokuwiki#features) offers +* light and dark color theme for syntax highlighting in GeShi (thx @pv2b, @asfethan) + +## Plugin Support +### Note Plugin +If [Note Plugin](https://www.dokuwiki.org/plugin:note) is installed you can activate the support with the option `pluginNote` in the configuration manager. If the option `pluginNote` is enabled, the base colors of the notes can also be changed. + + + +### Wrap Plugin +If [Wrap Plugin](https://www.dokuwiki.org/plugin:wrap) is installed you can activate the support with the option `pluginWrap` in the configuration manager. + +## Customizing +The MindTheDark Template offers all customizing like the standard [DokuWiki Template](https://www.dokuwiki.org/template:dokuwiki#customizing). + +### Changing Styles +Additionally to the standard guaranteed [style.ini](https://www.dokuwiki.org/devel:style.ini) placeholders and the standard [DokuWiki Template customizing](https://www.dokuwiki.org/template:dokuwiki#customizing), the template uses the following variables: + +| placeholder variable | meaning | +|----------------------|---------| +| `__pre_text_color__` | text color of inline code formating| +| `__pre_background_color__` | backgroung color of inline code formating| +| `__selection_color__` | text color of selection| +| `__selection_background_color__` | backgroung color of selection| +| `__scrollbar_track__` | color of the scrollbar| +| `__scrollbar_thumb__` | color of the scrollbar button| +| `__note_plugin_classic_color__` | base color for note plugin ``| +| `__note_plugin_important_color__` | base color for note plugin ``| +| `__note_plugin_warning_color__` | base color for note plugin ``| +| `__note_plugin_tip_color__` | base color for note plugin ``| + +## Localization +The texts are translated into German, English and Czech. Contributions are welcome. + +## Status +The plugin is currently used in about ~1% of DokuWiki installations. Almost no problems are reported. The current version is stable. + +Issues and improvements can be reported [here](https://github.com/MrReSc/MindTheDark). + +[MindTheDark popularity](https://dokuwiki.org/lib/plugins/pluginrepo/popularity.php?key=conf_template&output=pie&limit=8&d=20&x=.png) + +## Installation + +Refer to [template](https://www.dokuwiki.org/template) on how to install and use templates in DokuWiki. + + +## Remarks +* The `autoDark` option only works with modern browsers. The compatibility can be checked [here](https://caniuse.com/#feat=prefers-color-scheme). +* GeShi dark mode style sheet provided by @asfethan [https://cyberasylum.eu/how-to-change-geshi-stylesheet](https://cyberasylum.eu/how-to-change-geshi-stylesheet) +* Wrap plugging support was created by @Gamemap [@Gamemap](https://github.com/Gamemap). Thanks for that! +* Czech translation by [@jvn](https://github.com/jnv). Thanks for that! +* Optimization of the theme selection by [@Racso](https://github.com/Racso). Thanks for that! \ No newline at end of file diff --git a/templates/55/MindTheDark/conf/default.php b/templates/55/MindTheDark/conf/default.php new file mode 100644 index 0000000..ed44e5f --- /dev/null +++ b/templates/55/MindTheDark/conf/default.php @@ -0,0 +1,12 @@ + array('light','dark')); +$meta['autoDark'] = array('onoff'); +$meta['userChoice'] = array('onoff'); +$meta['pluginNote'] = array('onoff'); +$meta['pluginWrap'] = array('onoff'); + diff --git a/templates/55/MindTheDark/css/_admin.less b/templates/55/MindTheDark/css/_admin.less new file mode 100644 index 0000000..54c0f45 --- /dev/null +++ b/templates/55/MindTheDark/css/_admin.less @@ -0,0 +1,61 @@ +.dokuwiki div.ui-admin { + + /* main task grouped in two columns */ + ul.admin_tasks { + float: left; + width: 40%; + list-style-type: none; + font-size: 1.125em; + } + [dir=rtl] & ul.admin_tasks { + float: right; + } + + /* general menu item styling */ + ul { + padding: 0; + li { + margin: 0 0 1em 0; + font-weight: bold; + list-style-type: none; + white-space: nowrap; + + a 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: var(--link, #2b73b7); + display: inline-block; + path { + fill: var(--link, #2b73b7); + } + } + } + + &.prompt { + white-space: normal; + } + } + } + } + + /* DokuWiki version */ + #admin__version { + clear: left; + float: right; + color: var(--text_neu, #666); + background-color: inherit; + } + [dir=rtl] & #admin__version { + clear: right; + float: left; + } +} diff --git a/templates/55/MindTheDark/css/_autocolor.less b/templates/55/MindTheDark/css/_autocolor.less new file mode 100644 index 0000000..7ce28f8 --- /dev/null +++ b/templates/55/MindTheDark/css/_autocolor.less @@ -0,0 +1,85 @@ +.lightTheme{ + --text: __text__; + --background: __background__; + --text_alt: __text_alt__; + --background_alt: __background_alt__; + --text_neu: __text_neu__; + --background_neu: __background_neu__; + --border: __border__; + --highlight: __highlight__; + --existing: __existing__; + --missing: __missing__; + --link: __link__; + --background_site: __background_site__; + --search-png: url(images/search.png); + --toc-arrows: url(images/toc-arrows.png); + --pre_text: __pre_text_color__; + --pre_background: __pre_background_color__; + --opacity: 1; + --transition: none; + --selection_color: __selection_color__ ; + --selection_background: __selection_background_color__; + --scrollbar_track: __scrollbar_color_track__; + --scrollbar_thumb: __scrollbar_color_thumb__; +} + +.darkTheme{ + --text: __text_color_dark__; + --background: __background_color_dark__; + --text_alt: __text_alt_color_dark__; + --background_alt: __background_alt_color_dark__; + --text_neu: __text_neu_color_dark__; + --background_neu: __background_neu_color_dark__; + --border: __border_color_dark__; + --highlight: __highlight_color_dark__; + --existing: __existing_color_dark__; + --missing: __missing_color_dark__; + --link: __link_color_dark__; + --background_site: __background_site_color_dark__; + --search-png: url(images/search-dark.png); + --toc-arrows: url(images/toc-arrows-dark.png); + --pre_text: __pre_text_color_dark__; + --pre_background: __pre_background_color_dark__; + --opacity: 0.8; + --transition: opacity ease-in-out 0.25s; + --selection_color: __selection_color_dark__ ; + --selection_background: __selection_background_color_dark__; + --scrollbar_track: __scrollbar_track_color_dark__; + --scrollbar_thumb: __scrollbar_thumb_color_dark__; +} + + +/* User prefers light theme and automatic is switched on*/ +@media (prefers-color-scheme: light){ + :root[theme="auto"]{ + .lightTheme(); + } +} + +/* User prefers dark theme and automatic is switched on*/ +@media (prefers-color-scheme: dark){ + :root[theme="auto"]{ + .darkTheme(); + } +} + +/* Admin selected light theme and automatic is switched off*/ +:root[theme="light"]{ + .lightTheme(); +} + +/* Admin selected dark theme and automatic is switched off*/ +:root[theme="dark"]{ + .darkTheme(); +} + +/* Darken the pictures in the dark theme a bit*/ +img{ + opacity: var(--opacity, 1); + transition: var(--transition, none); +} + +img:hover{ + opacity: 1; + transition: opacity ease-in-out 0.25s; +} \ No newline at end of file diff --git a/templates/55/MindTheDark/css/_diff.css b/templates/55/MindTheDark/css/_diff.css new file mode 100644 index 0000000..e6c5a5b --- /dev/null +++ b/templates/55/MindTheDark/css/_diff.css @@ -0,0 +1,136 @@ +/** + * This file provides styles for the diff view, which shows you + * differences between two versions of a page (?do=diff). + */ + +.dokuwiki table.diff { + width: 100%; + border-width: 0; +} +.dokuwiki table.diff th, +.dokuwiki table.diff td { + vertical-align: top; + padding: 0; + border-width: 0; + background-color: var(--background, #fff); + color: var(--text, #333); +} + +/* table header */ +.dokuwiki table.diff th { + border-bottom: 1px solid var(--border, #ccc); + font-size: 110%; + font-weight: normal; +} +.dokuwiki table.diff th a { + font-weight: bold; +} +.dokuwiki table.diff th span.user { + font-size: .9em; +} +.dokuwiki table.diff th span.sum { + font-size: .9em; + font-weight: bold; +} +.dokuwiki table.diff th.minor { + color: #999; +} +.dokuwiki table.diff_sidebyside th { + width: 50%; +} + +/* table body */ +.dokuwiki table.diff .diff-lineheader { + width: .7em; + text-align: right; +} +[dir=rtl] .dokuwiki table.diff .diff-lineheader { + text-align: left; +} +.dokuwiki table.diff .diff-lineheader, +.dokuwiki table.diff td { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; +} +.dokuwiki table.diff td.diff-blockheader { + font-weight: bold; +} +.dokuwiki table.diff .diff-addedline { + background-color: #cfc; + color: black; +} +.dokuwiki table.diff .diff-deletedline { + background-color: #fdd; + color: black; +} +.dokuwiki table.diff td.diff-context { + background-color: var(--background_alt, #eee); + color: var(--text, #333); +} +.dokuwiki table.diff td.diff-addedline strong, +.dokuwiki table.diff td.diff-deletedline strong { + color: #f00; + background-color: inherit; + font-weight: bold; +} + +/* diff options */ + +.dokuwiki .diffoptions form { + float: left; +} +.dokuwiki .diffoptions p { + float: right; +} + +/* diff nav */ + +.dokuwiki table.diff_sidebyside td.diffnav { + padding-bottom: .7em; +} +.dokuwiki .diffnav a { + display: inline-block; + vertical-align: middle; +} +.dokuwiki .diffnav a span { + display: none; +} + +.dokuwiki .diffnav a:hover, +.dokuwiki .diffnav a:active, +.dokuwiki .diffnav a:focus { + background-color: var(--background_alt, #eee); + text-decoration: none; +} + +.dokuwiki .diffnav a:before { + display: inline-block; + line-height: 1; + padding: .2em .4em; + border: 1px solid var(--border, #ccc); + border-radius: 2px; + color: var(--text, #333); +} + +.dokuwiki .diffnav a.diffprevrev:before { + content: '\25C0'; /* left triangle */ +} +.dokuwiki .diffnav a.diffnextrev:before, +.dokuwiki .diffnav a.difflastrev:before { + content: '\25B6'; /* right triangle */ +} +.dokuwiki .diffnav a.diffbothprevrev:before { + content: '\25C0\25C0'; +} +.dokuwiki .diffnav a.diffbothnextrev:before { + content: '\25B6\25B6'; +} + +.dokuwiki .diffnav select { + width: 60%; + min-width: 9em; + height: 1.5em; /* height is necessary for longer options in Webkit */ +} + +.dokuwiki .diffnav select option[selected] { + font-weight: bold; +} diff --git a/templates/55/MindTheDark/css/_edit.css b/templates/55/MindTheDark/css/_edit.css new file mode 100644 index 0000000..aceb99d --- /dev/null +++ b/templates/55/MindTheDark/css/_edit.css @@ -0,0 +1,144 @@ +/** + * This file provides styles for the edit view (?do=edit), preview + * and section edit buttons. + */ + +/* edit view +********************************************************************/ + +.dokuwiki div.editBox { +} + +/*____________ toolbar ____________*/ + +.dokuwiki div.toolbar { + margin-bottom: .5em; +} +#draft__status { + float: right; + color: var(--text_alt, #999); + background-color: inherit; +} +[dir=rtl] #draft__status { + float: left; +} +#tool__bar { + float: left; +} +[dir=rtl] #tool__bar { + float: right; +} + +/* buttons inside of toolbar */ +.dokuwiki div.toolbar button.toolbutton { + background-color: #eee; +} +/* picker popups (outside of .dokuwiki) */ +div.picker { + width: 300px; + border: 1px solid var(--border, #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; + background-color: #eee; + color: black; +} + +/*____________ edit textarea ____________*/ + +.dokuwiki textarea.edit { + width: 100%; + margin-bottom: .5em; +} + +/*____________ below the textarea ____________*/ + +.dokuwiki div.editBar { + overflow: hidden; + margin-bottom: .5em; +} + +/* size and wrap controls */ +#size__ctl { + float: right; +} +[dir=rtl] #size__ctl { + float: left; +} +#size__ctl img { + cursor: pointer; +} + +/* edit buttons */ +.dokuwiki .editBar .editButtons { + display: inline; + margin-right: 1em; +} +[dir=rtl] .dokuwiki .editBar .editButtons { + margin-right: 0; + margin-left: 1em; +} +.dokuwiki .editBar .editButtons button { +} + +/* summary input and minor changes checkbox */ +.dokuwiki .editBar .summary { + display: inline; +} +.dokuwiki .editBar .summary label { + vertical-align: middle; + white-space: nowrap; +} +.dokuwiki .editBar .summary label span { + vertical-align: middle; +} +.dokuwiki .editBar .summary input { +} +/* change background colour if summary is missing */ +.dokuwiki .editBar .summary input.missing { + color: var(--text, #333); + background-color: #ffcccc; +} + +/* preview +********************************************************************/ + +.dokuwiki div.preview { + border: dotted var(--border, #ccc); + border-width: .2em 0; + padding: 1.4em 0; + margin-bottom: 1.4em; +} + +/* section edit buttons +********************************************************************/ + +.dokuwiki .secedit { + float: right; + margin-top: -1.4em; +} +[dir=rtl] .dokuwiki .secedit { + float: left; +} +.dokuwiki .secedit button { + font-size: 75%; + margin-top: 1.3em; +} + +/* style for section highlighting */ +.dokuwiki div.section_highlight { + margin: 0 -1em; /* negative side margin = side padding + side border */ + padding: 0 .5em; + border: solid var(--background_neu, #ddd); + border-width: 0 .5em; +} diff --git a/templates/55/MindTheDark/css/_fileuploader.css b/templates/55/MindTheDark/css/_fileuploader.css new file mode 100644 index 0000000..bae1782 --- /dev/null +++ b/templates/55/MindTheDark/css/_fileuploader.css @@ -0,0 +1,107 @@ +/** + * This file provides the styles for the file uploader + * used in the media manager (both fullscreen and popup). + */ + +.qq-uploader { + position: relative; + width: 100%; +} + +.qq-uploader .error { + color: #f00; + background-color: #fff; +} + +/* select file button */ + +.qq-upload-button { + display: inline-block; + text-decoration: none; + font-size: 100%; + cursor: pointer; + margin: 1px 1px 5px; +} + +.qq-upload-button-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: var(--background_neu, #ddd); + color: var(--text, #333); + 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: var(--background_alt, #eee); +} + +/* list of files to upload */ + +div.qq-uploader ul { + margin: 0; + padding: 0; + list-style: none; +} + +.qq-uploader li { + margin: 0 0 5px; + color: var(--text, #333); +} + +.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; +} diff --git a/templates/55/MindTheDark/css/_footnotes.css b/templates/55/MindTheDark/css/_footnotes.css new file mode 100644 index 0000000..3b254ed --- /dev/null +++ b/templates/55/MindTheDark/css/_footnotes.css @@ -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 var(--border, #ccc); + 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; +} diff --git a/templates/55/MindTheDark/css/_forms.css b/templates/55/MindTheDark/css/_forms.css new file mode 100644 index 0000000..6cfe50f --- /dev/null +++ b/templates/55/MindTheDark/css/_forms.css @@ -0,0 +1,106 @@ +/* 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 var(--border, #ccc); + 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; +} +/** + * Styles for auth forms + */ +#dw__login label[for="remember__me"] { + margin-left: 50%; + margin-bottom: 1.4em; +} +#dw__login fieldset, +#dw__resendpwd fieldset, +#dw__register fieldset { + padding-bottom: 0.7em; +} +#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; +} diff --git a/templates/55/MindTheDark/css/_geshi_dark.less b/templates/55/MindTheDark/css/_geshi_dark.less new file mode 100644 index 0000000..eeb1fe6 --- /dev/null +++ b/templates/55/MindTheDark/css/_geshi_dark.less @@ -0,0 +1,112 @@ +/** + * This file provides styles for syntax highlighting in dark mode + * Syntax highlighting is done by GeShi + * It doesn't change the default style light theme style + */ + +@brackets: #bfbfbf; +@comments: #7a7a75; +@strings: #ff4444; +@methods: #ffffff; +@methods2: #ffcc66; +@keyword1: #99ee00; +@keyword2: #eeaa22; +@keyword3: #dd88ff; +@keyword4: #ff7744; +@operators: #44ffbb; +@numbers: #ff2288; +@variables: #88c0ff; +@variables2: #ccddff; +@variables5: #ddddff; +@lines: #252525; +@lines2: #272727; +@lines3: var(--background_site); +@lines-xtra: #494d26; + +.darkModeGeshi{ + + /* lines */ + .li1 { + background: @lines; + } + .li2 { + background: @lines2; + } + .li1 .de1 { + background: @lines3; + } + .li1.ln-xtra .de1, .ln-xtra{ + background: @lines-xtra; + } + + /* brackets */ + .br0 { + color: @brackets; + } + /* comments */ + .co0, .co1, .coMULTI { + color: @comments; + } + + /* strings */ + .st0, .st_h { + color: @strings; + } + + /* methods */ + .me0, .me1 { + color: @methods; + } + .me2 { + color: @methods2; + } + + /* keywords */ + .kw1 { + color: @keyword1; + } + .kw2 { + color: @keyword2; + } + .kw3 { + color: @keyword3; + } + .kw4 { + color: @keyword4; + } + + /* operators */ + .sy0 { + color: @operators; + } + + /* numbers */ + .nu0 { + color: @numbers; + } + + /* variables */ + .re0, .re1, .re3, .re4 { + color: @variables; + } + .re2 { + color: @variables2; + } + .re5 { + color: @variables5; + } + + +} + +/* dark theme and automatic is switched off*/ +&:root[theme="dark"] { + .darkModeGeshi(); +} + +/* User prefers dark theme and automatic is switched on*/ +@media (prefers-color-scheme: dark){ + &:root[theme="auto"] { + .darkModeGeshi(); + } +} diff --git a/templates/55/MindTheDark/css/_imgdetail.css b/templates/55/MindTheDark/css/_imgdetail.css new file mode 100644 index 0000000..a074000 --- /dev/null +++ b/templates/55/MindTheDark/css/_imgdetail.css @@ -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; +} diff --git a/templates/55/MindTheDark/css/_links.css b/templates/55/MindTheDark/css/_links.css new file mode 100644 index 0000000..695f4b8 --- /dev/null +++ b/templates/55/MindTheDark/css/_links.css @@ -0,0 +1,69 @@ +/** + * This file provides styles for all types of links. + */ + +/*____________ links to wiki pages ____________*/ + +/* existing wikipage */ +.dokuwiki a.wikilink1 { +} +/* not existing wikipage */ +.dokuwiki a.wikilink2 { + text-decoration: none; +} +.dokuwiki a.wikilink2:link, +.dokuwiki a.wikilink2:visited { + border-bottom: 1px dashed; +} +.dokuwiki a.wikilink2:hover, +.dokuwiki a.wikilink2:active, +.dokuwiki a.wikilink2:focus { + border-bottom-width: 0; +} + +/* any link to current page */ +.dokuwiki span.curid a { + font-weight: bold; +} + +/*____________ other link types ____________*/ + +.dokuwiki a.urlextern, +.dokuwiki a.windows, +.dokuwiki a.mail, +.dokuwiki a.mediafile, +.dokuwiki a.interwiki { + background-repeat: no-repeat; + background-position: 0 center; + padding: 0 0 0 18px; +} +/* external link */ +.dokuwiki a.urlextern { + background-image: url(../../images/external-link.png); +} +/* windows share */ +.dokuwiki a.windows { + background-image: url(../../images/unc.png); +} +/* email link */ +.dokuwiki 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 */ +.dokuwiki a.mediafile { +} +/* interwiki link */ +.dokuwiki a.interwiki { +} + +/* RTL corrections; if link icons don't work as expected, remove the following lines */ +[dir=rtl] .dokuwiki a.urlextern, +[dir=rtl] .dokuwiki a.windows, +[dir=rtl] .dokuwiki a.mail, +[dir=rtl] .dokuwiki a.interwiki, +[dir=rtl] .dokuwiki a.mediafile { + background-position: right center; + padding: 0 18px 0 0; +} diff --git a/templates/55/MindTheDark/css/_media_fullscreen.css b/templates/55/MindTheDark/css/_media_fullscreen.css new file mode 100644 index 0000000..1543903 --- /dev/null +++ b/templates/55/MindTheDark/css/_media_fullscreen.css @@ -0,0 +1,543 @@ +/** + * 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: var(--background_alt, #eee); + margin: 0 10px 10px 0; + padding: 10px 10px 8px; + text-align: left; + min-height: 20px; + overflow: hidden; +} +[dir=rtl] #mediamanager__page .panelHeader { + text-align: right; + margin: 0 0 10px 10px; +} +#mediamanager__page .panelContent { + overflow-y: auto; + overflow-x: hidden; + padding: 0; + margin: 0 10px 10px 0; + position: relative; +} +[dir=rtl] #mediamanager__page .panelContent { + text-align: right; + margin: 0 0 10px 10px; +} + +#mediamanager__page .file .panelHeader, +#mediamanager__page .file .panelContent { + margin-right: 0; +} +[dir=rtl] #mediamanager__page .file .panelHeader, +[dir=rtl] #mediamanager__page .file .panelContent { + margin-left: 0; +} + +#mediamanager__page .ui-resizable-e { + width: 6px; + right: 2px; + background: transparent url(../../images/resizecol.png) center center no-repeat; +} +#mediamanager__page .ui-resizable-e:hover { + background-color: var(--background_alt, #eee); +} +[dir=rtl] #mediamanager__page .ui-resizable-w { + width: 6px; + left: 2px; + background: transparent url(../../images/resizecol.png) center center no-repeat; +} +[dir=rtl] #mediamanager__page .ui-resizable-w:hover { + background-color: var(--background_alt, #eee); +} + + +#mediamanager__page dd { + margin: 0; +} + +#mediamanager__page .panelHeader h3 { + float: left; + font-weight: normal; + font-size: 1em; + padding: 0; + margin: 0 0 3px; +} +[dir=rtl] #mediamanager__page .panelHeader h3 { + float : right +} + + +/*____________ namespaces panel ____________*/ + +[dir=rtl] #mediamanager__page .namespaces { + text-align: right; +} + +/* make it look like a tab (as in _tabs.css) */ +#mediamanager__page .namespaces h2 { + font-size: 1em; + display: inline-block; + padding: .3em .8em; + margin: 0 0 0 .3em; + border-radius: .5em .5em 0 0; + font-weight: normal; + background-color: var(--background_alt, #eee); + color: var(--text, #333); + border: 1px solid var(--border, #ccc); + border-bottom-color: var(--background_alt, #eee); + line-height: 1.4em; + position: relative; + bottom: -1px; + z-index: 2; +} +[dir=rtl] #mediamanager__page .namespaces h2 { + margin: 0 .3em 0 0; + position: relative; + right: 10px; +} +#mediamanager__page .namespaces .panelHeader { + border-top: 1px solid var(--border, #ccc); + z-index: 1; +} + +#mediamanager__page .namespaces ul { + margin-left: .2em; + margin-bottom: 0; + padding: 0; + list-style: none; +} +[dir=rtl] #mediamanager__page .namespaces ul { + margin-left: 0; + margin-right: .2em; +} +#mediamanager__page .namespaces ul ul { + margin-left: 1em; +} +[dir=rtl] #mediamanager__page .namespaces ul ul { + margin-left: 0; + margin-right: 1em; +} +#mediamanager__page .namespaces ul ul li { + margin: 0; +} + +#mediamanager__page .namespaces ul .selected { + background-color: var(--highlight, #ff9); + font-weight: bold; +} + + +/*____________ file list panel ____________*/ + +/* file list header */ + +#mediamanager__page .panelHeader form.options { + float: right; + margin-top: -3px; +} +[dir=rtl] #mediamanager__page .panelHeader form.options { + float : left +} +#mediamanager__page .panelHeader ul { + list-style: none; + margin: 0; + padding: 0; +} +#mediamanager__page .panelHeader ul li { + color: var(--text, #333); + float: left; + line-height: 1; + padding-left: 3px; +} +[dir=rtl] #mediamanager__page .panelHeader ul li { + padding-right: 3px; + padding-left: 0; + float: right; +} + +#mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal { + padding-left: 30px; + margin: 0 0 0 5px; +} +#mediamanager__page .panelHeader ul li.listType { + background: url('../../images/icon-list.png') 3px 1px no-repeat; +} +#mediamanager__page .panelHeader ul li.sortBy { + background: url('../../images/icon-sort.png') 3px 1px no-repeat; +} +[dir=rtl] #mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal { + padding-left: 0; + padding-right: 30px; + margin: 0 5px 0 0; + background-position: right 1px; +} + +#mediamanager__page .panelHeader form.options .ui-controlgroup-horizontal label{ + font-size: 90%; + margin-right: -0.4em; + padding: .3em .5em; + line-height: 1; + background: var(--background_neu, #ddd); + color: var(--text_neu, #666); +} + +/* 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: var(--background_alt, #eee); +} + +#mediamanager__page .filelist li dt a { + vertical-align: middle; + display: table-cell; + overflow: hidden; +} + +/* file list as thumbs */ + +#mediamanager__page .filelist .thumbs li { + width: 100px; + min-height: 130px; + display: inline-block; + /* the right margin should visually be 10px, but because of its inline-block nature the whitespace inbetween is about 4px more */ + margin: 0 6px 10px 0; + background-color: var(--background_neu, #ddd); + color: var(--text, #333); + padding: 5px; + vertical-align: top; + text-align: center; + position: relative; + line-height: 1.2; +} +[dir=rtl] #mediamanager__page .filelist .thumbs li { + margin-right: 0; + margin-left: 6px; +} + +#mediamanager__page .filelist .thumbs li dt a { + width: 100px; + height: 90px; +} + +#mediamanager__page .filelist .thumbs li dt a img { + max-width: 90px; + max-height: 90px; +} + +#mediamanager__page .filelist .thumbs li .name, +#mediamanager__page .filelist .thumbs li .size, +#mediamanager__page .filelist .thumbs li .filesize, +#mediamanager__page .filelist .thumbs li .date { + display: block; + overflow: hidden; + text-overflow: ellipsis; + width: 90px; + white-space: nowrap; +} +#mediamanager__page .filelist .thumbs li .name { + padding: 5px 0; + font-weight: bold; +} +#mediamanager__page .filelist .thumbs li .date { + font-style: italic; + white-space: normal; +} + +/* file list as rows */ + +#mediamanager__page .filelist .rows li { + list-style: none; + display: block; + position: relative; + max-height: 50px; + margin: 0 0 3px 0; + background-color: var(--background, #fff); + color: var(--text, #333); + overflow: hidden; +} + +#mediamanager__page .filelist .rows li:nth-child(2n+1) { + background-color: var(--background_neu, #ddd); +} + +#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: var(--background_alt, #eee); +} +#mediamanager__page .file dl dd { + display: block; + background-color: var(--background_neu, #ddd); +} + + +/* 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: var(--text_neu, #666); + padding-left: 18px; +} +[dir=rtl] #mediamanager__page form.changes ul li div.li div { + padding-left: 0; + padding-right: 18px; +} +#mediamanager__page form.changes ul li div.li input { + position: relative; + top: 1px; +} + +/* file diff view */ + +#mediamanager__diff table { + table-layout: fixed; + border-width: 0; +} + +#mediamanager__diff td, +#mediamanager__diff th { + width: 48%; + margin: 0 5px 10px 0; + padding: 0; + vertical-align: top; + text-align: left; + border-color: var(--background, #fff); +} +[dir=rtl] #mediamanager__diff td, +[dir=rtl] #mediamanager__diff th { + margin: 0 0 10px 5px; + text-align: right; +} + +#mediamanager__diff th { + font-weight: normal; + background-color: var(--background, #fff); + line-height: 1.2; +} +#mediamanager__diff th a { + font-weight: bold; +} +#mediamanager__diff th span { + font-size: 90%; +} + +#mediamanager__diff dl dd strong{ + background-color: var(--highlight, #ff9); + color: var(--text, #333); + font-weight: normal; +} + +/* image diff views */ + +#mediamanager__page .file form.diffView { + margin-bottom: 10px; + display: block; +} + +#mediamanager__diff div.slider { + margin: 10px; + width: 95%; +} + +#mediamanager__diff .imageDiff { + position: relative; +} +#mediamanager__diff .imageDiff .image2 { + position: absolute; + top: 0; + left: 0; +} + +#mediamanager__diff .imageDiff.opacity .image2 { + opacity: 0.5; +} + +#mediamanager__diff .imageDiff.portions .image2 { + border-right: 1px solid red; + overflow: hidden; +} + +#mediamanager__diff .imageDiff.portions img { + float: left; +} + +#mediamanager__diff .imageDiff img { + width: 100%; + max-width: none; +} diff --git a/templates/55/MindTheDark/css/_media_popup.css b/templates/55/MindTheDark/css/_media_popup.css new file mode 100644 index 0000000..99feaf0 --- /dev/null +++ b/templates/55/MindTheDark/css/_media_popup.css @@ -0,0 +1,208 @@ +/** + * 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 var(--border, #ccc); +} +[dir=rtl] #mediamgr__aside { + left: auto; + right: 0; + border-right-width: 0; + border-left: 1px solid var(--border, #ccc); +} +#mediamgr__aside .pad { + padding: .5em; +} + +#mediamgr__content { + width: 69.7%; + height: 100%; + overflow: auto; + position: absolute; + right: 0; +} +[dir=rtl] #mediamgr__content { + right: auto; + left: 0; +} +#mediamgr__content .pad { + padding: .5em; +} + +#media__manager h1, +#media__manager h2 { + font-size: 1.5em; + margin-bottom: .5em; + padding-bottom: .2em; + border-bottom: 1px solid var(--border, #ccc); +} + +/* left side +********************************************************************/ + +/*____________ options ____________*/ + +#media__opts { + margin-bottom: .5em; +} + +#media__opts input { + margin-right: .3em; +} +[dir=rtl] #media__opts input { + margin-right: 0; + margin-left: .3em; +} +#media__opts label { +} + +/*____________ tree ____________*/ + +#media__tree ul { + padding-left: .2em; +} +[dir=rtl] #media__tree ul { + padding-left: 0; + padding-right: .2em; +} +#media__tree ul li { + clear: left; + list-style-type: none; + list-style-image: none; + margin-left: 0; +} +[dir=rtl] #media__tree ul li { + clear: right; + margin-right: 0; +} +#media__tree ul li img { + float: left; + padding: .5em .3em 0 0; +} +[dir=rtl] #media__tree ul li img { + float: right; + padding: .5em 0 0 .3em; +} +#media__tree ul li div.li { + display: inline; +} +#media__tree ul li li { + margin-left: 1.5em; +} +[dir=rtl] #media__tree ul li li { + margin-left: 0; + margin-right: 1.5em; +} + +/* right side +********************************************************************/ + +/*____________ upload form ____________*/ + +/* upload info */ +#media__content div.upload { + font-size: .9em; + margin-bottom: .5em; +} + +#mediamanager__uploader { + margin-bottom: 1em; +} +#mediamanager__uploader p { + margin-bottom: .5em; +} + +/*____________ file list ____________*/ + +#media__content img.load { + margin: 1em auto; +} + +#media__content .odd, +#media__content .even { + padding: .5em; +} +#media__content .odd { + background-color: var(--background_alt, #eee); +} +#media__content .even { +} +/* highlight newly uploaded or edited file */ +#media__content #scroll__here { + border: 1px dashed var(--border, #ccc); +} + +/* link which inserts media file */ +#media__content a.mediafile { + margin-right: 1.5em; + font-weight: bold; + cursor: pointer; +} +[dir=rtl] #media__content a.mediafile { + margin-right: 0; + margin-left: 1.5em; +} +#media__content span.info { +} +#media__content img.btn { + vertical-align: text-bottom; +} + +/* info how to insert media, if JS disabled */ +#media__content div.example { + color: var(--text_neu, #666); + margin-left: 1em; +} + +#media__content div.detail { + padding: .2em 0; +} +#media__content div.detail div.thumb { + float: left; + margin: 0 .5em 0 18px; +} +[dir=rtl] #media__content div.detail div.thumb { + float: right; + margin: 0 18px 0 .5em; +} +#media__content div.detail div.thumb a { + display: block; + cursor: pointer; +} +#media__content div.detail p { + margin-bottom: 0; +} + + +/*____________ media search ____________*/ + +#dw__mediasearch { +} +#dw__mediasearch p { +} +#dw__mediasearch label { +} +#dw__mediasearch label span { +} +#dw__mediasearch input.edit { +} +#dw__mediasearch button { +} diff --git a/templates/55/MindTheDark/css/_modal.css b/templates/55/MindTheDark/css/_modal.css new file mode 100644 index 0000000..9b6cbcc --- /dev/null +++ b/templates/55/MindTheDark/css/_modal.css @@ -0,0 +1,108 @@ +/** + * This file provides styles for modal dialogues. + */ + +.dokuwiki .ui-widget { + font-size: 100%; +} + + +/* link wizard (opens from the link button in the edit toolbar) +********************************************************************/ + +#link__wiz { +} + +[dir=rtl] #link__wiz_close { + float: left; +} + +#link__wiz_result { + background-color: #fff; + width: 293px; + height: 193px; + overflow: auto; + border: 1px solid #ccc; + margin: 3px auto; + text-align: left; + line-height: 1; +} +[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: 22px; + min-height: 16px; + background: transparent 3px center no-repeat; +} +[dir=rtl] #link__wiz_result div a { + padding: 3px 22px 3px 3px; + background-position: 257px 3px; +} + +#link__wiz_result div.type_u a { + background-image: url(../../images/up.png); +} +#link__wiz_result div.type_f a { + background-image: url(../../images/page.png); +} +#link__wiz_result div.type_d a { + background-image: url(../../images/ns.png); +} + +#link__wiz_result div.even { + background-color: #ddd; +} + +#link__wiz_result div.selected { + background-color: #eee; +} + +#link__wiz_result span { + display: block; + color: #666; + margin-left: 22px; +} + +#link__wiz_entry { + color: black; + background-color: white; +} + + + +/* 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; +} + +#media__popup_content button.button { + background: #eee; +} + +#media__popup_content button.selected { + background: #999; +} diff --git a/templates/55/MindTheDark/css/_plugin_note.less b/templates/55/MindTheDark/css/_plugin_note.less new file mode 100644 index 0000000..2cf8014 --- /dev/null +++ b/templates/55/MindTheDark/css/_plugin_note.less @@ -0,0 +1,98 @@ +/** + * This file provides styles for the note plugin if the option pluginNote is enabled +*/ + +&:root[pluginnote="1"] { + + /* Base colors */ + @classic_light: __note_plugin_classic_color__; + @important_light: __note_plugin_important_color__; + @warning_light: __note_plugin_warning_color__; + @tip_light: __note_plugin_tip_color__; + + @opacity_dark: 0.8; + + /* general styles */ + .noteclassic, .noteimportant, .notewarning, .notetip { + margin: 1em auto; + width: auto; + max-width: 100%; + min-height: 20px; + clear: none; + text-align: justify; + vertical-align: middle; + border-collapse: collapse; + padding: 15px 20px 15px 50px; + background-position: 15px 50%; + background-repeat: no-repeat; + border-radius: 2px; + color: black; + font-size: 100%; + overflow: auto; + font-family: Consolas,"Andale Mono WT","Andale Mono","Bitstream Vera Sans Mono","Nimbus Mono L",Monaco,"Courier New",monospace; + border-left: 13px solid; + border-right: 1px solid; + border-top: 1px solid; + border-bottom: 1px solid; + } + + .noteclassic { + border-color: darken(@classic_light, 20%); + background-color: @classic_light; + background-image: url(images/plugin_note/note.svg); + } + + .noteimportant { + border-color: darken(@important_light, 40%); + background-color: @important_light; + background-image: url(images/plugin_note/important.svg); + } + + .notewarning { + border-color: darken(@warning_light, 20%); + background-color: @warning_light; + background-image: url(images/plugin_note/warning.svg); + } + + .notetip { + border-color: darken(@tip_light, 20%); + background-color: @tip_light; + background-image: url(images/plugin_note/tip.svg); + } + + /**************************************************/ + /* DARK MODE */ + /* for dark mode just reduce the opacity a little */ + /**************************************************/ + + .darkModeNotePlugin{ + .noteclassic { + opacity: @opacity_dark; + } + + .noteimportant { + opacity: @opacity_dark; + } + + .notewarning { + opacity: @opacity_dark; + } + + .notetip { + opacity: @opacity_dark; + } + } + + /* dark theme and automatic is switched off*/ + &:root[theme="dark"] { + .darkModeNotePlugin(); + } + + /* User prefers dark theme and automatic is switched on*/ + @media (prefers-color-scheme: dark){ + &:root[theme="auto"] { + .darkModeNotePlugin(); + } + } +} + diff --git a/templates/55/MindTheDark/css/_plugin_wrap.less b/templates/55/MindTheDark/css/_plugin_wrap.less new file mode 100644 index 0000000..e4bcdcc --- /dev/null +++ b/templates/55/MindTheDark/css/_plugin_wrap.less @@ -0,0 +1,67 @@ +/** + * This file provides styles for the Wrap plugin if the option pluginWrap is enabled +*/ + +&:root[pluginWrap="1"] { + + + /* general styles */ + .wrap_info { background-color: #d1d7f; } + + .wrap_important { background-color: #ffd39f; } + + .wrap_alert { background-color: #ffbcaf; } + + .wrap_tip { background-color: #fff79f; } + + .wrap_help { background-color: #dcc2ef; } + + .wrap_todo { background-color: #c2efdd; } + + .wrap_download { background-color: #d6efc2; } + + .wrap_hi { + background-color: #ff9; + overflow: hidden; + } + + + + /**************************************************/ + /* DARK MODE */ + /* for dark mode change the values like Wrap would */ + /**************************************************/ + + .darkModeWrapPlugin{ + .wrap_info { background-color: #343e4a; } + + .wrap_important { background-color: #6c3b00; } + + .wrap_alert { background-color: #6b1100; } + + .wrap_tip { background-color: #665e00; } + + .wrap_help { background-color: #3c1757; } + + .wrap_todo { background-color: #17573e; } + + .wrap_download { background-color: #345717; } + + .wrap_hi { + background-color: #4e4e0d; + } + } + + /* dark theme and automatic is switched off*/ + &:root[theme="dark"] { + .darkModeWrapPlugin(); + } + + /* User prefers dark theme and automatic is switched on*/ + @media (prefers-color-scheme: dark){ + &:root[theme="auto"] { + .darkModeWrapPlugin(); + } + } +} + diff --git a/templates/55/MindTheDark/css/_recent.css b/templates/55/MindTheDark/css/_recent.css new file mode 100644 index 0000000..6e5327d --- /dev/null +++ b/templates/55/MindTheDark/css/_recent.css @@ -0,0 +1,78 @@ +/** + * This file provides styles for the recent changes (?do=recent) and + * old revisions (?do=revisions). + */ + +/*____________ list of revisions / recent changes ____________*/ + +/* 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; + color: black; +} + +.dokuwiki form.changes li .sizechange.positive { + background-color: #cfc;; + color: black; +} +.dokuwiki form.changes li .sizechange.negative { + background-color: #fdd; + color: black; +} + +/*____________ 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; +} diff --git a/templates/55/MindTheDark/css/_search.less b/templates/55/MindTheDark/css/_search.less new file mode 100644 index 0000000..c9dc70e --- /dev/null +++ b/templates/55/MindTheDark/css/_search.less @@ -0,0 +1,204 @@ +/** + * 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: black; + background-color: var(--highlight, #ff9); +} + +/* "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: var(--text_alt, #999); + } + } + div.changed { + font-weight: bold; + } + ul { + display: none; + position: absolute; + border: 1px solid var(--border, #ccc); + background-color: var(--background, #fff); + 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: var(--text_alt, #999); + 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: var(--text, #333); + 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; +} diff --git a/templates/55/MindTheDark/css/_tabs.css b/templates/55/MindTheDark/css/_tabs.css new file mode 100644 index 0000000..6c122e6 --- /dev/null +++ b/templates/55/MindTheDark/css/_tabs.css @@ -0,0 +1,85 @@ +/** + * 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 var(--border, #ccc); + z-index: 1; +} + +.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: var(--background_neu, #ddd); + color: var(--text, #333); + border: 1px solid var(--border, #ccc); + 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: var(--background_alt, #eee); + color: var(--text, #333); + 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: var(--background_alt, #eee); +} diff --git a/templates/55/MindTheDark/css/_toc.css b/templates/55/MindTheDark/css/_toc.css new file mode 100644 index 0000000..c45d59a --- /dev/null +++ b/templates/55/MindTheDark/css/_toc.css @@ -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: var(--background_alt, #eee); + 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); +} diff --git a/templates/55/MindTheDark/css/basic.less b/templates/55/MindTheDark/css/basic.less new file mode 100644 index 0000000..40f5bd9 --- /dev/null +++ b/templates/55/MindTheDark/css/basic.less @@ -0,0 +1,551 @@ +/** + * This file provides the most basic styles. + * + * If you integrate DokuWiki into another project, you might either + * want to integrate this file into the other project as well, or use + * the other project's basic CSS for DokuWiki instead of this one. + * + * @author Anika Henke + */ + +::-moz-selection { + background: var(--selection_background, #275c9c); + color: var(--selection_color, white); +} + +::selection { + background: var(--selection_background, #275c9c); + color: var(--selection_color, white); +} + +html { + overflow-x: auto; + overflow-y: scroll; +} +html, +body { + color: var(--text, #333); + background: var(--background_site, #fbfaf9) url(images/page-gradient.png) top left repeat-x; + margin: 0; + padding: 0; +} +body { + font: normal 87.5%/1.4 Arial, sans-serif; + /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */ + -webkit-text-size-adjust: 100%; +} + +/*____________ scrollbars ____________*/ + +/* The emerging W3C standard + that is currently Firefox-only */ +* { + scrollbar-color: var(--scrollbar_thumb) var(--scrollbar_track); +} + + /* Works on Chrome/Edge/Safari */ +::-webkit-scrollbar { + background: var(--scrollbar_track); + width: 12px; + height: 12px; +} + +::-webkit-scrollbar-thumb { + background: var(--scrollbar_thumb); +} + +/*____________ config manager ____________*/ + +#config__manager fieldset{ + color: var(--text, #000); + background-color: var(--background, #fff); +} + +#config__manager td.label span.outkey { + font-size: 85%; + background-color: var(--background, #fff); +} + +#config__manager tr .input, +#config__manager tr input, +#config__manager tr textarea, +#config__manager tr select { + background-color: var(--background, #fff); + border: 1px solid var(--border,#333); + color: var(--text,#000); +} + +#config__manager tr.default .input, +#config__manager tr.default input, +#config__manager tr.default textarea, +#config__manager tr.default select, +#config__manager .selectiondefault { + background-color: var(--background_site, #fff); + border: 1px solid var(--border,#333); + color: var(--text,#000); +} + +#extension__manager ul.tabs li.active a { + background-color: var(--background_alt, #eee); + color: var(--text, #333); + border-bottom: none; +} + +#extension__manager .panelHeader { + background-color: var(--background_alt, #eee); +} + +#extension__list ul.extensionList li { + color: var(--text, #000); + background-color: var(--background, #fff); +} + +#extension__list .legend div.popularity { + background-color: var(--background, #fff); + border: 1px solid var(--text_alt, #999) +} + +#extension__list .legend div.popularity div { + background-color: var(--pre_text, #333); +} +/*____________ headers ____________*/ + +caption, +figcaption, +summary, +legend { + padding: 0; + margin: 0 0 .35em; + line-height: 1.2; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: bold; + padding: 0; + line-height: 1.3; + clear: left; /* ideally 'both', but problems with toc */ +} +[dir=rtl] h1, +[dir=rtl] h2, +[dir=rtl] h3, +[dir=rtl] h4, +[dir=rtl] h5, +[dir=rtl] h6 { + clear: right; +} + +h1 { + font-size: 2em; + margin: 0 0 0.444em; + border-bottom: 1px solid var(--border, #333); +} +h2 { + font-size: 1.5em; + margin: 1.7em 0 0.666em; + border-bottom: 1px solid var(--border, #333); +} +h3 { + font-size: 1.125em; + margin: 1em 0 0.3em; +} +h4 { + font-size: 1em; + margin: 1em 0 0.3em; +} +h5 { + font-size: .875em; + margin: 1em 0 0.3em; +} +h6 { + font-size: .75em; + margin: 1em 0 0.3em; +} +/* bottom margin = 1 / font-size */ + + +/*____________ basic margins and paddings ____________*/ + +p, +ul, +ol, +dl, +pre, +table, +hr, +blockquote, +figure, +details, +fieldset, +address { + margin: 0 0 0.6em 0; + padding: 0; +} + +div, +video, +audio { + margin: 0; + padding: 0; +} + + +/*____________ lists ____________*/ + +ul, +ol { + padding: 0 0 0 1.5em; +} +[dir=rtl] ul, +[dir=rtl] ol { + padding: 0 1.5em 0 0; +} + +li, +dd { + padding: 0; + margin: 0 0 0 1.5em; +} +[dir=rtl] li, +[dir=rtl] dd { + margin: 0 1.5em 0 0; +} +dt { + font-weight: bold; + margin: 0; + padding: 0; +} + +li ul, +li ol, +li dl, +dl ul, +dl ol, +dl dl { + margin-bottom: 0; + padding: 0; +} +li li { + font-size: 100%; +} + +ul { list-style: disc; } +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: lower-latin; } + + +/*____________ tables ____________*/ + +table { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + border: 1px solid var(--border, #ccc); +} + +caption { + caption-side: top; + text-align: left; +} +[dir=rtl] caption { + text-align: right; +} + +th, +td { + padding: .3em .5em; + margin: 0; + vertical-align: top; + border: 1px solid var(--border, #ccc); +} +th { + font-weight: bold; + background-color: var(--background_alt, #eee); + text-align: left; +} +[dir=rtl] th { + text-align: right; +} + + +/*____________ links ____________*/ + +a { + outline: none; +} +a:link, +a:visited { + text-decoration: none; + color: var(--link, #2b73b7); +} +a:link:hover, +a:visited:hover, +a:link:focus, +a:visited:focus, +a:link:active, +a:visited:active { + text-decoration: underline; +} + + +/*____________ misc ____________*/ + +img { + border-width: 0; + vertical-align: middle; + color: var(--text_neu, #666); + background-color: transparent; + font-style: italic; + height: auto; +} +video { + height: auto; +} +img, +object, +embed, +iframe, +video, +audio { + max-width: 100%; +} +button img { + max-width: none; +} + +hr { + border-top: solid var(--border, #ccc); + border-bottom: solid var(--border, #ccc); + border-width: 1px 0; + height: 0; + text-align: center; + clear: both; +} + +acronym, +abbr { + cursor: help; + border-bottom: 1px dotted; + font-style: normal; +} +em acronym, +em abbr { + font-style: italic; +} + +mark { + background-color: var(--highlight, #ff9); + color: inherit; +} + +code, +samp, +kbd { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; + /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ + font-size: 89%; + direction: ltr; + text-align: left; + background-color: var(--pre_background, #fbfaf9); + color: var(--pre_text, #333); + box-shadow: none; + border-radius: 2px; + padding: 1.5px 4px 1.5px 4px; +} + +pre { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; + /* same font stack should be used for ".dokuwiki table.diff td" in _diff.css */ + font-size: 1em; + direction: ltr; + text-align: left; + background-color: var(--background_site, #fbfaf9); + color: var(--text, #333); + box-shadow: none; + border-radius: 2px; + overflow: auto; + word-wrap: normal; + border: 1px solid var(--border, #ccc); + border-radius: 2px; + box-shadow: none; + padding: .7em 1em; +} + +blockquote { + padding: 0 .5em; + border: solid var(--border, #ccc); + border-width: 0 0 0 .25em; +} +[dir=rtl] blockquote { + border-width: 0 .25em 0 0; +} +q:before, +q:after { + content: ''; +} + +sub, +sup { + font-size: .8em; + line-height: 1; +} +sub { + vertical-align: sub; +} +sup { + vertical-align: super; +} + +small { + font-size: .8em; +} + +/*____________ forms ____________*/ + +/* for all of the form styles, style.ini colours are not used on purpose (except for fieldset border) */ + +form { + display: inline; + margin: 0; + padding: 0; +} +fieldset { + padding: .7em 1em 0; + padding: .7rem 1rem; /* for those browsers understanding :last-child */ + border: 1px solid var(--text_alt, #999); +} +fieldset > :last-child { + margin-bottom: 0; +} +legend { + margin: 0; + padding: 0 .1em; +} +label { + vertical-align: middle; + cursor: pointer; +} + +input, +textarea, +button, +select, +optgroup, +option, +keygen, +output, +meter, +progress { + font: inherit; + font-weight: normal; + color: var(--text, #000); + background-color: var(--background, #fff); + line-height: normal; + margin: 0; + vertical-align: middle; + box-sizing: border-box; +} + +select { + max-width: 100%; +} +optgroup { + font-style: italic; + font-weight: bold; +} +option { + font-style: normal; + font-weight: normal; +} + +input, +textarea, +select, +keygen { + border: 1px solid var(--border, #333); + box-shadow: none; + border-radius: 2px; +} +input:active, +input:focus, +textarea:active, +textarea:focus, +select:active, +select:focus, +keygen:active, +keygen:focus { + border-color: #999; +} +input[type=radio], +input[type=checkbox], +input[type=image] { + padding: 0; + border-style: none; + box-shadow: none; +} + +/* all types of buttons */ +input[type=submit], +input[type=button], +input[type=reset], +input.button, +a.button, +button, +.qq-upload-button { + color: var(--text, #000); + background-color: var(--background_alt, #eee); + border: 1px solid var(--border, #333); + border-radius: 2px; + padding: .1em .5em; + cursor: pointer; +} + +input[type=submit]:hover, +input[type=submit]:active, +input[type=submit]:focus, +input[type=button]:hover, +input[type=button]:active, +input[type=button]:hover, +input[type=reset]:hover, +input[type=reset]:active, +input[type=reset]:hover, +input.button:hover, +input.button:active, +input.button:focus, +a.button:hover, +a.button:active, +a.button:focus, +button:hover, +button:active, +button:focus, +.qq-upload-button:hover { + border-color: var(--background_neu, #ddd); + background-color: var(--background_neu, #ddd); +} + +input::-moz-focus-inner, +button::-moz-focus-inner { + border: 0; + padding: 0; +} + +input[disabled], +button[disabled], +select[disabled], +textarea[disabled], +option[disabled], +input[readonly], +button[readonly], +select[readonly], +textarea[readonly] { + cursor: auto; + opacity: .5; + background-color: var(--background_alt, #eee); + color: var(--text_alt, #999); +} diff --git a/templates/55/MindTheDark/css/content.less b/templates/55/MindTheDark/css/content.less new file mode 100644 index 0000000..78d67ae --- /dev/null +++ b/templates/55/MindTheDark/css/content.less @@ -0,0 +1,407 @@ +/** + * This file provides the main design styles for the page content. + * + * @author Anika Henke + * @author Andreas Gohr + * @author Clarence Lee + */ + +/*____________ section indenting ____________ + +.dokuwiki .page h1 {margin-left: 0;} +.dokuwiki .page h2 {margin-left: .666em;} +.dokuwiki .page h3 {margin-left: 1.776em;} +.dokuwiki .page h4 {margin-left: 3em;} +.dokuwiki .page h5 {margin-left: 4.5712em;} +.dokuwiki .page div.level1 {margin-left: 0;} +.dokuwiki .page div.level2 {margin-left: 1em;} +.dokuwiki .page div.level3 {margin-left: 2em;} +.dokuwiki .page div.level4 {margin-left: 3em;} +.dokuwiki .page div.level5 {margin-left: 4em;} + +[dir=rtl] .dokuwiki .page h1 {margin-left: 0; margin-right: 0;} +[dir=rtl] .dokuwiki .page h2 {margin-left: 0; margin-right: .666em;} +[dir=rtl] .dokuwiki .page h3 {margin-left: 0; margin-right: 1.776em;} +[dir=rtl] .dokuwiki .page h4 {margin-left: 0; margin-right: 3em;} +[dir=rtl] .dokuwiki .page h5 {margin-left: 0; margin-right: 4.5712em;} +[dir=rtl] .dokuwiki .page div.level1 {margin-left: 0; margin-right: 0;} +[dir=rtl] .dokuwiki .page div.level2 {margin-left: 0; margin-right: 1em;} +[dir=rtl] .dokuwiki .page div.level3 {margin-left: 0; margin-right: 2em;} +[dir=rtl] .dokuwiki .page div.level4 {margin-left: 0; margin-right: 3em;} +[dir=rtl] .dokuwiki .page div.level5 {margin-left: 0; margin-right: 4em;} +*/ +/* hx margin-left = (1 / font-size) * .levelx-margin */ + +/*____________ links to wiki pages (addition to _links) ____________*/ + +/* existing wikipage */ +.dokuwiki a.wikilink1 { + color: var(--existing, #090); + background-color: inherit; +} + +/* not existing wikipage */ +.dokuwiki a.wikilink2 { + color: var(--missing, #f30); + background-color: inherit; +} + +/*____________ images ____________*/ + +/* embedded images (styles are already partly set in lib/styles/all.css) */ +.dokuwiki img.media { + margin: .2em 0; + border: 1px solid var(--border, #ccc); + border-radius: 4px; + padding: 5px; +} + +.dokuwiki img.medialeft { + margin: .2em 1em .2em 0; + border: 1px solid var(--border, #ccc); + border-radius: 4px; + padding: 5px; +} + +.dokuwiki img.mediaright { + margin: .2em 0 .2em 1em; + border: 1px solid var(--border, #ccc); + border-radius: 4px; + padding: 5px; +} + +.dokuwiki img.mediacenter { + margin: .2em auto; + border: 1px solid var(--border, #ccc); + border-radius: 4px; + padding: 5px; +} + +/*____________ lists ____________*/ + +.dokuwiki .page, +.dokuwiki .aside { + ul li { + color: var(--text_alt, #999); + } + + ol li { + color: var(--text_neu, #666); + } + + li .li { + color: var(--text, #333); + } +} + +/*____________ tables ____________*/ + +/* div around each table */ +.dokuwiki div.table { + overflow-x: auto; + margin-bottom: 1.4em; +} + +.dokuwiki div.table table { + margin-bottom: 0; +} + +.dokuwiki table.inline { + min-width: 50%; +} + +.dokuwiki table.inline tr:hover td { + background-color: var(--background_alt, #eee); +} + +.dokuwiki table.inline tr:hover th { + background-color: var(--border, #ccc); +} + +/*____________ code ____________*/ + +/* fix if background-color hides underlining */ +.dokuwiki em.u code { + text-decoration: underline; +} + +/* filenames for downloadable file and code blocks */ +.dokuwiki dl.code, +.dokuwiki dl.file { + dt { + background-color: var(--background_site, #fbfaf9); + color: inherit; + border: 1px solid var(--border, #ccc); + border-bottom-color: var(--background_site, #fbfaf9); + border-top-left-radius: .3em; + border-top-right-radius: .3em; + padding: .3em .6em .1em; + margin-bottom: -1px; + float: left; + + a { + background-color: transparent; + font-size: 0.875em; + font-weight: normal; + display: block; + min-height: 16px; + } + } + + dd { + margin: 0; + clear: left; + } + + pre { + box-shadow: none; + } +} + +[dir=rtl] .dokuwiki dl.code, +[dir=rtl] .dokuwiki dl.file { + dt { + float: right; + } + + dd { + clear: right; + } +} + +/* for code in */ +.dokuwiki dl.file { + pre, + dt { + border-style: solid; + } + dt { + border-bottom-style: solid; + } +} + +/*____________ JS popup ____________*/ + +.JSpopup { + background-color: var(--background, #fff); + color: var(--text, #333); + border: 1px solid var(--border, #ccc); + box-shadow: none; + border-radius: 2px; + padding: .3em .5em; + font-size: .9em; +} + +.dokuwiki form.search div.ajax_qsearch { + top: -.35em; + font-size: 1em; + text-overflow: ellipsis; +} + +.JSpopup ul, +.JSpopup ol { + padding-left: 0; +} + +[dir=rtl] .JSpopup ul, +[dir=rtl] .JSpopup ol { + padding-right: 0; +} + +/* changes to underscored CSS files +********************************************************************/ + +#acl__tree li { + margin: 0; +} + +#dokuwiki__content span.curid a { + font-weight: normal; +} + +#dokuwiki__content strong span.curid a { + font-weight: bold; +} + +/*____________ changes to _edit ____________*/ + +.dokuwiki div.toolbar { + button.toolbutton { + border-radius: 0; + border-left-width: 0; + padding: .1em .35em; + } + + button.toolbutton:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + } + + button.toolbutton:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} + +[dir=rtl] .dokuwiki div.toolbar { + button.toolbutton:last-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-left-width: 1px; + } + + button.toolbutton:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-left-width: 0; + border-right-width: 1px; + } +} + +.dokuwiki div.section_highlight { + margin: 0 -2em; + padding: 0 1em; + border-width: 0 1em; +} + +.dokuwiki textarea.edit { + font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; +} + +.dokuwiki div.preview { + margin: 0 -2em; + padding: 0 2em; +} + +.dokuwiki.hasSidebar div.preview { + border-right: @ini_sidebar_width solid var(--background_alt, #eee); +} + +[dir=rtl] .dokuwiki.hasSidebar div.preview { + border-right-width: 0; + border-left: @ini_sidebar_width solid var(--background_alt, #eee); +} + +.dokuwiki div.preview div.pad { + padding: 1.556em 0 2em; +} + +/*____________ changes to _toc ____________*/ + +#dw__toc { + margin: -1.556em -2em .5em 1.4em; + width: @ini_sidebar_width; + border: 1px solid var(--border, #ccc); + border-top: none; + border-right: none; + background: var(--background, #fff); + color: inherit; +} + +[dir=rtl] #dw__toc { + margin: -1.556em 1.4em .5em -2em; + border: 1px solid var(--border, #ccc); + border-top: none; + border-left: none; +} + +.dokuwiki h3.toggle { + padding: .5em 1em; + margin-bottom: 0; + font-size: .875em; + letter-spacing: .1em; +} + +#dokuwiki__aside h3.toggle { + display: none; +} + +.dokuwiki .toggle strong { + background: transparent var(--toc-arrows) 0 0; + width: 8px; + height: 5px; + margin: .4em 0 0; +} + +.dokuwiki .toggle.closed strong { + background-position: 0 -5px; +} + +.dokuwiki .toggle strong span { + display: none; +} + +#dw__toc { + > div { + font-size: 0.875em; + padding: .5em 1em 1em; + } + + ul { + padding: 0 0 0 1.2em; + + li { + list-style-image: url(images/toc-bullet.png); + } + } + + ul li.clear { + list-style: none; + } + + ul li div.li { + padding: .2em 0; + } +} + +[dir=rtl] #dw__toc ul { + padding: 0 1.5em 0 0; +} + +/*____________ changes to _imgdetail ____________*/ + +#dokuwiki__detail { + padding: 0; + + img { + float: none; + margin-bottom: 1.4em; + } + + div.img_detail { + float: none; + } + + div.img_detail dl { + overflow: hidden; + } + + div.img_detail dl dt { + float: left; + width: 9em; + text-align: right; + clear: left; + } + + div.img_detail dl dd { + margin-left: 9.5em; + } +} + +[dir=rtl] #dokuwiki__detail div.img_detail { + dl dt { + float: right; + text-align: left; + clear: right; + } + + dl dd { + margin-left: 0; + margin-right: 9.5em; + } +} diff --git a/templates/55/MindTheDark/css/design.less b/templates/55/MindTheDark/css/design.less new file mode 100644 index 0000000..03d0279 --- /dev/null +++ b/templates/55/MindTheDark/css/design.less @@ -0,0 +1,337 @@ +/** + * This file provides the main design styles for the + * bits that surround the content. + * + * @author Anika Henke + * @author Andreas Gohr + * @author Clarence Lee + */ + +/* header +********************************************************************/ + +#dokuwiki__header { + padding: 2em 0 1.5em; + + .headings, + .tools { + margin-bottom: 1.5em; + width: 49%; + } + .tools { + margin-top: .2em; + } + + h1 { + margin: 0; + font-size: 1.5em; + font-weight: normal; + border: none; + + img { + float: left; + margin-right: .5em; + } + + span { + display: block; + padding-top: 10px; + } + + a { + text-decoration: none; + color: var(--text, #333); + 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: var(--link, #2b73b7); + background-color: inherit; + } +} + +[dir=rtl] #dokuwiki__header h1 img { + float: right; + margin-left: .5em; + margin-right: 0; +} + +/* tools +********************************************************************/ + +/* highlight selected tool */ +.mode_admin a.action.admin, +.mode_login a.action.login, +.mode_register a.action.register, +.mode_profile a.action.profile, +.mode_recent a.action.recent, +.mode_index a.action.index, +.mode_media a.action.media, +.mode_revisions a.action.revs, +.mode_backlink a.action.backlink, +.mode_subscribe a.action.subscribe { + 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 .35em; + } + + button { + background: transparent var(--search-png, url(images/search.png)) no-repeat 0 0; + border-width: 0; + width: 19px; + height: 14px; + text-indent: -99999px; + margin-left: -20px; + 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 var(--border, #ccc); + border-bottom: 1px solid var(--border, #ccc); + font-size: 0.875em; + clear: both; + + div { + padding: 0.5em 0em; + } + + .bcsep { + font-size: 0.75em; + } +} + +/* sidebar +********************************************************************/ + +.dokuwiki .aside { + font-size: 1em; + 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: .2em; + } + + ul, + ol { + padding-left: .5em; + } + + li ul, + li ol { + margin-bottom: 0; + padding: 0; + } +} + +[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; + background-color: var(--background, #fff); + color: var(--text_alt, #999); + padding: .1em .35em; + box-shadow: none; + display: block; + border: none; + } +} + +.dokuwiki div.page { + clear: both; + background: var(--background, #fff); + color: var(--text, #333); + border: none; + box-shadow: none; + padding: 1.556em 2em 2em; + margin-bottom: .5em; + overflow: hidden; + word-wrap: break-word; +} + +.showSidebar div.page { + margin-left: -25px; +} + +.dokuwiki .docInfo { + font-size: 0.875em; + text-align: right; +} + +/* license note under edit window */ +.dokuwiki div.license { + font-size: 93.75%; +} + +[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; +} + + diff --git a/templates/55/MindTheDark/css/mobile.less b/templates/55/MindTheDark/css/mobile.less new file mode 100644 index 0000000..d4b4c3d --- /dev/null +++ b/templates/55/MindTheDark/css/mobile.less @@ -0,0 +1,333 @@ +/** + * This file provides styles for mobile devices + * and smaller screens (up to 480px and 768px width). + * + * @author Anika Henke + */ + +/* for detecting media queries in JavaScript (see script.js): */ +#screen__mode { + position: relative; + z-index: 0; +} + +/* for screen widths in the tablet range +********************************************************************/ +@media only screen and (max-width: @ini_tablet_width) { + +#screen__mode { + z-index: 1; /* for detecting media queries in JavaScript (see script.js) */ +} + +/* structure */ +#dokuwiki__aside { + width: 100%; + float: none; + margin-bottom: 1.5em; +} + +#dokuwiki__aside > .pad, +[dir=rtl] #dokuwiki__aside > .pad { + margin: 0 0 .5em; + /* style like .page */ + background: var(--background, #fff); + color: inherit; + border: 1px solid #eee; + box-shadow: none; + border-radius: 2px; + padding: 1em; + margin-bottom: .5em; +} + +#dokuwiki__aside h3.toggle { + font-size: 1em; + + &.closed { + margin-bottom: 0; + padding-bottom: 0; + } + &.open { + border-bottom: 1px solid var(--border, #ccc); + } +} + +.showSidebar #dokuwiki__content { + float: none; + margin-left: 0; + width: 100%; + + > .pad { + margin-left: 0; + } +} + +[dir=rtl] .showSidebar #dokuwiki__content, +[dir=rtl] .showSidebar #dokuwiki__content > .pad { + margin-right: 0; +} + +/* preview */ +.dokuwiki.hasSidebar div.preview { + border-right: none; +} + +[dir=rtl] .dokuwiki.hasSidebar div.preview { + border-left: none; +} + +/* toc */ +#dw__toc { + float: none; + margin: 0 0 1em 0; + width: auto; + border-left-width: 0; + border-bottom: 1px solid var(--border, #ccc); +} +[dir=rtl] #dw__toc { + float: none; + margin: 0 0 1em 0; + border-right-width: 0; +} + +.dokuwiki h3.toggle { + padding: 0 .5em .5em 0; +} +#dw__toc > div, +#dokuwiki__aside div.content { + padding: .2em 0 .5em; +} + +/* page */ +.dokuwiki div.page { + padding: 1em; + margin-left: 0px; +} +/* enable horizontal scrolling in media manager */ +.mode_media div.page { + overflow: auto; +} + +/* push pagetools closer to content */ +#dokuwiki__pagetools { + top: 0; +} +.showSidebar #dokuwiki__pagetools { + top: 3.5em; +} + + +/* _edit */ +.dokuwiki div.section_highlight { + margin: 0 -1em; + padding: 0 .5em; + border-width: 0 .5em; +} +.dokuwiki div.preview { + margin: 0 -1em; + padding: 1em; +} + +/* _recent */ +.dokuwiki form.changes ul { + padding-left: 0; +} +[dir=rtl] .dokuwiki form.changes ul { + padding-right: 0; +} + + +} /* /@media */ + + +/* for screen widths in the smartphone range +********************************************************************/ +@media only screen and (max-width: @ini_phone_width) { + +#screen__mode { + z-index: 2; /* for detecting media queries in JavaScript (see script.js) */ +} + +body { + font-size: 100%; +} + +/*____________ structure ____________*/ + +#dokuwiki__site { + max-width: 100%; + + > .site { + padding: 0 .5em; + } +} + +#dokuwiki__aside { + margin-bottom: 0; +} + +#dokuwiki__header { + padding: .5em 0; +} + + +/*____________ header ____________*/ + +#dokuwiki__header ul.a11y.skip { + position: static !important; + left: 0 !important; + width: auto !important; + height: auto !important; + float: right; + font-size: 0.875em; + list-style: none; + padding-left: 0; + margin: 0; + + li { + margin-left: .35em; + display: inline; + } +} +[dir=rtl] #dokuwiki__header ul.a11y.skip { + left: auto !important; + right: 0 !important; + float: left; + padding-right: 0; + + li { + margin: 0 .35em 0 0; + } +} + +#dokuwiki__header .headings, +#dokuwiki__header .tools { + float: none; + text-align: left; + width: auto; + margin-bottom: .5em; +} +[dir=rtl] #dokuwiki__header .headings, +[dir=rtl] #dokuwiki__header .tools { + float: none; + text-align: right; + width: auto; +} +#dokuwiki__sitetools { + text-align: left; +} +[dir=rtl] #dokuwiki__sitetools { + text-align: right; +} +#dokuwiki__usertools, +#dokuwiki__sitetools ul, +#dokuwiki__sitetools h3, +#dokuwiki__pagetools, +.dokuwiki div.breadcrumbs, /* @todo: maybe move breadcrumbs to the bottom? */ +.dokuwiki .pageId { + display: none; +} + +/* search form */ +#dokuwiki__sitetools form.search { + float: left; + margin: 0 .2em .2em 0; + width: 49%; +} +[dir=rtl] #dokuwiki__sitetools form.search { + float: right; + margin: 0 0 .2em .2em; +} + +#dokuwiki__sitetools form.search input { + width: 100% !important; +} +.dokuwiki form.search div.ajax_qsearch { + display: none !important; +} + +/* action dropdown is alternative for all hidden tools */ +#dokuwiki__header .mobileTools { + display: block; + font-size: 0.875em; + margin: 0 0 .2em 0; + float: right; + width: 49%; +} +[dir=rtl] #dokuwiki__header .mobileTools { + float: left; +} +#dokuwiki__header .mobileTools select { + padding: .3em .1em; + width: 100% !important; +} + +/* force same height on search input and tools select */ +#dokuwiki__sitetools form.search input, +#dokuwiki__header .mobileTools select { + height: 2.1em; + line-height: 2.1em; + overflow: visible; +} + + +/*____________ content ____________*/ + +#dokuwiki__aside > .pad, +.dokuwiki div.page { + padding: .5em; +} + +/* form elements */ +#config__manager fieldset td.value, +#config__manager td .input, +.dokuwiki fieldset, +.dokuwiki input.edit, +.dokuwiki textarea { + width: auto !important; + max-width: 100% !important; +} +.dokuwiki select { + max-width: 100% !important; +} +#config__manager fieldset { + margin-left: 0; + margin-right: 0; +} + +.dokuwiki label.block { + text-align: left; + + span { + display: block; + } +} +[dir=rtl] .dokuwiki label.block { + text-align: right; +} + +/* _edit */ +.dokuwiki div.section_highlight { + margin: 0; + padding: 0; + border-width: 0; +} +.dokuwiki div.preview { + margin: 0 -.5em; + padding: .5em; +} + + +} /* /@media */ + + +/* for screen heights smaller than the pagetools permit +********************************************************************/ +@media only screen and (max-height: 400px) { +// 400px is only roughly the required value, this may be wrong under non-standard circumstances + +#dokuwiki__pagetools div.tools { + position: static; +} + + +} /* /@media */ diff --git a/templates/55/MindTheDark/css/pagetools.less b/templates/55/MindTheDark/css/pagetools.less new file mode 100644 index 0000000..f380fa9 --- /dev/null +++ b/templates/55/MindTheDark/css/pagetools.less @@ -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 + * @author Andreas Gohr + */ + +#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: var(--background_neu, #ccc); + } + } + + // on interaction show the full item + a:active, + a:focus, + a:hover { + background-color: var(--background_alt, #eee); + + span { + display: inline-block; + } + + svg { + fill: var(--link, #2b73b7); + } + } + } + } + } + + [dir=rtl] & { + right: auto; + left: (-1 * @item-width); + + div.tools { + ul { + right: auto; + left: 0; + text-align: left; + } + } + } +} + +// on hover show all items +#dokuwiki__pagetools:hover { + div.tools ul { + background-color: var(--background, #fff); + border-color: var(--border, #ccc); + border-radius: 2px; + box-shadow: none; + + li a span { + display: inline-block; + } + } +} diff --git a/templates/55/MindTheDark/css/print.css b/templates/55/MindTheDark/css/print.css new file mode 100644 index 0000000..a3cdc52 --- /dev/null +++ b/templates/55/MindTheDark/css/print.css @@ -0,0 +1,177 @@ +/** + * This file provides the styles for printing. + * + * @todo: improve and finish + */ + +body { + font: normal 87.5%/1.3 Garamond, Baskerville, "Hoefler Text", "Nimbus Roman No9 L", serif; + background-color: #fff; + color: #000; +} + +/* hide certain sections */ +.a11y, +audio, +video, +#dokuwiki__header .tools, +#dokuwiki__aside, +.dokuwiki .breadcrumbs, +.dokuwiki .pageId, +#dw__toc, +h3.toggle, +#dokuwiki__pagetools, +#dokuwiki__footer { + display: none; +} + +h1, +h2, +h3, +h4, +h5, +caption, +legend { + clear: both; +} +ul { + list-style: disc outside; +} +ol { + list-style: decimal outside; +} +ol ol { + list-style-type: lower-alpha; +} +ol ol ol { + list-style-type: lower-roman; +} +ol ol ol ol { + list-style-type: lower-greek; +} +ol ol ol ol ol { + list-style-type: lower-latin; +} + +a:link, +a:visited { + text-decoration: none; + border-bottom: 1pt dotted; + color: #333; + background-color: inherit; +} + +/* display href after link */ +a.urlextern:after, +a.interwiki:after, +a.mail:after { + content: " [" attr(href) "]"; + font-size: 90%; +} + +/* code blocks */ +pre { + font-family: monospace; +} +dl.code dt, +dl.file dt { + font-weight: bold; +} + +mark { + font-weight: bold; +} + +/* images */ +img { + border-width: 0; + vertical-align: middle; +} +img.media { + margin: .2em 0; +} +img.medialeft { + margin: .2em 1em .2em 0; +} +img.mediaright { + margin: .2em 0 .2em 1em; +} +img.mediacenter { + margin: .2em auto; +} + +blockquote { + padding: 0 10pt; + margin: 0; + border: solid #ccc; + border-width: 0 0 0 2pt; +} +[dir=rtl] blockquote { + border-width: 0 2pt 0 0; +} + +/* tables */ +.dokuwiki div.table { + margin-bottom: 1.4em; +} +table { + border-collapse: collapse; + empty-cells: show; + border-spacing: 0; + border: 1pt solid #ccc; +} +th, +td { + padding: 3pt 5pt; + margin: 0; + vertical-align: top; + border: 1pt solid #666; +} +th { + font-weight: bold; + text-align: left; +} +[dir=rtl] th { + text-align: right; +} + + +/*____________ a bit of layout ____________*/ + +#dokuwiki__header { + border-bottom: 2pt solid #ccc; +} +#dokuwiki__header h1 { + font-size: 1.5em; +} +#dokuwiki__header h1 a { + text-decoration: none; + border-width: 0; +} +#dokuwiki__header h1 img { + float: left; + margin-right: .5em; +} +[dir=rtl] #dokuwiki__header h1 img { + float: right; + margin-right: 0; + margin-left: .5em; +} + +.dokuwiki div.footnotes { + clear: both; + border-top: 1pt dotted #999; + margin-top: 10pt; +} + +.dokuwiki div.docInfo { + font-size: 90%; + text-align: right; + clear: both; + padding-top: 2pt; + border-top: 1pt solid #999; + margin-top: 10pt; +} +[dir=rtl] .dokuwiki div.docInfo { + text-align: left; +} diff --git a/templates/55/MindTheDark/css/structure.less b/templates/55/MindTheDark/css/structure.less new file mode 100644 index 0000000..cc755d0 --- /dev/null +++ b/templates/55/MindTheDark/css/structure.less @@ -0,0 +1,90 @@ +/** + * This file provides styles for the general layout structure. + * + * @author Anika Henke + */ +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; + font-size: 90%; + + > .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; +} diff --git a/templates/55/MindTheDark/css/usertools.less b/templates/55/MindTheDark/css/usertools.less new file mode 100644 index 0000000..487779f --- /dev/null +++ b/templates/55/MindTheDark/css/usertools.less @@ -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: var(--border, #ccc); + margin-right: 0.2em; + } + } + + li.action a:hover, + li.action a:active { + svg { + fill: var(--link, #2b73b7); + } + } + +} + +[dir=rtl] #dokuwiki__usertools { + text-align: left; + left: 40px; // pagetool width + right: auto; + + + li.action a { + + svg { + margin-right: 0; + margin-left: 0.2em; + } + } +} diff --git a/templates/55/MindTheDark/detail.php b/templates/55/MindTheDark/detail.php new file mode 100644 index 0000000..1459989 --- /dev/null +++ b/templates/55/MindTheDark/detail.php @@ -0,0 +1,138 @@ + + * @author Anika Henke + * @license GPL 2 (http://www.gnu.org/licenses/gpl.html) + */ + +/** + * MindTheDark theme settings ****************************************************** + */ +$configUserChoice = tpl_getConf('userChoice'); +$configAutoDark = tpl_getConf('autoDark'); +$theme = tpl_getConf('theme'); + +if ($configUserChoice) { + + if (isset($_COOKIE["theme"])) { + $theme = $_COOKIE["theme"]; + } + else { + // If the cookie has never been set and both options are enabled, + // then the auto mode will be used until the user makes a choice + if ($configAutoDark) { + $theme = "auto"; + } + else { + $theme = "light"; + } + } +} + +if ($configAutoDark and !$configUserChoice) { + $theme = "auto"; +} + +// must be run from within DokuWiki +if (!defined('DOKU_INC')) die(); +header('X-UA-Compatible: IE=edge,chrome=1'); + +?> + + + + + + <?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?> + [<?php echo strip_tags($conf['title'])?>] + + + + + + + + + + +
+ + + +
+ + +
+ + + +
+ + +
+ + + + '.$ERROR.''; + else: ?> + +

+ + + +
+ +
+ '.$lang['reference'].':'; + $media_usage = ft_mediause($IMG,true); + if(count($media_usage) > 0){ + foreach($media_usage as $path){ + echo '
'.html_wikilink($path).'
'; + } + }else{ + echo '
'.$lang['nothingfound'].'
'; + } + ?> +
+

+
+ + +
+ + + + +
+ */ ?> + +
+ +
+ + + +
+

+
+
    + getListItems(); ?> +
+
+
+ +
+ + +
+ + diff --git a/templates/55/MindTheDark/images/apple-touch-icon.png b/templates/55/MindTheDark/images/apple-touch-icon.png new file mode 100644 index 0000000..87c99a9 Binary files /dev/null and b/templates/55/MindTheDark/images/apple-touch-icon.png differ diff --git a/templates/55/MindTheDark/images/button-css.png b/templates/55/MindTheDark/images/button-css.png new file mode 100644 index 0000000..5c0f5a9 Binary files /dev/null and b/templates/55/MindTheDark/images/button-css.png differ diff --git a/templates/55/MindTheDark/images/button-donate.gif b/templates/55/MindTheDark/images/button-donate.gif new file mode 100644 index 0000000..bba284e Binary files /dev/null and b/templates/55/MindTheDark/images/button-donate.gif differ diff --git a/templates/55/MindTheDark/images/button-dw.png b/templates/55/MindTheDark/images/button-dw.png new file mode 100644 index 0000000..8d6aea8 Binary files /dev/null and b/templates/55/MindTheDark/images/button-dw.png differ diff --git a/templates/55/MindTheDark/images/button-html5.png b/templates/55/MindTheDark/images/button-html5.png new file mode 100644 index 0000000..f7b0688 Binary files /dev/null and b/templates/55/MindTheDark/images/button-html5.png differ diff --git a/templates/55/MindTheDark/images/button-php.gif b/templates/55/MindTheDark/images/button-php.gif new file mode 100644 index 0000000..19aefb0 Binary files /dev/null and b/templates/55/MindTheDark/images/button-php.gif differ diff --git a/templates/55/MindTheDark/images/button-rss.png b/templates/55/MindTheDark/images/button-rss.png new file mode 100644 index 0000000..aa6b7fc Binary files /dev/null and b/templates/55/MindTheDark/images/button-rss.png differ diff --git a/templates/55/MindTheDark/images/favicon.ico b/templates/55/MindTheDark/images/favicon.ico new file mode 100644 index 0000000..8b9616a Binary files /dev/null and b/templates/55/MindTheDark/images/favicon.ico differ diff --git a/templates/55/MindTheDark/images/license.txt b/templates/55/MindTheDark/images/license.txt new file mode 100644 index 0000000..7d12604 --- /dev/null +++ b/templates/55/MindTheDark/images/license.txt @@ -0,0 +1,5 @@ +Icons for: sitetools.png +Icon set: Dusseldorf +Designer: pc.de +License: Creative Commons Attribution License [http://creativecommons.org/licenses/by/3.0/] +URL: http://pc.de/icons/#Dusseldorf diff --git a/templates/55/MindTheDark/images/logo.png b/templates/55/MindTheDark/images/logo.png new file mode 100644 index 0000000..a1f4995 Binary files /dev/null and b/templates/55/MindTheDark/images/logo.png differ diff --git a/templates/55/MindTheDark/images/page-background.svg b/templates/55/MindTheDark/images/page-background.svg new file mode 100644 index 0000000..086341d --- /dev/null +++ b/templates/55/MindTheDark/images/page-background.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/templates/55/MindTheDark/images/page-gradient.png b/templates/55/MindTheDark/images/page-gradient.png new file mode 100644 index 0000000..38c7419 Binary files /dev/null and b/templates/55/MindTheDark/images/page-gradient.png differ diff --git a/templates/55/MindTheDark/images/pagetools-build.php b/templates/55/MindTheDark/images/pagetools-build.php new file mode 100644 index 0000000..eaceeb2 --- /dev/null +++ b/templates/55/MindTheDark/images/pagetools-build.php @@ -0,0 +1,123 @@ + + * @todo Maybe add some more error checking + */ +$GAMMA = 0.8; +$OPTIPNG = '/usr/bin/optipng'; + +if('cli' != php_sapi_name()) die('please run from commandline'); + +// load input images +$input = glob('pagetools/*.png'); +sort($input); +$cnt = count($input); +if(!$cnt){ + die("No input images found. This script needs to be called from within the image directory!\n"); +} + +// create destination image +$DST = imagecreatetruecolor(30,$cnt*45*2); +imagesavealpha($DST, true); +$C_trans = imagecolorallocatealpha($DST, 0, 0, 0, 127); +imagefill($DST, 0, 0, $C_trans); + +// load highlight color from style.ini +$ini = parse_ini_file('../style.ini',true); +$COLOR = hex2rgb($ini['replacements']['__link__']); +$C_active = imagecolorallocate($DST, $COLOR['r'],$COLOR['g'],$COLOR['b']); + +// add all the icons to the sprite image +for($i=0; $i<$cnt; $i++){ + $base = $i*90; + + $IN = imagecreatefrompng($input[$i]); + imagesavealpha($IN, true); + imagecolorscale($IN,$GAMMA); + imagecopy($DST,$IN, 0,$base, 0,0, 30,30); + imagedestroy($IN); + + $IN = imagecreatefrompng($input[$i]); + imagesavealpha($IN, true); + imagecolorscale($IN,$GAMMA); + imagecopy($DST,$IN, 0,$base+45, 0,0, 30,30); + imagedestroy($IN); + + imagelayereffect($DST, IMG_EFFECT_OVERLAY); + imagefilledrectangle($DST, 0,$base+45, 30,$base+45+30, $C_active); + imagelayereffect($DST, IMG_EFFECT_NORMAL); +} + +// output sprite +imagepng($DST,'pagetools-sprite.png'); +imagedestroy($DST); + +// optimize if possible +if(is_executable($OPTIPNG)){ + system("$OPTIPNG -o5 'pagetools-sprite.png'"); +} + +/** + * Convert a hex color code to an rgb array + */ +function hex2rgb($hex) { + // strip hash + $hex = str_replace('#', '', $hex); + + // normalize short codes + if(strlen($hex) == 3){ + $hex = substr($hex,0,1). + substr($hex,0,1). + substr($hex,1,1). + substr($hex,1,1). + substr($hex,2,1). + substr($hex,2,1); + } + + // calc rgb + return array( + 'r' => hexdec(substr($hex, 0, 2)), + 'g' => hexdec(substr($hex, 2, 2)), + 'b' => hexdec(substr($hex, 4, 2)) + ); +} + +/** + * Scale (darken/lighten) a given image + * + * @param resource $img The truetype GD image to work on + * @param float $scale Scale the colors by this value ( <1 darkens, >1 lightens) + */ +function imagecolorscale(&$img, $scale){ + $w = imagesx($img); + $h = imagesy($img); + + imagealphablending($img, false); + for($x = 0; $x < $w; $x++){ + for($y = 0; $y < $h; $y++){ + $rgba = imagecolorat($img, $x, $y); + $a = ($rgba >> 24) & 0xFF; + $r = ($rgba >> 16) & 0xFF; + $g = ($rgba >> 8) & 0xFF; + $b = $rgba & 0xFF; + + $r = max(min(round($r*$scale),255),0); + $g = max(min(round($g*$scale),255),0); + $b = max(min(round($b*$scale),255),0); + + $color = imagecolorallocatealpha($img, $r, $g, $b, $a); + imagesetpixel($img, $x, $y, $color); + } + } + imagealphablending($img, true); +} + diff --git a/templates/55/MindTheDark/images/pagetools-sprite.png b/templates/55/MindTheDark/images/pagetools-sprite.png new file mode 100644 index 0000000..8e7f7f8 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools-sprite.png differ diff --git a/templates/55/MindTheDark/images/pagetools/00_default.png b/templates/55/MindTheDark/images/pagetools/00_default.png new file mode 100644 index 0000000..bcb2de0 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/00_default.png differ diff --git a/templates/55/MindTheDark/images/pagetools/01_edit.png b/templates/55/MindTheDark/images/pagetools/01_edit.png new file mode 100644 index 0000000..99f3093 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/01_edit.png differ diff --git a/templates/55/MindTheDark/images/pagetools/02_create.png b/templates/55/MindTheDark/images/pagetools/02_create.png new file mode 100644 index 0000000..57fa68d Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/02_create.png differ diff --git a/templates/55/MindTheDark/images/pagetools/03_draft.png b/templates/55/MindTheDark/images/pagetools/03_draft.png new file mode 100644 index 0000000..ce1c6cf Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/03_draft.png differ diff --git a/templates/55/MindTheDark/images/pagetools/04_show.png b/templates/55/MindTheDark/images/pagetools/04_show.png new file mode 100644 index 0000000..1ced340 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/04_show.png differ diff --git a/templates/55/MindTheDark/images/pagetools/05_source.png b/templates/55/MindTheDark/images/pagetools/05_source.png new file mode 100644 index 0000000..dffe193 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/05_source.png differ diff --git a/templates/55/MindTheDark/images/pagetools/06_revert.png b/templates/55/MindTheDark/images/pagetools/06_revert.png new file mode 100644 index 0000000..18c6444 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/06_revert.png differ diff --git a/templates/55/MindTheDark/images/pagetools/07_revisions.png b/templates/55/MindTheDark/images/pagetools/07_revisions.png new file mode 100644 index 0000000..e599d01 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/07_revisions.png differ diff --git a/templates/55/MindTheDark/images/pagetools/08_backlink.png b/templates/55/MindTheDark/images/pagetools/08_backlink.png new file mode 100644 index 0000000..aa34e27 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/08_backlink.png differ diff --git a/templates/55/MindTheDark/images/pagetools/09_subscribe.png b/templates/55/MindTheDark/images/pagetools/09_subscribe.png new file mode 100644 index 0000000..36254ff Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/09_subscribe.png differ diff --git a/templates/55/MindTheDark/images/pagetools/10_top.png b/templates/55/MindTheDark/images/pagetools/10_top.png new file mode 100644 index 0000000..b930fd2 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/10_top.png differ diff --git a/templates/55/MindTheDark/images/pagetools/11_mediamanager.png b/templates/55/MindTheDark/images/pagetools/11_mediamanager.png new file mode 100644 index 0000000..71b5a33 Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/11_mediamanager.png differ diff --git a/templates/55/MindTheDark/images/pagetools/12_back.png b/templates/55/MindTheDark/images/pagetools/12_back.png new file mode 100644 index 0000000..6d6093e Binary files /dev/null and b/templates/55/MindTheDark/images/pagetools/12_back.png differ diff --git a/templates/55/MindTheDark/images/pagetools/license.txt b/templates/55/MindTheDark/images/pagetools/license.txt new file mode 100644 index 0000000..299624c --- /dev/null +++ b/templates/55/MindTheDark/images/pagetools/license.txt @@ -0,0 +1,4 @@ +Icon set: iPhone toolbar icons +Designer: TheWorkingGroup.ca +License: Creative Commons Attribution-Share Alike License [http://creativecommons.org/licenses/by-sa/3.0/] +URL: http://blog.twg.ca/2009/09/free-iphone-toolbar-icons/ diff --git a/templates/55/MindTheDark/images/plugin_note/important.svg b/templates/55/MindTheDark/images/plugin_note/important.svg new file mode 100644 index 0000000..cb7627f --- /dev/null +++ b/templates/55/MindTheDark/images/plugin_note/important.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/55/MindTheDark/images/plugin_note/note.svg b/templates/55/MindTheDark/images/plugin_note/note.svg new file mode 100644 index 0000000..333643f --- /dev/null +++ b/templates/55/MindTheDark/images/plugin_note/note.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/55/MindTheDark/images/plugin_note/tip.svg b/templates/55/MindTheDark/images/plugin_note/tip.svg new file mode 100644 index 0000000..83fb17f --- /dev/null +++ b/templates/55/MindTheDark/images/plugin_note/tip.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/55/MindTheDark/images/plugin_note/warning.svg b/templates/55/MindTheDark/images/plugin_note/warning.svg new file mode 100644 index 0000000..61f5c54 --- /dev/null +++ b/templates/55/MindTheDark/images/plugin_note/warning.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/55/MindTheDark/images/search-dark.png b/templates/55/MindTheDark/images/search-dark.png new file mode 100644 index 0000000..f7639ea Binary files /dev/null and b/templates/55/MindTheDark/images/search-dark.png differ diff --git a/templates/55/MindTheDark/images/search.png b/templates/55/MindTheDark/images/search.png new file mode 100644 index 0000000..a07a721 Binary files /dev/null and b/templates/55/MindTheDark/images/search.png differ diff --git a/templates/55/MindTheDark/images/theme.svg b/templates/55/MindTheDark/images/theme.svg new file mode 100644 index 0000000..290a029 --- /dev/null +++ b/templates/55/MindTheDark/images/theme.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/templates/55/MindTheDark/images/toc-arrows-dark.png b/templates/55/MindTheDark/images/toc-arrows-dark.png new file mode 100644 index 0000000..be22f45 Binary files /dev/null and b/templates/55/MindTheDark/images/toc-arrows-dark.png differ diff --git a/templates/55/MindTheDark/images/toc-arrows.png b/templates/55/MindTheDark/images/toc-arrows.png new file mode 100644 index 0000000..4a353e4 Binary files /dev/null and b/templates/55/MindTheDark/images/toc-arrows.png differ diff --git a/templates/55/MindTheDark/images/toc-bullet.png b/templates/55/MindTheDark/images/toc-bullet.png new file mode 100644 index 0000000..a2dfa47 Binary files /dev/null and b/templates/55/MindTheDark/images/toc-bullet.png differ diff --git a/templates/55/MindTheDark/images/usertools.png b/templates/55/MindTheDark/images/usertools.png new file mode 100644 index 0000000..6810227 Binary files /dev/null and b/templates/55/MindTheDark/images/usertools.png differ diff --git a/templates/55/MindTheDark/lang/bg/lang.php b/templates/55/MindTheDark/lang/bg/lang.php new file mode 100644 index 0000000..7717607 --- /dev/null +++ b/templates/55/MindTheDark/lang/bg/lang.php @@ -0,0 +1,13 @@ + + */ +$lang['__background_site__'] = 'Цвят за фона, под съдъжанието'; +$lang['__link__'] = 'Стандартен цвят за препратка'; +$lang['__existing__'] = 'Цвят за препратка към съществуващи станици'; +$lang['__missing__'] = 'Цвят за препратка към несъществуващи станици'; +$lang['__site_width__'] = 'Ширина на целия сайт (може да бъде всяка мерна единица:%, px, em, ...)'; +$lang['__sidebar_width__'] = 'Ширина на страничната лента (може да бъде всяка мерна единица:%, px, em, ...)'; diff --git a/templates/55/MindTheDark/lang/cs/lang.php b/templates/55/MindTheDark/lang/cs/lang.php new file mode 100644 index 0000000..b0475ff --- /dev/null +++ b/templates/55/MindTheDark/lang/cs/lang.php @@ -0,0 +1,52 @@ + + */ +// style.ini values +$lang['__background_site__'] = 'Barva hlavního pozadí (pod kontextovým boxem)'; +$lang['__link__'] = 'Hlavní barva odkazů'; +$lang['__existing__'] = 'Barva odkazů na existující stránky'; +$lang['__missing__'] = 'Barva odkazů na neexistující stránky'; +$lang['__site_width__'] = 'Šířka plné stránky (jakákoliv jednotka délky: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Šířka postranního panelu, pokud je použit (jakákoliv jednotka délky: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Přepnout stránku do módu pro tablet pro velikost obrazovky menší než'; +$lang['__phone_width__'] = 'Přepnout stránku do módu pro telefon pro velikost obrazovky menší než'; +$lang['__theme_color__'] = 'Hlavní barva motivu'; +$lang['__pre_text_color__'] = 'Barva textu inline kódu'; +$lang['__pre_background_color__'] = 'Barva pozadí inline kódu'; +$lang['__selection_color__'] = 'Barva textu vybraného myší'; +$lang['__selection_background_color__'] = 'Barva pozadí textu vybraného myší'; +$lang['__scrollbar_color_track__'] = 'Barva scrollbaru'; +$lang['__scrollbar_color_thumb__'] = 'Barva tlačítka scrollbaru'; + +/* Dark */ +$lang['__text_color_dark__'] = 'Hlavní barva textu v tmavém motivu'; +$lang['__background_color_dark__'] = 'Hlavní barva pozadí v tmavém motivu'; +$lang['__text_alt_color_dark__'] = 'Alternativní barva textu v tmavém motivu'; +$lang['__background_alt_color_dark__'] = 'Alternativní barva pozadí v tmavém motivu'; +$lang['__text_neu_color_dark__'] = 'Neutrální barva textu v tmavém motivu'; +$lang['__background_neu_color_dark__'] = 'Neutrální barva pozadí v tmavém motivu'; +$lang['__border_color_dark__'] = 'Barva rámečku v tmavém motivu'; +$lang['__highlight_color_dark__'] = 'Barva zvýraznění (hlavně pro výsledky hledání) v tmavém motivu'; +$lang['__background_site_color_dark__'] = 'Barva pozadí stránky (za obsahem) v tmavém motivu'; +$lang['__pre_text_color_dark__'] = 'Barva textu inline kódu v tmavém motivu'; +$lang['__pre_background_color_dark__'] = 'Barva pozadí inline kódu v tmavém motivu'; +$lang['__link_color_dark__'] = 'Hlavní barva odkazů v tmavém motivu'; +$lang['__existing_color_dark__'] = 'Barva odkazů na existující stránky v tmavém motivu'; +$lang['__missing_color_dark__'] = 'Barva odkazů na neexistující stránky v tmavém motivu'; +$lang['__selection_color_dark__'] = 'Barva textu vybraného myší v tmavém motivu'; +$lang['__selection_background_color_dark__'] = 'Barva pozadí textu vybraného myší v tmavém motivu'; +$lang['__scrollbar_track_color_dark__'] = 'Barva scrollbaru v tmavém motivu'; +$lang['__scrollbar_thumb_color_dark__'] = 'Barva tlačítka scrollbaru v tmavém motivu'; + +/* Toggle Switch */ +$lang['themeSwitch'] = 'Přepnout vzhled'; + +/* Note Plugin */ +$lang['__note_plugin_classic_color__'] = 'Barva pro poznámku "classic" v pluginu Note'; +$lang['__note_plugin_important_color__'] = 'Barva pro poznámku "important" v pluginu Note'; +$lang['__note_plugin_warning_color__'] = 'Barva pro poznámku "warning" v pluginu Note'; +$lang['__note_plugin_tip_color__'] = 'Barva pro poznámku "tip" v pluginu Note'; \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/cs/settings.php b/templates/55/MindTheDark/lang/cs/settings.php new file mode 100644 index 0000000..3bbd9f9 --- /dev/null +++ b/templates/55/MindTheDark/lang/cs/settings.php @@ -0,0 +1,6 @@ + + */ +$lang['__background_site__'] = 'Farbe für den Seitenhintergrund (hinter dem Inhaltsbereich)'; +$lang['__link__'] = 'Allgemeine Linkfarbe'; +$lang['__existing__'] = 'Farbe für Links zu existierenden Seiten'; +$lang['__missing__'] = 'Farbe für Links zu nicht-existierenden Seiten'; +$lang['__site_width__'] = 'Breite der ganzen Seite (kann eine beliebige Längeneinheit sein: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Breite der Seitenleiste, falls vorhanden (kann eine beliebige Längeneinheit sein: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Unter dieser Fensterbreite wechselt die Seite in den Tabletmodus'; +$lang['__phone_width__'] = 'Unter dieser Fensterbreite wechselt die Seite in den Handymodus'; +$lang['__pre_text_color__'] = 'Farbe für den Text der Inline Code Formatierung'; +$lang['__pre_background_color__'] = 'Farbe für den Hintergrund der Inline Code Formatierung'; +$lang['__selection_color__'] = 'Farbe für den mit der Maus ausgewählten Text'; +$lang['__selection_background_color__'] = 'Hintergrundfarbe für den mit der Maus ausgewählten Text'; +$lang['__scrollbar_color_track__'] = 'Farbe für die Scrollbar'; +$lang['__scrollbar_color_thumb__'] = 'Farbe für den Scrollbar Button'; + +/* Dark */ +$lang['__text_color_dark__'] = 'Haupttextfarbe im dunklen Farbschema'; +$lang['__background_color_dark__'] = 'Haupthintergrundfarbe im dunklen Farbschema'; +$lang['__text_alt_color_dark__'] = 'Alternative Textfarbe im dunklen Farbschema'; +$lang['__background_alt_color_dark__'] = 'Alternative Hintergrundfarbe im dunklen Farbschema'; +$lang['__text_neu_color_dark__'] = 'Neutrale Textfarbe im dunklen Farbschema'; +$lang['__background_neu_color_dark__'] = 'Neutrale Hintergrundfarbe im dunklen Farbschema'; +$lang['__border_color_dark__'] = 'Rahmenfarbe im dunklen Farbschema'; +$lang['__highlight_color_dark__'] = 'Hervorhebungsfarbe (hauptsächlich für Suchergebnisse) im dunklen Farbschema'; +$lang['__background_site_color_dark__'] = 'Farbe für den Seitenhintergrund (hinter dem Inhaltsbereich) im dunklen Farbschema'; +$lang['__pre_text_color_dark__'] = 'Farbe für den Text der Inline Code Formatierung im dunklen Farbschema'; +$lang['__pre_background_color_dark__'] = 'Farbe für den Hintergrund der Inline Code Formatierung im dunklen Farbschema'; +$lang['__link_color_dark__'] = 'Allgemeine Linkfarbe im dunklen Farbschema'; +$lang['__existing_color_dark__'] = 'Farbe für Links zu existierenden Seiten im dunklen Farbschema'; +$lang['__missing_color_dark__'] = 'Farbe für Links zu nicht-existierenden Seiten im dunklen Farbschema'; +$lang['__selection_color_dark__'] = 'Farbe für den mit der Maus ausgewählten Text im dunklen Farbschema'; +$lang['__selection_background_color_dark__'] = 'Hintergrundfarbe für den mit der Maus ausgewählten Text im dunklen Farbschema'; +$lang['__scrollbar_track_color_dark__'] = 'Farbe für die Scrollbar im dunklen Farbschema'; +$lang['__scrollbar_thumb_color_dark__'] = 'Farbe für den Scrollbar Button im dunklen Farbschema'; + +/* Toggle Switch */ +$lang['themeSwitch'] = 'Design umschalten'; + +/* Note Plugin */ +$lang['__note_plugin_classic_color__'] = 'Note Plugin Basisfarbe für "classic"'; +$lang['__note_plugin_important_color__'] = 'Note Plugin Basisfarbe für "important"'; +$lang['__note_plugin_warning_color__'] = 'Note Plugin Basisfarbe für "warning"'; +$lang['__note_plugin_tip_color__'] = 'Note Plugin Basisfarbe für "tip"'; \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/de-informal/settings.php b/templates/55/MindTheDark/lang/de-informal/settings.php new file mode 100644 index 0000000..5cae3d5 --- /dev/null +++ b/templates/55/MindTheDark/lang/de-informal/settings.php @@ -0,0 +1,11 @@ + + */ +$lang['__background_site__'] = 'Farbe für den Seitenhintergrund (hinter dem Inhaltsbereich)'; +$lang['__link__'] = 'Allgemeine Linkfarbe'; +$lang['__existing__'] = 'Farbe für Links zu existierenden Seiten'; +$lang['__missing__'] = 'Farbe für Links zu nicht-existierenden Seiten'; +$lang['__site_width__'] = 'Breite der ganzen Seite (kann eine beliebige Längeneinheit sein: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Breite der Seitenleiste, falls vorhanden (kann eine beliebige Längeneinheit sein: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Unter dieser Fensterbreite wechselt die Seite in den Tabletmodus'; +$lang['__phone_width__'] = 'Unter dieser Fensterbreite wechselt die Seite in den Handymodus'; +$lang['__pre_text_color__'] = 'Farbe für den Text der Inline Code Formatierung'; +$lang['__pre_background_color__'] = 'Farbe für den Hintergrund der Inline Code Formatierung'; +$lang['__selection_color__'] = 'Farbe für den mit der Maus ausgewählten Text'; +$lang['__selection_background_color__'] = 'Hintergrundfarbe für den mit der Maus ausgewählten Text'; +$lang['__scrollbar_color_track__'] = 'Farbe für die Scrollbar'; +$lang['__scrollbar_color_thumb__'] = 'Farbe für den Scrollbar Button'; + +/* Dark */ +$lang['__text_color_dark__'] = 'Haupttextfarbe im dunklen Farbschema'; +$lang['__background_color_dark__'] = 'Haupthintergrundfarbe im dunklen Farbschema'; +$lang['__text_alt_color_dark__'] = 'Alternative Textfarbe im dunklen Farbschema'; +$lang['__background_alt_color_dark__'] = 'Alternative Hintergrundfarbe im dunklen Farbschema'; +$lang['__text_neu_color_dark__'] = 'Neutrale Textfarbe im dunklen Farbschema'; +$lang['__background_neu_color_dark__'] = 'Neutrale Hintergrundfarbe im dunklen Farbschema'; +$lang['__border_color_dark__'] = 'Rahmenfarbe im dunklen Farbschema'; +$lang['__highlight_color_dark__'] = 'Hervorhebungsfarbe (hauptsächlich für Suchergebnisse) im dunklen Farbschema'; +$lang['__background_site_color_dark__'] = 'Farbe für den Seitenhintergrund (hinter dem Inhaltsbereich) im dunklen Farbschema'; +$lang['__pre_text_color_dark__'] = 'Farbe für den Text der Inline Code Formatierung im dunklen Farbschema'; +$lang['__pre_background_color_dark__'] = 'Farbe für den Hintergrund der Inline Code Formatierung im dunklen Farbschema'; +$lang['__link_color_dark__'] = 'Allgemeine Linkfarbe im dunklen Farbschema'; +$lang['__existing_color_dark__'] = 'Farbe für Links zu existierenden Seiten im dunklen Farbschema'; +$lang['__missing_color_dark__'] = 'Farbe für Links zu nicht-existierenden Seiten im dunklen Farbschema'; +$lang['__selection_color_dark__'] = 'Farbe für den mit der Maus ausgewählten Text im dunklen Farbschema'; +$lang['__selection_background_color_dark__'] = 'Hintergrundfarbe für den mit der Maus ausgewählten Text im dunklen Farbschema'; +$lang['__scrollbar_track_color_dark__'] = 'Farbe für die Scrollbar im dunklen Farbschema'; +$lang['__scrollbar_thumb_color_dark__'] = 'Farbe für den Scrollbar Button im dunklen Farbschema'; + +/* Toggle Switch */ +$lang['themeSwitch'] = 'Design umschalten'; + +/* Note Plugin */ +$lang['__note_plugin_classic_color__'] = 'Note Plugin Basisfarbe für "classic"'; +$lang['__note_plugin_important_color__'] = 'Note Plugin Basisfarbe für "important"'; +$lang['__note_plugin_warning_color__'] = 'Note Plugin Basisfarbe für "warning"'; +$lang['__note_plugin_tip_color__'] = 'Note Plugin Basisfarbe für "tip"'; diff --git a/templates/55/MindTheDark/lang/de/settings.php b/templates/55/MindTheDark/lang/de/settings.php new file mode 100644 index 0000000..5cae3d5 --- /dev/null +++ b/templates/55/MindTheDark/lang/de/settings.php @@ -0,0 +1,11 @@ + + */ +$lang['__background_site__'] = 'Color para el fondo (detrás de la caja de contenido)'; +$lang['__link__'] = 'El color de los enlaces en general'; +$lang['__existing__'] = 'El color de los enlaces a páginas existentes'; +$lang['__missing__'] = 'El color de los enlaces a páginas no existentes'; +$lang['__site_width__'] = 'El ancho de la página completa (puede ser cualquier unidad de longitud: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'El ancho de la barra lateral (puede ser cualquier unidad de longitud: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Para tamaños de pantalla por debajo de esta anchura, el sitio cambia al modo tableta'; +$lang['__phone_width__'] = 'Para tamaños de pantalla por debajo de esta anchura, el sitio cambia al modo teléfono'; +$lang['__theme_color__'] = 'Color del tema de la aplicación web'; +$lang['__pre_text_color__'] = 'Color para el formato de texto de código en línea'; +$lang['__pre_background_color__'] = 'Color para el fondo del formato del código en línea'; diff --git a/templates/55/MindTheDark/lang/es/style.txt b/templates/55/MindTheDark/lang/es/style.txt new file mode 100644 index 0000000..60ce308 --- /dev/null +++ b/templates/55/MindTheDark/lang/es/style.txt @@ -0,0 +1 @@ +Si desea ajustar el logotipo, sólo tiene que utilizar el Administrador de Medios para cargar un ''logo.png'' dentro de "wiki'' o en el espacio de nombres de la raíz y se utilizará automáticamente. También puede cargar un ''favicon.ico'' allí. Si utiliza un wiki cerrado se recomienda hacer el ''wiki'' (o raíz) espacio de nombres legible por todo el mundo en la configuración de ACL o su logotipo no se mostrará para que los usuarios no registrados. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/fa/lang.php b/templates/55/MindTheDark/lang/fa/lang.php new file mode 100644 index 0000000..e962760 --- /dev/null +++ b/templates/55/MindTheDark/lang/fa/lang.php @@ -0,0 +1,15 @@ + + */ +$lang['__background_site__'] = 'رنگ پس‌زمینه (پشت جعبهٔ متن)'; +$lang['__link__'] = 'رنگ لینک معمول'; +$lang['__existing__'] = 'رنگ برای لینک به صفحات موجود'; +$lang['__missing__'] = 'رنگ برای لینک به صفحات ناموجود'; +$lang['__site_width__'] = 'عرض کل سایت (از واحدهای طول شامل % یا px یا em و ... می‌شود استفاده کرد)'; +$lang['__sidebar_width__'] = 'عرض نوار کناری درصورت وجود (از واحدهای طول شامل % یا px یا em و ... می‌شود استفاده کرد)'; +$lang['__tablet_width__'] = 'در پایین اندازه‌های صفحه با این عرض وقتی که در تبلت باز می‌شود'; +$lang['__phone_width__'] = 'در پایین اندازه‌های صفحه با این عرض وقتی که در تلفن موبایل باز می‌شود'; diff --git a/templates/55/MindTheDark/lang/fa/style.txt b/templates/55/MindTheDark/lang/fa/style.txt new file mode 100644 index 0000000..f9009fd --- /dev/null +++ b/templates/55/MindTheDark/lang/fa/style.txt @@ -0,0 +1 @@ +اگر می‌خواهید یک لوگو تنظیم کنید، به راحتی مدیریت رسانه‌ها را باز کنید و یک تصویر با نام ''logo.png'' در فضای نام اصلی یا ''wiki'' آپلود کنید. سپس لوگو به صورت اتوماتیک مورد استفاده قرار می‌گیرد. همچنین می‌توانید یک ''favicon.ico'' در آن‌جا آپلود کنید. اگر از ویکی بسته استفاده می‌کنید پیشنهاد می‌شود که فضای نام ویکی (یا اصلی) در تنظیمات خواندنی به همه باشد یا درغیر اینصورت لوگو به کاربرانی که وارد نشده باشند نمایش داده نمی‌شود. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/fr/lang.php b/templates/55/MindTheDark/lang/fr/lang.php new file mode 100644 index 0000000..57b551c --- /dev/null +++ b/templates/55/MindTheDark/lang/fr/lang.php @@ -0,0 +1,19 @@ + + * @author Nicolas Friedli + */ +$lang['__background_site__'] = 'Couleur du fond (derrière la boîte de contenu)'; +$lang['__link__'] = 'Couleur générale des liens'; +$lang['__existing__'] = 'Couleur des liens pour les pages existantes'; +$lang['__missing__'] = 'Couleur des liens pour les pages inexistantes'; +$lang['__site_width__'] = 'Largeur du site complet (dans une unité de longueur valide: %, px, em,...)'; +$lang['__sidebar_width__'] = 'Largeur de la barre latérale, si existante (dans une unité de longueur valide: %, px, em,...)'; +$lang['__tablet_width__'] = 'En dessous de cette largeur, le site passe en mode tablette.'; +$lang['__phone_width__'] = 'En dessous de cette largeur, le site passe en mode smartphone.'; +$lang['__theme_color__'] = 'Thème de couleur de l\'application web'; +$lang['__pre_text_color__'] = 'Couleur pour le formatage du texte du code en ligne' ; +$lang['__pre_background_color__'] = 'Couleur pour le fond du formatage du code en ligne' ; diff --git a/templates/55/MindTheDark/lang/fr/style.txt b/templates/55/MindTheDark/lang/fr/style.txt new file mode 100644 index 0000000..9034cbc --- /dev/null +++ b/templates/55/MindTheDark/lang/fr/style.txt @@ -0,0 +1 @@ +Si vous souhaitez modifier le logo, utilisez simplement le gestionnaire de médias et envoyez un fichier nommé "logo.png" dans la catégorie "wiki" ou à la racine. Il sera automatiquement utilisé. Il en est de même pour le "favicon.ico". Si vous utilisez un wiki fermé, il est recommandé de régler les ACL de la racine ou de la catégorie "wiki" pour rendre ces images visibles aux utilisateurs non connectés. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/hr/lang.php b/templates/55/MindTheDark/lang/hr/lang.php new file mode 100644 index 0000000..3462fa5 --- /dev/null +++ b/templates/55/MindTheDark/lang/hr/lang.php @@ -0,0 +1,16 @@ + + */ +$lang['__background_site__'] = 'Boja pozadine ispod okvira sa sadržajem'; +$lang['__link__'] = 'Boja opće poveznice'; +$lang['__existing__'] = 'Boja poveznice na postojeće stranice'; +$lang['__missing__'] = 'Boja poveznice na nepostojeće stranice'; +$lang['__site_width__'] = 'Širina pune stranice (može biti bilo koja jedinica: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Širina bočne stranice, ako postoji (može biti bilo koja jedinica: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Ispod ove širine, prebaci mod prikaza za tablete'; +$lang['__phone_width__'] = 'Ispod ove širine, prebaci mod prikaza za mobilni telefon'; +$lang['__theme_color__'] = 'Boja teme web aplikacija'; diff --git a/templates/55/MindTheDark/lang/hr/style.txt b/templates/55/MindTheDark/lang/hr/style.txt new file mode 100644 index 0000000..a86d76a --- /dev/null +++ b/templates/55/MindTheDark/lang/hr/style.txt @@ -0,0 +1 @@ +Ako želite podesiti logo, jednostavno putem upravitelja datoteka učitate "logo.png" u wiki ili root imenski prostor i biti će automatski korištena. Tu možete učitati i ''favicon.ico''. Ako koristite ACL-om zaštićeni wiki s kontrolom pristupa, obavezno morate učiniti vidljivim svim korisnicima (i neprijavljenim!) wiki ili root imenski prostor gdje je logo pohranjen. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/hu/lang.php b/templates/55/MindTheDark/lang/hu/lang.php new file mode 100644 index 0000000..0837366 --- /dev/null +++ b/templates/55/MindTheDark/lang/hu/lang.php @@ -0,0 +1,15 @@ + + */ +$lang['__background_site__'] = 'Lap színe (a tartalom mögött)'; +$lang['__link__'] = 'Hivatkozás általános színe'; +$lang['__existing__'] = 'Hivatkozása színe létező lapoknál'; +$lang['__missing__'] = 'Hivatkozása színe nem létező lapoknál'; +$lang['__site_width__'] = 'Az oldal teljes szélessége (tetszőleges mértékegységgel: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Az oldalsáv szélessége (tetszőleges mértékegységgel: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Váltás tablet-módra ezen szélesség alatt'; +$lang['__phone_width__'] = 'Váltás mobiltelefon-módra ezen szélesség alatt'; diff --git a/templates/55/MindTheDark/lang/hu/style.txt b/templates/55/MindTheDark/lang/hu/style.txt new file mode 100644 index 0000000..1cdf517 --- /dev/null +++ b/templates/55/MindTheDark/lang/hu/style.txt @@ -0,0 +1 @@ +A logó megváltoztatásához tölts fel egy képet "logo.png" néven a "wiki" névtérbe vagy a kiindulási névtérbe. Ugyanígy feltöltheted ide az oldalhoz tartozó ikont is, "favicon.ico" néven. Ha zárt wikit használsz, javasoljuk, hogy állítsd be a "wiki" (vagy a kiindulási) névteret mindenki számára olvashatónak, különben a logót csak a bejelentkezett felhasználók fogják látni. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/it/lang.php b/templates/55/MindTheDark/lang/it/lang.php new file mode 100644 index 0000000..aa37f3e --- /dev/null +++ b/templates/55/MindTheDark/lang/it/lang.php @@ -0,0 +1,17 @@ + + */ +$lang['__background_site__'] = 'Colore per lo sfondo di livello più basso (dietro il riquadro del contenuto)'; +$lang['__link__'] = 'Colore generale per i link'; +$lang['__existing__'] = 'Colore per i collegamenti alle pagine esistenti'; +$lang['__missing__'] = 'Colore per i collegamenti alle pagine non esistenti'; +$lang['__site_width__'] = 'Larghezza dell\'intero sito (può essere una qualunque unità di lunghezza: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Larghezza della barra laterale, se presente (può essere una qualunque unità di lunghezza: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Per dimensioni dello schermo al di sotto di questa larghezza, il sito passa in modalità tablet'; +$lang['__phone_width__'] = 'Per dimensioni dello schermo al di sotto di questa larghezza, il sito passa in modalità telefono'; +$lang['__pre_text_color__'] = 'Colore per la formattazione del testo in linea'; +$lang['__pre_background_color__'] = 'Colore per lo sfondo della formattazione del codice in linea'; \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/it/style.txt b/templates/55/MindTheDark/lang/it/style.txt new file mode 100644 index 0000000..1179f08 --- /dev/null +++ b/templates/55/MindTheDark/lang/it/style.txt @@ -0,0 +1 @@ +Se vuoi modificare il logo, semplicemente usa Media Manager per caricare un ''logo.png'' in ''wiki'' o nella directory root e questo verrà automaticamente usato. Qui puoi anche caricare una ''favicon.ico''. Se utilizzi un wiki chiuso si raccomanda di rendere la directory ''wiki'' (o root) leggibile a tutti, nelle impostazioni ACL, altrimenti il tuo logo non sarà visibile agli utenti che non hanno effettuato l'accesso. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/ja/lang.php b/templates/55/MindTheDark/lang/ja/lang.php new file mode 100644 index 0000000..353bf07 --- /dev/null +++ b/templates/55/MindTheDark/lang/ja/lang.php @@ -0,0 +1,15 @@ + + */ +$lang['__background_site__'] = 'サイト全体の背景色（content box の背後）'; +$lang['__link__'] = '通常のリンク色'; +$lang['__existing__'] = '既存ページへのリンク色'; +$lang['__missing__'] = '存在しないページへのリンク色'; +$lang['__site_width__'] = 'サイトの全体幅（任意の長さの単位を使用可能： % px em 他）'; +$lang['__sidebar_width__'] = 'サイドバーがある場合、サイドバーの幅（任意の長さの単位を使用可能： % px em 他）'; +$lang['__tablet_width__'] = 'タブレットモードにサイトを切替える、画面幅'; +$lang['__phone_width__'] = '携帯電話モードにサイトを切替える、画面幅'; diff --git a/templates/55/MindTheDark/lang/ja/style.txt b/templates/55/MindTheDark/lang/ja/style.txt new file mode 100644 index 0000000..ab032e7 --- /dev/null +++ b/templates/55/MindTheDark/lang/ja/style.txt @@ -0,0 +1,5 @@ +ロゴを変更したい場合、メディア管理を利用して「wiki」またはルート名前空間に「logo.png」をアップロードして下さい。 +自動的にその画像を使用します。 +同じ場所に「favicon.ico」をアップロードして使用することもできます。 +アクセス制限のある wiki を使用している場合、アクセスコントロール管理で「wiki」またはルート名前空間を全員読取可に設定して下さい。 +そうでないとログインしていないユーザーにロゴが表示されません。 \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/ko/lang.php b/templates/55/MindTheDark/lang/ko/lang.php new file mode 100644 index 0000000..fcc422c --- /dev/null +++ b/templates/55/MindTheDark/lang/ko/lang.php @@ -0,0 +1,15 @@ + + */ +$lang['__background_site__'] = '(내용 상자 뒤의) 매우 배경 색'; +$lang['__link__'] = '일반 링크 색'; +$lang['__existing__'] = '문서가 존재하는 링크의 색'; +$lang['__missing__'] = '문서가 존재하지 않는 링크의 색'; +$lang['__site_width__'] = '전체 사이트의 너비 (아무 길이 단위나 될 수 있음: %, px, em, ...)'; +$lang['__sidebar_width__'] = '사이드바가 있다면, 그것의 너비 (아무 길이 단위나 될 수 있음: %, px, em, ...)'; +$lang['__tablet_width__'] = '사이트를 태블릿 모드로 전환할 화면 너비'; +$lang['__phone_width__'] = '사이트를 폰 모드로 전환할 화면 너비'; diff --git a/templates/55/MindTheDark/lang/ko/style.txt b/templates/55/MindTheDark/lang/ko/style.txt new file mode 100644 index 0000000..306f40e --- /dev/null +++ b/templates/55/MindTheDark/lang/ko/style.txt @@ -0,0 +1,4 @@ +로고를 조정하려면, 간단히 미디어 관리자를 사용하여 ''wiki''나 루트 이름공간 안에 ''logo.png''를 올리면 +자동으로 사용됩니다. 또한 여기에 ''favicon.ico''를 올릴 수 있습니다. 만약 닫힌 위키를 사용한다면 +ACL 설정에서 ''wiki'' (또는 루트) 이름공간을 전역으로 읽을 수 있도록 설정하거나 로고를 사용자가 +로그인하지 않으면 보여주지 않도록 설정하는 것을 권장합니다. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/nl/lang.php b/templates/55/MindTheDark/lang/nl/lang.php new file mode 100644 index 0000000..fda71f0 --- /dev/null +++ b/templates/55/MindTheDark/lang/nl/lang.php @@ -0,0 +1,19 @@ + + * @author hugo smet + */ +$lang['__background_site__'] = 'Kleur voor de onderste ondergrond (achter de inhoud kader)'; +$lang['__link__'] = 'Kleur voor algemene link'; +$lang['__existing__'] = 'Kleur voor link naar bestaande pagina\'s.'; +$lang['__missing__'] = 'Kleur voor link naar onbestaande pagina\'s'; +$lang['__site_width__'] = 'Breedte van de max site (in gelijk welke eenheid: %, px, em,...)'; +$lang['__sidebar_width__'] = 'Breedte van de zijbalk, indien aanwezig (in gelijk welke eenheid: %, px, em,...)'; +$lang['__tablet_width__'] = 'Beneden de breedte van deze schermafmetingen schakelt de site over naar tablet modus.'; +$lang['__phone_width__'] = 'Beneden de breedte van deze schermafmetingen schakelt de site over naar telefoon modus.'; +$lang['__theme_color__'] = 'Thema kleur van de web app'; +$lang['__pre_text_color__'] = 'Kleur voor inline code tekstopmaak'; +$lang['__pre_background_color__'] = 'Kleur voor de achtergrond van de opmaak van de inline code'; \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/nl/style.txt b/templates/55/MindTheDark/lang/nl/style.txt new file mode 100644 index 0000000..55de5c7 --- /dev/null +++ b/templates/55/MindTheDark/lang/nl/style.txt @@ -0,0 +1 @@ +Wil je het logo aanpassen, gebruik dan de Media Manager om een "logo.png" in "wiki" of root naamruimte te uploaden. Dit logo zal dan automatisch gebruikt worden. Je kunt zo ook een "favicon.ico" uploaden. Indien je een gesloten wiki gebruikt is het aan te raden om de "wiki" (of root) naamruimte leesbaar te maken voor iedereen via de ACL instellingen, want anders wordt je logo niet getoond aan niet-ingelogde gebruikers. diff --git a/templates/55/MindTheDark/lang/no/lang.php b/templates/55/MindTheDark/lang/no/lang.php new file mode 100644 index 0000000..4c331a7 --- /dev/null +++ b/templates/55/MindTheDark/lang/no/lang.php @@ -0,0 +1,15 @@ + + */ +$lang['__background_site__'] = 'Farge for bakerste bakgrunn (bak innholdsboksen)'; +$lang['__link__'] = 'Generell lenkefarge'; +$lang['__existing__'] = 'Farge for lenker til eksisterende sider'; +$lang['__missing__'] = 'Farge for lenker til ikke-eksisterende sider'; +$lang['__site_width__'] = 'Bredde for hele siden (kan angis i ulike enheter som: (%, px, em, ...)'; +$lang['__sidebar_width__'] = 'Sidestolpens bredde, dersom denne finnes (kan angis i ulike enheter som: (%, px, em, ...)'; +$lang['__tablet_width__'] = 'For skjermbredde lavere en denne verden, vil siden endres til å vises i brett-modus'; +$lang['__phone_width__'] = 'For skjermbredde lavere en denne verden, vil siden endres til å vises i mobil-modus'; diff --git a/templates/55/MindTheDark/lang/no/style.txt b/templates/55/MindTheDark/lang/no/style.txt new file mode 100644 index 0000000..34a667f --- /dev/null +++ b/templates/55/MindTheDark/lang/no/style.txt @@ -0,0 +1 @@ +Dersom du ønsker å endre logoen kan du gå til Mediefiler-siden og laste opp en fil med navn «logo.png» i navnerommet «wiki» eller «rot». Filen vil da, automatisk bli bruk som logo. Du kan også last opp en «favicon.ico» hvis ønskelig. Dersom du bruker en lukket wiki er det anbefalt at du setter rettighetene for navnerommet «wiki», eller «rot» til å være lesbar for alle (world-readable). Hvis ikke vil din logo bare vises for brukere som er logget inn i wikien. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/pl/lang.php b/templates/55/MindTheDark/lang/pl/lang.php new file mode 100644 index 0000000..624f638 --- /dev/null +++ b/templates/55/MindTheDark/lang/pl/lang.php @@ -0,0 +1,17 @@ + + */ +$lang['__background_site__'] = 'Kolor tła za polem zawartości'; +$lang['__link__'] = 'Kolor łącza'; +$lang['__existing__'] = 'Kolor łącza do istniejącej strony'; +$lang['__missing__'] = 'Kolor łącza do nieistniejącej strony'; +$lang['__site_width__'] = 'Szerokość pełnej strony (możliwa dowolna jednostka długości: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Szerokość paska bocznego, jeśli istnieje (możliwa dowolna jednostka długości: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Szerokość ekrany poniżej której, strona przełączy się w tryb tabletu'; +$lang['__phone_width__'] = 'Szerokość ekrany poniżej której, strona przełączy się w tryb telefonu'; +$lang['__pre_text_color__'] = 'Kolor for inline code text formatting'; +$lang['__pre_background_color__'] = 'Kolor tła formatowania kodu liniowego'; \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/pl/style.txt b/templates/55/MindTheDark/lang/pl/style.txt new file mode 100644 index 0000000..7db0465 --- /dev/null +++ b/templates/55/MindTheDark/lang/pl/style.txt @@ -0,0 +1 @@ +Jeśli chcesz dostosować logo, po użyj Menadżera multimediów, aby przesłać plik "logo.png" do "wiki" lub głównego katalogu a zostanie on automatycznie użyty. Możesz również załadować tam plik "favicon.ico". Jeśli używasz zamkniętej wiki, zaleca się, aby na liście ACL katalogu "wiki" (lub root) włączyć prawo odczytu. W przeciwnym przypadku twoje logo nie będzie widoczne dla niezalogowanych użytkowników. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/pt-br/lang.php b/templates/55/MindTheDark/lang/pt-br/lang.php new file mode 100644 index 0000000..edf8ec9 --- /dev/null +++ b/templates/55/MindTheDark/lang/pt-br/lang.php @@ -0,0 +1,15 @@ + + */ +$lang['__background_site__'] = 'Cor para o fundo da tela (atrás da caixa de conteúdo)'; +$lang['__link__'] = 'Cor dos links gerais'; +$lang['__existing__'] = 'Cor dos links para páginas existentes'; +$lang['__missing__'] = 'Cor dos links para páginas não existentes'; +$lang['__site_width__'] = 'Largura do site inteiro (pode ser qualquer unidade: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Largura da barra lateral, caso exista (pode ser qualquer unidade: %, px, em, ...)'; +$lang['__tablet_width__'] = 'Em larguras abaixo dessa medida, o site mudará para o modo tablet'; +$lang['__phone_width__'] = 'Em larguras abaixo dessa medida, o site mudará para o modo telefone'; diff --git a/templates/55/MindTheDark/lang/pt-br/style.txt b/templates/55/MindTheDark/lang/pt-br/style.txt new file mode 100644 index 0000000..52475d8 --- /dev/null +++ b/templates/55/MindTheDark/lang/pt-br/style.txt @@ -0,0 +1 @@ +Caso queira ajustar a logo, use o Gerenciador de Mídias para enviar um "logo.png" para o espaço de nomes "wiki" ou para a raiz e ele será automaticamente usado. Você também pode enviar um "favicon.ico". Caso o seu wiki seja fechado, é recomendável que o espaço de nomes "wiki" (ou a raiz) tenha permissão de leitura nas configurações de ACL, caso contrário a sua logo não será exibida para usuários não autenticados. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/ru/lang.php b/templates/55/MindTheDark/lang/ru/lang.php new file mode 100644 index 0000000..4f5c93c --- /dev/null +++ b/templates/55/MindTheDark/lang/ru/lang.php @@ -0,0 +1,18 @@ + + * @author RainbowSpike <1@2.ru> + * @author Aleksandr Selivanov + */ +$lang['__background_site__'] = 'Цвет для дальнего фона (за окном содержимого)'; +$lang['__link__'] = 'Основной цвет ссылок'; +$lang['__existing__'] = 'Цвет ссылок на существующие страницы'; +$lang['__missing__'] = 'Цвет ссылок на несуществующие страницы'; +$lang['__site_width__'] = 'Ширина всего сайта (любые CSS-единицы: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Ширина боковой панели, если есть (любые CSS-единицы)'; +$lang['__tablet_width__'] = 'Переключать сайт в планшетный вид ниже ширины'; +$lang['__phone_width__'] = 'Переключать сайт в мобильный вид ниже ширины'; +$lang['__theme_color__'] = 'Цвет темы веб-приложения'; diff --git a/templates/55/MindTheDark/lang/ru/style.txt b/templates/55/MindTheDark/lang/ru/style.txt new file mode 100644 index 0000000..fe60415 --- /dev/null +++ b/templates/55/MindTheDark/lang/ru/style.txt @@ -0,0 +1 @@ +Если вы хотите изменить логотип, просто используйте «Управление медиафайлами» для загрузки файла ''logo.png'' в корневое пространство имён или ''wiki'', и тогда он будет использоваться автоматически. Туда же вы можете загрузить ''favicon.ico''. Если у вас закрытая вики, рекомендуется указать права на «чтение» в списках контроля доступа для пространства имён ''wiki'' (или корневое), иначе логотип не будет показываться незалогинившимся пользователям. \ No newline at end of file diff --git a/templates/55/MindTheDark/lang/sk/lang.php b/templates/55/MindTheDark/lang/sk/lang.php new file mode 100644 index 0000000..ad200d3 --- /dev/null +++ b/templates/55/MindTheDark/lang/sk/lang.php @@ -0,0 +1,11 @@ + + */ +$lang['__background_site__'] = 'Farba základného pozadia (za oknom s obsahom)'; +$lang['__link__'] = 'Všeobecná farba odkazu'; +$lang['__existing__'] = 'Farba odkazov na existujúce stránky'; +$lang['__missing__'] = 'Farba odkazov na neexistujúce stránky'; diff --git a/templates/55/MindTheDark/lang/sv/lang.php b/templates/55/MindTheDark/lang/sv/lang.php new file mode 100644 index 0000000..6fdf423 --- /dev/null +++ b/templates/55/MindTheDark/lang/sv/lang.php @@ -0,0 +1,12 @@ + + */ +$lang['__link__'] = 'Den generella länkfärgen'; +$lang['__existing__'] = 'Färg på länkar till existerande sidor'; +$lang['__missing__'] = 'Färg på länkar till sidor som inte finns'; +$lang['__site_width__'] = 'Bredden på hela webbsidan (kan anges i valfri längdenhet: %, px, em, ...)'; +$lang['__sidebar_width__'] = 'Bredden på sidokolumnen, om existerande (kan anges i valfri längdenhet: %, px, em, ...)'; diff --git a/templates/55/MindTheDark/lang/zh/lang.php b/templates/55/MindTheDark/lang/zh/lang.php new file mode 100644 index 0000000..a9a284f --- /dev/null +++ b/templates/55/MindTheDark/lang/zh/lang.php @@ -0,0 +1,15 @@ + + */ +$lang['__background_site__'] = '特别背景的颜色 (内容框后面)'; +$lang['__link__'] = '一般链接的颜色'; +$lang['__existing__'] = '指向存在的页面的链接颜色'; +$lang['__missing__'] = '指向不存在的页面的链接颜色'; +$lang['__site_width__'] = '全站的宽度 (可以是任何长度单位：%，px，em，...)'; +$lang['__sidebar_width__'] = '侧边栏的宽度 (如有，可以是任何长度单位：%，px，em，...)'; +$lang['__tablet_width__'] = '当屏幕尺寸小于这个宽度，站点切换到平板模式'; +$lang['__phone_width__'] = '当屏幕尺寸小于这个宽度，站点切换到手机模式'; diff --git a/templates/55/MindTheDark/lang/zh/style.txt b/templates/55/MindTheDark/lang/zh/style.txt new file mode 100644 index 0000000..79467c2 --- /dev/null +++ b/templates/55/MindTheDark/lang/zh/style.txt @@ -0,0 +1 @@ +如果您想调整 Logo，只需使用媒体管理器将“logo.png”上传到“wiki”或者根命名空间下。您也可以同样上传一个“favicon.ico”。如果您采用的是封闭维基，建议在ACL设置中将“wiki” (或者根) 命名空间设置为全局可读，否则未登录用户无法看到您的 Logo。 \ No newline at end of file diff --git a/templates/55/MindTheDark/main.php b/templates/55/MindTheDark/main.php new file mode 100644 index 0000000..8d5a035 --- /dev/null +++ b/templates/55/MindTheDark/main.php @@ -0,0 +1,127 @@ + + * @author Clarence Lee + * @license GPL 2 (http://www.gnu.org/licenses/gpl.html) + */ + +if (!defined('DOKU_INC')) die(); /* must be run from within DokuWiki */ +header('X-UA-Compatible: IE=edge,chrome=1'); + +$hasSidebar = page_findnearest($conf['sidebar']); +$showSidebar = $hasSidebar && ($ACT=='show'); + +/** + * MindTheDark theme settings ****************************************************** + */ +$configUserChoice = tpl_getConf('userChoice'); +$configAutoDark = tpl_getConf('autoDark'); +$theme = tpl_getConf('theme'); + +if ($configAutoDark) { + $theme = "auto"; +} + +if ($configUserChoice && isset($_COOKIE["theme"])) { + $theme = $_COOKIE["theme"]; +} + +// MindTheDark additional plugins +$pluginNote = "0"; +if (tpl_getConf('pluginNote')) { + $pluginNote = "1"; +} +$pluginWrap = "0"; +if (tpl_getConf('pluginWrap')) { + $pluginWrap = "1"; +} + +/** + * ********************************************************************************* + */ + +?> + + + + + <?php tpl_pagetitle() ?> [<?php echo strip_tags($conf['title']) ?>] + + + + + + + + + +
+ + + +
+ + + +
+

+
+ + + + +
+
+ + + +
+ + +
+ +
+ + + + + + +
+ +
+ + +
+ +
+ + +
+

+
+
    + getListItems(); ?> +
+
+
+
+ + + +
+ +
+
+ + diff --git a/templates/55/MindTheDark/mediamanager.php b/templates/55/MindTheDark/mediamanager.php new file mode 100644 index 0000000..53ed062 --- /dev/null +++ b/templates/55/MindTheDark/mediamanager.php @@ -0,0 +1,44 @@ + + * @license GPL 2 (http://www.gnu.org/licenses/gpl.html) + */ +// must be run from within DokuWiki +if (!defined('DOKU_INC')) die(); +header('X-UA-Compatible: IE=edge,chrome=1'); + +?> + + + + + <?php echo hsc($lang['mediaselect'])?> + [<?php echo strip_tags($conf['title'])?>] + + + + + + + + + +
+ +
+

+ + +
+ + +
+ +
+ +
+
+ + diff --git a/templates/55/MindTheDark/screenshot/screenshot_note_plugin.png b/templates/55/MindTheDark/screenshot/screenshot_note_plugin.png new file mode 100644 index 0000000..bb7113c Binary files /dev/null and b/templates/55/MindTheDark/screenshot/screenshot_note_plugin.png differ diff --git a/templates/55/MindTheDark/screenshot/screenshot_theme.png b/templates/55/MindTheDark/screenshot/screenshot_theme.png new file mode 100644 index 0000000..5bb97bf Binary files /dev/null and b/templates/55/MindTheDark/screenshot/screenshot_theme.png differ diff --git a/templates/55/MindTheDark/screenshot/screenshot_toggle.png b/templates/55/MindTheDark/screenshot/screenshot_toggle.png new file mode 100644 index 0000000..36921a9 Binary files /dev/null and b/templates/55/MindTheDark/screenshot/screenshot_toggle.png differ diff --git a/templates/55/MindTheDark/script.js b/templates/55/MindTheDark/script.js new file mode 100644 index 0000000..69014f9 --- /dev/null +++ b/templates/55/MindTheDark/script.js @@ -0,0 +1,104 @@ +/** + * We handle several device classes based on browser width. + * + * - desktop: > __tablet_width__ (as set in style.ini) + * - mobile: + * - tablet <= __tablet_width__ + * - phone <= __phone_width__ + */ +var device_class = ''; // not yet known +var device_classes = 'desktop mobile tablet phone'; + +function tpl_dokuwiki_mobile(){ + + // the z-index in mobile.css is (mis-)used purely for detecting the screen mode here + var screen_mode = jQuery('#screen__mode').css('z-index') + ''; + + // determine our device pattern + // TODO: consider moving into dokuwiki core + switch (screen_mode) { + case '1': + if (device_class.match(/tablet/)) return; + device_class = 'mobile tablet'; + break; + case '2': + if (device_class.match(/phone/)) return; + device_class = 'mobile phone'; + break; + default: + if (device_class == 'desktop') return; + device_class = 'desktop'; + } + + jQuery('html').removeClass(device_classes).addClass(device_class); + + // handle some layout changes based on change in device + var $handle = jQuery('#dokuwiki__aside h3.toggle'); + var $toc = jQuery('#dw__toc h3'); + + if (device_class == 'desktop') { + // reset for desktop mode + if($handle.length) { + $handle[0].setState(1); + $handle.hide(); + } + if($toc.length) { + $toc[0].setState(1); + } + } + if (device_class.match(/mobile/)){ + // toc and sidebar hiding + if($handle.length) { + $handle.show(); + $handle[0].setState(-1); + } + if($toc.length) { + $toc[0].setState(-1); + } + } +} + +jQuery(function(){ + var resizeTimer; + dw_page.makeToggle('#dokuwiki__aside h3.toggle','#dokuwiki__aside div.content'); + + tpl_dokuwiki_mobile(); + jQuery(window).on('resize', + function(){ + if (resizeTimer) clearTimeout(resizeTimer); + resizeTimer = setTimeout(tpl_dokuwiki_mobile,200); + } + ); + + // increase sidebar length to match content (desktop mode only) + var $sidebar = jQuery('.desktop #dokuwiki__aside'); + if($sidebar.length) { + var $content = jQuery('#dokuwiki__content div.page'); + $content.css('min-height', $sidebar.height()); + } +}); + +jQuery(function() { + + var $mode = jQuery('html').attr('theme'); //gets the current theme + + //If ThemeSwitch Link gets clicked + jQuery('#themeSwitch').click(tpl_themeSwitch); + jQuery('#themeSwitchMobile').click(tpl_themeSwitch); + + function tpl_themeSwitch() { + + jQuery(this).blur(); //remove focus on button + $mode = jQuery('html').attr('theme'); //gets the current theme + + if ($mode == 'light') { + jQuery('html').attr('theme', 'dark'); + document.cookie = "theme=dark; expires=Wed, 05 Aug 2039 23:00:00 UTC; path=/" + } + + if ($mode == 'dark' || $mode == 'auto' || $mode == null) { + jQuery('html').attr('theme', 'light'); + document.cookie = "theme=light; expires=Wed, 05 Aug 2039 23:00:00 UTC; path=/" + } + } +}); \ No newline at end of file diff --git a/templates/55/MindTheDark/style.ini b/templates/55/MindTheDark/style.ini new file mode 100644 index 0000000..0e1ad4b --- /dev/null +++ b/templates/55/MindTheDark/style.ini @@ -0,0 +1,159 @@ +; Please see http://php.net/manual/en/function.parse-ini-file.php +; for limitations of the ini format used here + +; To extend this file or make changes to it, it is recommended to create +; a local conf/tpl//style.ini file to prevent losing +; any changes after an upgrade. +; Please don't forget to copy the section your changes should be under +; (i.e. [stylesheets] or [replacements]) into that file as well. + +; Define the stylesheets your template uses here. The second value +; defines for which output media the style should be loaded. Currently +; print, screen and all are supported. +; You can reference CSS and LESS files here. Files referenced here will +; be checked for updates when considering a cache rebuild while files +; included through LESS' @import statements are not + +[stylesheets] + +css/basic.less = screen +css/_imgdetail.css = screen +css/_media_popup.css = screen +css/_media_fullscreen.css = screen +css/_fileuploader.css = screen +css/_tabs.css = screen +css/_links.css = screen +css/_toc.css = screen +css/_footnotes.css = screen +css/_search.less = screen +css/_recent.css = screen +css/_diff.css = screen +css/_edit.css = screen +css/_modal.css = screen +css/_forms.css = screen +css/_admin.less = screen +css/_autocolor.less = screen +css/_geshi_dark.less = screen +css/_plugin_note.less = screen +css/_plugin_wrap.less = screen +css/structure.less = screen +css/design.less = screen +css/usertools.less = screen +css/pagetools.less = screen +css/content.less = screen + +css/mobile.less = all +css/print.css = print + + +; This section is used to configure some placeholder values used in +; the stylesheets. Changing this file is the simplest method to +; give your wiki a new look. +; Placeholders defined here will also be made available as LESS variables +; (with surrounding underscores removed, and the prefix @ini_ added) + +[replacements] + +;-------------------------------------------------------------------------- +;------ guaranteed dokuwiki color placeholders that every plugin can use + +; These are the default colors of the light template + +; main text and background colors +__text__ = "#333333" +__background__ = "#ffffff" +; alternative text and background colors +__text_alt__ = "#999999" +__background_alt__ = "#eeeeee" +; neutral text and background colors +__text_neu__ = "#666666" +__background_neu__ = "#dddddd" +; border color +__border__ = "#cccccc" + +; highlighted text (e.g. search snippets) +__highlight__ = "#ffff99" + +; default link color +__link__ = "#2b73b7" + +;-------------------------------------------------------------------------- + +; background of the page +__background_site__ = "#eff2f8" + +; pre (inline code) +__pre_text_color__ = "#b10000" +__pre_background_color__ = "#f0d2d2" + +; selection color +__selection_color__ = "#ffffff" +__selection_background_color__ = "#3584e4" + +; these are used for links +__existing__ = "#2b73b7" +__missing__ = "#ff3300" + +; scrollbar +__scrollbar_color_track__ = "#cbcdd1" +__scrollbar_color_thumb__ = "#9a9ca1" + +;-------------------------------------------------------------------------- + +; These are the default colors of the dark template + +; main text and background colors +__text_color_dark__ = "#bababa" +__background_color_dark__ = "#1e1e1e" +; alternative text and background colors +__text_alt_color_dark__ = "#bababa" +__background_alt_color_dark__ = "#333333" +; neutral text and background colors +__text_neu_color_dark__ = "#dddddd" +__background_neu_color_dark__ = "#666666" +; border color +__border_color_dark__ = "#333333" + +; highlighted text (e.g. search snippets) +__highlight_color_dark__ = "#ffff99" + +; default link color +__link_color_dark__ = "#569cd6" + +; background of the page +__background_site_color_dark__ = "#252526" + +; pre (inline code) +__pre_text_color_dark__ = "#bca27b" +__pre_background_color_dark__ = "#37373d" + +; selection color +__selection_color_dark__ = "#ffffff" +__selection_background_color_dark__ = "#275c9c" + +; these are used for links +__existing_color_dark__ = "#569cd6" +__missing_color_dark__ = "#cd2a00" + +; scrollbar +__scrollbar_track_color_dark__ = "#2c2c2c" +__scrollbar_thumb_color_dark__ = "#4c4c4c" + +;-------------------------------------------------------------------------- + + +; site and sidebar widths +__site_width__ = "99%" ; @ini_site_width +__sidebar_width__ = "16em" ; @ini_sidebar_width + +; cut off points for mobile devices +__tablet_width__ = "800px" ; @ini_tablet_width +__phone_width__ = "480px" ; @ini_phone_width + +__theme_color__ = "#008800" ; @_ini_theme_color: theme_color of the web app + +; base colors for note plugin +__note_plugin_classic_color__ = "#e6e6ff" +__note_plugin_important_color__ = "#ffffc9" +__note_plugin_warning_color__ = "#ffdddd" +__note_plugin_tip_color__ = "#ddffdd" diff --git a/templates/55/MindTheDark/template.info.txt b/templates/55/MindTheDark/template.info.txt new file mode 100644 index 0000000..487282d --- /dev/null +++ b/templates/55/MindTheDark/template.info.txt @@ -0,0 +1,7 @@ +base mindthedark +author Remo Scheidegger +email mindthedark@mailbox.org +date 2025-03-17 +name MindTheDark Template +desc This template respects the choice of a dark theme of the user. +url https://www.dokuwiki.org/template:mindthedark \ No newline at end of file diff --git a/templates/55/MindTheDark/tpl_footer.php b/templates/55/MindTheDark/tpl_footer.php new file mode 100644 index 0000000..34e8b90 --- /dev/null +++ b/templates/55/MindTheDark/tpl_footer.php @@ -0,0 +1,33 @@ + + + +
+ + +
+ + >Donate + >Powered by PHP + >Valid HTML5 + >Valid CSS + >Driven by DokuWiki +
+
+ + + + +
+ + + +
+ + +

'.$conf['title'].'', + 'accesskey="h" title="[H]"' + ); + ?>

+ +

+ +
+ +
+ + +
+

+
    + '; + tpl_userinfo(); /* 'Logged in as ...' */ + echo ''; + } + ?> + + +
  • + + + + +
    • + + + getListItems('action '); + ?> +
+
+ + + +
+

+ +
+ getDropdown($lang['tools']); ?> +
+
    + getListItems('action ', false); ?> +
+
+ +
+ + + +
+ +
+ + +
+ +
+ + +
+