Commit bec0ea4cd3f2e703136fe52897bcf554a80b3ed7
1 parent
0233a34ef1
Exists in
master
Les templates sont renommés pour laisser les Defaults de base
accessibles.
Showing 10 changed files Inline Diff
- templates/html/Default.html
- templates/html/Default/common
- templates/html/Default_with_index.html
- templates/html/Default_with_index/common
- templates/html/Print.html
- templates/html/Wize.html
- templates/html/Wize/common
- templates/html/Wize_Print.html
- templates/html/Wize_with_index.html
- templates/html/Wize_with_index/common
templates/html/Default.html
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | 1 | File was deleted | ||
| <html> | 2 | |||
| <head> | 3 | |||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 4 | |||
| <title>[% title %]</title> | 5 | |||
| <meta name='Generator' content='[% generator.name %]'> | 6 | |||
| <link rel="stylesheet" | 7 | |||
| href="[% resource('common/zim-variables.css') %]" > | 8 | |||
| <link rel="stylesheet" | 9 | |||
| href="[% resource('common/zim-style.css') %]" > | 10 | |||
| <link rel="stylesheet" | 11 | |||
| href="[% resource('common/zim-table-style.css') %]" > | 12 | |||
| <link rel="stylesheet" | 13 | |||
| href="[% resource('common/zim-special.css') %]" > | 14 | |||
| <link rel="stylesheet" | 15 | |||
| href="[% resource('common/zim-hljs.css') %]" > | 16 | |||
| 17 | ||||
| <style type='text/css'> | 18 | |||
| * { font-family: sans-serif } | 19 | |||
| 20 | ||||
| a:hover { text-decoration: underline; } | 21 | |||
| 22 | ||||
| /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | 23 | |||
| img { | 24 | |||
| display: block; | 25 | |||
| margin-left: auto; | 26 | |||
| margin-right: auto; | 27 | |||
| } | 28 | |||
| 29 | ||||
| .pages { | 30 | |||
| /*max-width: 1000px;*/ | 31 | |||
| /*padding-left: 320px;*/ | 32 | |||
| width: inherit; | 33 | |||
| transition: margin-left .3s; | 34 | |||
| background: white; | 35 | |||
| padding-left: 10px; | 36 | |||
| padding-right: 10px; | 37 | |||
| padding-bottom: 20px; | 38 | |||
| padding-top: 10px; | 39 | |||
| } | 40 | |||
| 41 | ||||
| .header{ | 42 | |||
| max-width: var(--main-page-width); | 43 | |||
| position: fixed; | 44 | |||
| width: 100%; | 45 | |||
| top:0; | 46 | |||
| background:white; | 47 | |||
| z-index: 1; | 48 | |||
| } | 49 | |||
| 50 | ||||
| hr{ | 51 | |||
| clear:both; | 52 | |||
| border-style: solid; | 53 | |||
| border-width: 1px; | 54 | |||
| border-color: var(--main-header-color); | 55 | |||
| } | 56 | |||
| 57 | ||||
| body { | 58 | |||
| max-width: var(--main-page-width); | 59 | |||
| display:block; | 60 | |||
| margin-left:auto; | 61 | |||
| margin-right:auto; | 62 | |||
| background: var(--main-body-background-color); | 63 | |||
| } | 64 | |||
| 65 | ||||
| .intercalaire { | 66 | |||
| background:white; | 67 | |||
| margin-top: 48px; | 68 | |||
| padding: 10px; | 69 | |||
| } | 70 | |||
| 71 | ||||
| .bold-footer { | 72 | |||
| color: var(--main-header-color); | 73 | |||
| } | 74 | |||
| 75 | ||||
| </style> | 76 | |||
| 77 | ||||
| <!-- Themes clair : | 78 | |||
| atom-one-light.css, vs.css googlecode.css github.css | 79 | |||
| qtcreator_light.css | 80 | |||
| Themes sombres : | 81 | |||
| agate.css vs2015.css atom-one-dark.css hybrid.css | 82 | |||
| ir-black.css sunburst.css tomorrow-night-bright.css | 83 | |||
| qtcreator_dark.css | 84 | |||
| Demo live : https://highlightjs.org/static/demo/ --> | 85 | |||
| <link rel="stylesheet" | 86 | |||
| href="[% resource('common/hljs/styles/sunburst.css') %]" > | 87 | |||
| 88 | ||||
| <!-- hljs --> | 89 | |||
| <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | 90 | |||
| 91 | ||||
| </head> | 92 | |||
| <body> | 93 | |||
| 94 | ||||
| [% options.empty_lines = "default" %] | 95 | |||
| 96 | ||||
| <div class='header'> | 97 | |||
| <table class='navigation' style="float:left"> | 98 | |||
| <tr class='navigation'> | 99 | |||
| <td class='navigation'> | 100 | |||
| [% IF navigation.prev %] | 101 | |||
| <a href='[% uri(navigation.prev) %]'> | 102 | |||
| <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | 103 | |||
| </a> | 104 | |||
| [% ELSE %] | 105 | |||
| <!-- | 106 | |||
| <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | 107 | |||
| --> | 108 | |||
| [% END %] | 109 | |||
| </td> | 110 | |||
| <td class='navigation'> | 111 | |||
| [% IF links.get("index") %] | 112 | |||
| <a href='[% uri(links.get("index")) %]'> | 113 | |||
| <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | 114 | |||
| </a> | 115 | |||
| [% ELSE %] | 116 | |||
| <!-- | 117 | |||
| <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | 118 | |||
| --> | 119 | |||
| [% END %] | 120 | |||
| </td> | 121 | |||
| <td class='navigation'> | 122 | |||
| [% IF navigation.next %] | 123 | |||
| <a href='[% uri(navigation.next) %]'> | 124 | |||
| <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | 125 | |||
| </a> | 126 | |||
| [% ELSE %] | 127 | |||
| <!-- | 128 | |||
| <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | 129 | |||
| --> | 130 | |||
| [% END %] | 131 | |||
| </td> | 132 | |||
| </tr> | 133 | |||
| </table> | 134 | |||
| 135 | ||||
| <span> | 136 | |||
| [% FOR page IN pages %] | 137 | |||
| <a name='[% anchor(page) %]'></a> | 138 | |||
| <h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> | 139 | |||
| [% page.title %]</h1> | 140 | |||
| [% END %] | 141 | |||
| </span> | 142 | |||
| 143 | ||||
| <table class='navigation' style="float:right;margin-right:10px;"> | 144 | |||
| <tr class='navigation'> | 145 | |||
| <td class='navigation'> | 146 | |||
| [% FOR page IN pages %] | 147 | |||
| [% FOR link IN page.backlinks %] | 148 | |||
| [% IF loop.first %]<a href="#backlinks"> | 149 | |||
| <img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> | 150 | |||
| </a>[% END %] | 151 | |||
| [% END %] | 152 | |||
| [% END %] | 153 | |||
| </td> | 154 | |||
| <td class='navigation'> | 155 | |||
| [% FOR page IN pages %] | 156 | |||
| [% FOR file IN page.attachments %] | 157 | |||
| [% IF loop.first %]<a href="#attach"> | 158 | |||
| <img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> | 159 | |||
| </a>[% END %] | 160 | |||
| [% END %] | 161 | |||
| [% END %] | 162 | |||
| </td> | 163 | |||
| </tr> | 164 | |||
| </table> | 165 | |||
| </div> | 166 | |||
| 167 | ||||
| <div class="intercalaire"> | 168 | |||
| <hr /> | 169 | |||
| </div> | 170 | |||
| 171 | ||||
| <!-- Wiki content --> | 172 | |||
| 173 | ||||
| <div class='pages'> | 174 | |||
| <!--[% FOR page IN pages %]--> | 175 | |||
| <!-- | 176 | |||
| <div class='heading'> | 177 | |||
| <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | 178 | |||
| </div> | 179 | |||
| --> | 180 | |||
| 181 | ||||
| <div class='content'> | 182 | |||
| [% page.body %] | 183 | |||
| </div> | 184 | |||
| 185 | ||||
| <br /> | 186 | |||
| 187 | ||||
| <div class='page-footer'> | 188 | |||
| <!--[% FOR link IN page.backlinks %]--> | 189 |
templates/html/Default/common
| ../common | 1 | File was deleted |
templates/html/Default_with_index.html
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | 1 | File was deleted | ||
| <html> | 2 | |||
| <head> | 3 | |||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 4 | |||
| <title>[% title %]</title> | 5 | |||
| <meta name='Generator' content='[% generator.name %]'> | 6 | |||
| <link rel="stylesheet" | 7 | |||
| href="[% resource('common/zim-variables.css') %]" > | 8 | |||
| <link rel="stylesheet" | 9 | |||
| href="[% resource('common/zim-style.css') %]" > | 10 | |||
| <link rel="stylesheet" | 11 | |||
| href="[% resource('common/zim-table-style.css') %]" > | 12 | |||
| <link rel="stylesheet" | 13 | |||
| href="[% resource('common/zim-special.css') %]" > | 14 | |||
| <link rel="stylesheet" | 15 | |||
| href="[% resource('common/zim-hljs.css') %]" > | 16 | |||
| 17 | ||||
| <style type='text/css'> | 18 | |||
| * { font-family: sans-serif } | 19 | |||
| 20 | ||||
| a:hover { text-decoration: underline; } | 21 | |||
| 22 | ||||
| /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | 23 | |||
| img { | 24 | |||
| display: block; | 25 | |||
| margin-left: auto; | 26 | |||
| margin-right: auto; | 27 | |||
| } | 28 | |||
| 29 | ||||
| /* Specifique au with index */ | 30 | |||
| span.insen { color: grey } | 31 | |||
| 32 | ||||
| .pages { | 33 | |||
| /*max-width: 1000px;*/ | 34 | |||
| /*padding-left: 320px;*/ | 35 | |||
| width: inherit; | 36 | |||
| transition: margin-left .3s; | 37 | |||
| background: white; | 38 | |||
| padding-left: 10px; | 39 | |||
| padding-right: 10px; | 40 | |||
| padding-bottom: 20px; | 41 | |||
| padding-top: 10px; | 42 | |||
| } | 43 | |||
| 44 | ||||
| .menu{ | 45 | |||
| /*float:left; */ | 46 | |||
| width: 0; | 47 | |||
| color:var(--main-header-color); | 48 | |||
| overflow-x: hidden; | 49 | |||
| position: absolute; | 50 | |||
| transition:.3s; | 51 | |||
| background: var(--main-menu-background-color); | 52 | |||
| border-style: solid; | 53 | |||
| border-width: 1px; | 54 | |||
| margin-left:-20px; | 55 | |||
| } | 56 | |||
| 57 | ||||
| .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { | 58 | |||
| color: var(--main-header-color); | 59 | |||
| } | 60 | |||
| 61 | ||||
| .menuOpen { | 62 | |||
| /*display: block;*/ | 63 | |||
| } | 64 | |||
| 65 | ||||
| .menuClosed { | 66 | |||
| border-style: unset; | 67 | |||
| } | 68 | |||
| 69 | ||||
| .header{ | 70 | |||
| max-width: var(--main-page-width); | 71 | |||
| position: fixed; | 72 | |||
| width: 100%; | 73 | |||
| top:0; | 74 | |||
| background:white; | 75 | |||
| z-index: 1; | 76 | |||
| } | 77 | |||
| 78 | ||||
| hr{ | 79 | |||
| clear:both; | 80 | |||
| border-style: solid; | 81 | |||
| border-width: 1px; | 82 | |||
| border-color: var(--main-header-color); | 83 | |||
| } | 84 | |||
| 85 | ||||
| body { | 86 | |||
| max-width: var(--main-page-width); | 87 | |||
| display:block; | 88 | |||
| margin-left:auto; | 89 | |||
| margin-right:auto; | 90 | |||
| background: var(--main-body-background-color); | 91 | |||
| } | 92 | |||
| 93 | ||||
| .intercalaire { | 94 | |||
| background:white; | 95 | |||
| margin-top: 48px; | 96 | |||
| padding: 10px; | 97 | |||
| } | 98 | |||
| 99 | ||||
| .bold-footer { | 100 | |||
| color: var(--main-header-color); | 101 | |||
| } | 102 | |||
| 103 | ||||
| </style> | 104 | |||
| 105 | ||||
| <!-- Themes clair : | 106 | |||
| atom-one-light.css, vs.css googlecode.css github.css | 107 | |||
| qtcreator_light.css | 108 | |||
| Themes sombres : | 109 | |||
| agate.css vs2015.css atom-one-dark.css hybrid.css | 110 | |||
| ir-black.css sunburst.css tomorrow-night-bright.css | 111 | |||
| qtcreator_dark.css | 112 | |||
| Demo live : https://highlightjs.org/static/demo/ --> | 113 | |||
| <link rel="stylesheet" | 114 | |||
| href="[% resource('common/hljs/styles/sunburst.css') %]" > | 115 | |||
| 116 | ||||
| <!-- hljs --> | 117 | |||
| <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | 118 | |||
| 119 | ||||
| <script> | 120 | |||
| function openNav() { | 121 | |||
| if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") { | 122 | |||
| document.getElementById("mySidenav").style.width = "300px"; | 123 | |||
| /*document.getElementById("main").style.marginLeft = "300px";*/ | 124 | |||
| document.getElementById("mySidenav").setAttribute("class","menu menuOpen"); | 125 | |||
| /* Scroll to top when opening menu */ | 126 | |||
| document.body.scrollTop = 0 | 127 | |||
| document.documentElement.scrollTop = 0; | 128 | |||
| } else { | 129 | |||
| document.getElementById("mySidenav").style.width = "0"; | 130 | |||
| /*document.getElementById("main").style.marginLeft = "0";*/ | 131 | |||
| document.getElementById("mySidenav").setAttribute("class","menu menuClosed"); | 132 | |||
| } | 133 | |||
| } | 134 | |||
| </script> | 135 | |||
| </head> | 136 | |||
| <body> | 137 | |||
| 138 | ||||
| <!-- Header --> | 139 | |||
| <div class='header'> | 140 | |||
| <table class='navigation' style="float:left"> | 141 | |||
| <tr class='navigation'> | 142 | |||
| <td class='navigation'> | 143 | |||
| <span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span> | 144 | |||
| </td> | 145 | |||
| <td class='navigation'> | 146 | |||
| [% IF navigation.prev %] | 147 | |||
| <a href='[% uri(navigation.prev) %]'> | 148 | |||
| <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | 149 | |||
| </a> | 150 | |||
| [% ELSE %] | 151 | |||
| <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | 152 | |||
| [% END %] | 153 | |||
| </td> | 154 | |||
| <td class='navigation'> | 155 | |||
| [% IF links.get("index") %] | 156 | |||
| <a href='[% uri(links.get("index")) %]'> | 157 | |||
| <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | 158 | |||
| </a> | 159 | |||
| [% ELSE %] | 160 | |||
| <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | 161 | |||
| [% END %] | 162 | |||
| </td> | 163 | |||
| <td class='navigation'> | 164 | |||
| [% IF navigation.next %] | 165 | |||
| <a href='[% uri(navigation.next) %]'> | 166 | |||
| <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | 167 | |||
| </a> | 168 | |||
| [% ELSE %] | 169 | |||
| <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | 170 | |||
| [% END %] | 171 | |||
| </td> | 172 | |||
| </tr> | 173 | |||
| </table> | 174 | |||
| 175 | ||||
| <span> | 176 | |||
| [% FOR page IN pages %] | 177 | |||
| <a name='[% anchor(page) %]'></a> | 178 | |||
| <h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> | 179 | |||
| [% page.title %]</h1> | 180 | |||
| [% END %] | 181 | |||
| </span> | 182 | |||
| 183 | ||||
| <table class='navigation' style="float:right;margin-right:10px;"> | 184 | |||
| <tr class='navigation'> | 185 | |||
| <td class='navigation'> | 186 | |||
| [% FOR page IN pages %] | 187 | |||
| [% FOR link IN page.backlinks %] | 188 | |||
| [% IF loop.first %]<a href="#backlinks"> | 189 | |||
| <img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> | 190 | |||
| </a>[% END %] | 191 | |||
| [% END %] | 192 | |||
| [% END %] | 193 | |||
| </td> | 194 | |||
| <td class='navigation'> | 195 | |||
| [% FOR page IN pages %] | 196 | |||
| [% FOR file IN page.attachments %] | 197 | |||
| [% IF loop.first %]<a href="#attach"> | 198 | |||
| <img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> | 199 | |||
| </a>[% END %] | 200 | |||
| [% END %] | 201 | |||
| [% END %] | 202 | |||
| </td> | 203 | |||
| </tr> | 204 | |||
| </table> | 205 | |||
| </div> | 206 | |||
| 207 | ||||
| <div class="intercalaire"> | 208 | |||
| <hr /> | 209 | |||
| </div> | 210 | |||
| 211 | ||||
| <div id="mySidenav" class="menu menuClosed"> | 212 | |||
| [% index() %] | 213 | |||
| </div> | 214 | |||
| 215 | ||||
| [% options.empty_lines = "default" %] | 216 | |||
| 217 | ||||
| <!-- Wiki content --> | 218 | |||
| 219 | ||||
| <div id="main" class='pages'> | 220 | |||
| <!--[% FOR page IN pages %]--> | 221 | |||
| <!-- | 222 | |||
| <div class='heading'> | 223 | |||
| <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | 224 | |||
| </div> | 225 | |||
| --> | 226 | |||
| <div class='content'> | 227 | |||
| [% page.body %] | 228 | |||
| </div> | 229 | |||
| 230 | ||||
| <br /> | 231 | |||
| 232 | ||||
| <div style="padding-bottom:10px;"> | 233 | |||
| <hr /> | 234 |
templates/html/Default_with_index/common
| ../common | 1 | File was deleted |
templates/html/Print.html
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | 1 | File was deleted | ||
| <html> | 2 | |||
| <head> | 3 | |||
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 4 | |||
| <title>[% title %]</title> | 5 | |||
| <meta name='Generator' content='[% generator.name %]'> | 6 | |||
| <!-- ATTENTION Le template Print ne supporte pas les ressources, | 7 | |||
| Il faut mettre des chemins absolus sur les fichiers :( --> | 8 | |||
| <link rel="stylesheet" | 9 | |||
| href="file:////home/daniau/.local/share/zim/templates/html/common/zim-variables.css" > | 10 | |||
| <link rel="stylesheet" | 11 | |||
| href="file:////home/daniau/.local/share/zim/templates/html/common/zim-style.css" > | 12 | |||
| <link rel="stylesheet" | 13 | |||
| href="file:////home/daniau/.local/share/zim/templates/html/common/zim-table-style.css" > | 14 | |||
| <link rel="stylesheet" | 15 | |||
| href="file:////home/daniau/.local/share/zim/templates/html/common/zim-special.css" > | 16 | |||
| <link rel="stylesheet" | 17 | |||
| href="file:////home/daniau/.local/share/zim/templates/html/common/zim-hljs.css" > | 18 | |||
| <style type='text/css'> | 19 | |||
| 20 | ||||
| * { font-family: serif } | 21 | |||
| 22 | ||||
| /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | 23 | |||
| /*img { | 24 | |||
| display: block; | 25 | |||
| margin-left: auto; | 26 | |||
| margin-right: auto; | 27 | |||
| }*/ | 28 | |||
| 29 | ||||
| </style> | 30 | |||
| 31 | ||||
| <!-- Themes clair : | 32 | |||
| atom-one-light.css, vs.css | 33 | |||
| Themes sombres : | 34 | |||
| agate.css, vs2015.css, atom-one-dark.css | 35 | |||
| Demo live : https://highlightjs.org/static/demo/ --> | 36 | |||
| <link rel="stylesheet" | 37 | |||
| href="file:////home/daniau/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" > | 38 | |||
| 39 | ||||
| <!-- hljs --> | 40 | |||
| <script src="file:////home/daniau/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script> | 41 | |||
| 42 | ||||
| </head> | 43 | |||
| <body> | 44 | |||
| 45 | ||||
| [% options.empty_lines = "default" %] | 46 | |||
| 47 |
templates/html/Wize.html
| File was created | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | ||
| 2 | <html> | |||
| 3 | <head> | |||
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |||
| 5 | <title>[% title %]</title> | |||
| 6 | <meta name='Generator' content='[% generator.name %]'> | |||
| 7 | <link rel="stylesheet" | |||
| 8 | href="[% resource('common/zim-variables.css') %]" > | |||
| 9 | <link rel="stylesheet" | |||
| 10 | href="[% resource('common/zim-style.css') %]" > | |||
| 11 | <link rel="stylesheet" | |||
| 12 | href="[% resource('common/zim-table-style.css') %]" > | |||
| 13 | <link rel="stylesheet" | |||
| 14 | href="[% resource('common/zim-special.css') %]" > | |||
| 15 | <link rel="stylesheet" | |||
| 16 | href="[% resource('common/zim-hljs.css') %]" > | |||
| 17 | ||||
| 18 | <style type='text/css'> | |||
| 19 | * { font-family: sans-serif } | |||
| 20 | ||||
| 21 | a:hover { text-decoration: underline; } | |||
| 22 | ||||
| 23 | /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |||
| 24 | img { | |||
| 25 | display: block; | |||
| 26 | margin-left: auto; | |||
| 27 | margin-right: auto; | |||
| 28 | } | |||
| 29 | ||||
| 30 | .pages { | |||
| 31 | /*max-width: 1000px;*/ | |||
| 32 | /*padding-left: 320px;*/ | |||
| 33 | width: inherit; | |||
| 34 | transition: margin-left .3s; | |||
| 35 | background: white; | |||
| 36 | padding-left: 10px; | |||
| 37 | padding-right: 10px; | |||
| 38 | padding-bottom: 20px; | |||
| 39 | padding-top: 10px; | |||
| 40 | } | |||
| 41 | ||||
| 42 | .header{ | |||
| 43 | max-width: var(--main-page-width); | |||
| 44 | position: fixed; | |||
| 45 | width: 100%; | |||
| 46 | top:0; | |||
| 47 | background:white; | |||
| 48 | z-index: 1; | |||
| 49 | } | |||
| 50 | ||||
| 51 | hr{ | |||
| 52 | clear:both; | |||
| 53 | border-style: solid; | |||
| 54 | border-width: 1px; | |||
| 55 | border-color: var(--main-header-color); | |||
| 56 | } | |||
| 57 | ||||
| 58 | body { | |||
| 59 | max-width: var(--main-page-width); | |||
| 60 | display:block; | |||
| 61 | margin-left:auto; | |||
| 62 | margin-right:auto; | |||
| 63 | background: var(--main-body-background-color); | |||
| 64 | } | |||
| 65 | ||||
| 66 | .intercalaire { | |||
| 67 | background:white; | |||
| 68 | margin-top: 48px; | |||
| 69 | padding: 10px; | |||
| 70 | } | |||
| 71 | ||||
| 72 | .bold-footer { | |||
| 73 | color: var(--main-header-color); | |||
| 74 | } | |||
| 75 | ||||
| 76 | </style> | |||
| 77 | ||||
| 78 | <!-- Themes clair : | |||
| 79 | atom-one-light.css, vs.css googlecode.css github.css | |||
| 80 | qtcreator_light.css | |||
| 81 | Themes sombres : | |||
| 82 | agate.css vs2015.css atom-one-dark.css hybrid.css | |||
| 83 | ir-black.css sunburst.css tomorrow-night-bright.css | |||
| 84 | qtcreator_dark.css | |||
| 85 | Demo live : https://highlightjs.org/static/demo/ --> | |||
| 86 | <link rel="stylesheet" | |||
| 87 | href="[% resource('common/hljs/styles/sunburst.css') %]" > | |||
| 88 | ||||
| 89 | <!-- hljs --> | |||
| 90 | <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | |||
| 91 | ||||
| 92 | </head> | |||
| 93 | <body> | |||
| 94 | ||||
| 95 | [% options.empty_lines = "default" %] | |||
| 96 | ||||
| 97 | <div class='header'> | |||
| 98 | <table class='navigation' style="float:left"> | |||
| 99 | <tr class='navigation'> | |||
| 100 | <td class='navigation'> | |||
| 101 | [% IF navigation.prev %] | |||
| 102 | <a href='[% uri(navigation.prev) %]'> | |||
| 103 | <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |||
| 104 | </a> | |||
| 105 | [% ELSE %] | |||
| 106 | <!-- | |||
| 107 | <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |||
| 108 | --> | |||
| 109 | [% END %] | |||
| 110 | </td> | |||
| 111 | <td class='navigation'> | |||
| 112 | [% IF links.get("index") %] | |||
| 113 | <a href='[% uri(links.get("index")) %]'> | |||
| 114 | <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |||
| 115 | </a> | |||
| 116 | [% ELSE %] | |||
| 117 | <!-- | |||
| 118 | <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |||
| 119 | --> | |||
| 120 | [% END %] | |||
| 121 | </td> | |||
| 122 | <td class='navigation'> | |||
| 123 | [% IF navigation.next %] | |||
| 124 | <a href='[% uri(navigation.next) %]'> | |||
| 125 | <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |||
| 126 | </a> | |||
| 127 | [% ELSE %] | |||
| 128 | <!-- | |||
| 129 | <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |||
| 130 | --> | |||
| 131 | [% END %] | |||
| 132 | </td> | |||
| 133 | </tr> | |||
| 134 | </table> | |||
| 135 | ||||
| 136 | <span> | |||
| 137 | [% FOR page IN pages %] | |||
| 138 | <a name='[% anchor(page) %]'></a> | |||
| 139 | <h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> | |||
| 140 | [% page.title %]</h1> | |||
| 141 | [% END %] | |||
| 142 | </span> | |||
| 143 | ||||
| 144 | <table class='navigation' style="float:right;margin-right:10px;"> | |||
| 145 | <tr class='navigation'> | |||
| 146 | <td class='navigation'> | |||
| 147 | [% FOR page IN pages %] | |||
| 148 | [% FOR link IN page.backlinks %] | |||
| 149 | [% IF loop.first %]<a href="#backlinks"> | |||
| 150 | <img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> | |||
| 151 | </a>[% END %] | |||
| 152 | [% END %] | |||
| 153 | [% END %] | |||
| 154 | </td> | |||
| 155 | <td class='navigation'> | |||
| 156 | [% FOR page IN pages %] | |||
| 157 | [% FOR file IN page.attachments %] | |||
| 158 | [% IF loop.first %]<a href="#attach"> | |||
| 159 | <img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> | |||
| 160 | </a>[% END %] | |||
| 161 | [% END %] | |||
| 162 | [% END %] | |||
| 163 | </td> | |||
| 164 | </tr> | |||
| 165 | </table> | |||
| 166 | </div> | |||
| 167 | ||||
| 168 | <div class="intercalaire"> | |||
| 169 | <hr /> | |||
| 170 | </div> | |||
| 171 | ||||
| 172 | <!-- Wiki content --> | |||
| 173 | ||||
| 174 | <div class='pages'> | |||
| 175 | <!--[% FOR page IN pages %]--> | |||
| 176 | <!-- | |||
| 177 | <div class='heading'> | |||
| 178 | <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | |||
| 179 | </div> | |||
| 180 | --> | |||
| 181 | ||||
| 182 | <div class='content'> | |||
| 183 | [% page.body %] | |||
| 184 | </div> | |||
| 185 | ||||
| 186 | <br /> | |||
| 187 | ||||
| 188 | <div class='page-footer'> | |||
| 189 | <!--[% FOR link IN page.backlinks %]--> |
templates/html/Wize/common
| File was created | 1 | ../common |
templates/html/Wize_Print.html
| File was created | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | ||
| 2 | <html> | |||
| 3 | <head> | |||
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |||
| 5 | <title>[% title %]</title> | |||
| 6 | <meta name='Generator' content='[% generator.name %]'> | |||
| 7 | <!-- ATTENTION Le template Print ne supporte pas les ressources, | |||
| 8 | Il faut mettre des chemins absolus sur les fichiers :( --> | |||
| 9 | <link rel="stylesheet" | |||
| 10 | href="file:////home/daniau/.local/share/zim/templates/html/common/zim-variables.css" > | |||
| 11 | <link rel="stylesheet" | |||
| 12 | href="file:////home/daniau/.local/share/zim/templates/html/common/zim-style.css" > | |||
| 13 | <link rel="stylesheet" | |||
| 14 | href="file:////home/daniau/.local/share/zim/templates/html/common/zim-table-style.css" > | |||
| 15 | <link rel="stylesheet" | |||
| 16 | href="file:////home/daniau/.local/share/zim/templates/html/common/zim-special.css" > | |||
| 17 | <link rel="stylesheet" | |||
| 18 | href="file:////home/daniau/.local/share/zim/templates/html/common/zim-hljs.css" > | |||
| 19 | <style type='text/css'> | |||
| 20 | ||||
| 21 | * { font-family: serif } | |||
| 22 | ||||
| 23 | /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |||
| 24 | /*img { | |||
| 25 | display: block; | |||
| 26 | margin-left: auto; | |||
| 27 | margin-right: auto; | |||
| 28 | }*/ | |||
| 29 | ||||
| 30 | </style> | |||
| 31 | ||||
| 32 | <!-- Themes clair : | |||
| 33 | atom-one-light.css, vs.css | |||
| 34 | Themes sombres : | |||
| 35 | agate.css, vs2015.css, atom-one-dark.css | |||
| 36 | Demo live : https://highlightjs.org/static/demo/ --> | |||
| 37 | <link rel="stylesheet" | |||
| 38 | href="file:////home/daniau/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" > | |||
| 39 | ||||
| 40 | <!-- hljs --> | |||
| 41 | <script src="file:////home/daniau/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script> | |||
| 42 | ||||
| 43 | </head> | |||
| 44 | <body> | |||
| 45 | ||||
| 46 | [% options.empty_lines = "default" %] | |||
| 47 |
templates/html/Wize_with_index.html
| File was created | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | ||
| 2 | <html> | |||
| 3 | <head> | |||
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |||
| 5 | <title>[% title %]</title> | |||
| 6 | <meta name='Generator' content='[% generator.name %]'> | |||
| 7 | <link rel="stylesheet" | |||
| 8 | href="[% resource('common/zim-variables.css') %]" > | |||
| 9 | <link rel="stylesheet" | |||
| 10 | href="[% resource('common/zim-style.css') %]" > | |||
| 11 | <link rel="stylesheet" | |||
| 12 | href="[% resource('common/zim-table-style.css') %]" > | |||
| 13 | <link rel="stylesheet" | |||
| 14 | href="[% resource('common/zim-special.css') %]" > | |||
| 15 | <link rel="stylesheet" | |||
| 16 | href="[% resource('common/zim-hljs.css') %]" > | |||
| 17 | ||||
| 18 | <style type='text/css'> | |||
| 19 | * { font-family: sans-serif } | |||
| 20 | ||||
| 21 | a:hover { text-decoration: underline; } | |||
| 22 | ||||
| 23 | /* Centre les images mais elles sont coupées aux sauts de page à l'impression */ | |||
| 24 | img { | |||
| 25 | display: block; | |||
| 26 | margin-left: auto; | |||
| 27 | margin-right: auto; | |||
| 28 | } | |||
| 29 | ||||
| 30 | /* Specifique au with index */ | |||
| 31 | span.insen { color: grey } | |||
| 32 | ||||
| 33 | .pages { | |||
| 34 | /*max-width: 1000px;*/ | |||
| 35 | /*padding-left: 320px;*/ | |||
| 36 | width: inherit; | |||
| 37 | transition: margin-left .3s; | |||
| 38 | background: white; | |||
| 39 | padding-left: 10px; | |||
| 40 | padding-right: 10px; | |||
| 41 | padding-bottom: 20px; | |||
| 42 | padding-top: 10px; | |||
| 43 | } | |||
| 44 | ||||
| 45 | .menu{ | |||
| 46 | /*float:left; */ | |||
| 47 | width: 0; | |||
| 48 | color:var(--main-header-color); | |||
| 49 | overflow-x: hidden; | |||
| 50 | position: absolute; | |||
| 51 | transition:.3s; | |||
| 52 | background: var(--main-menu-background-color); | |||
| 53 | border-style: solid; | |||
| 54 | border-width: 1px; | |||
| 55 | margin-left:-20px; | |||
| 56 | } | |||
| 57 | ||||
| 58 | .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { | |||
| 59 | color: var(--main-header-color); | |||
| 60 | } | |||
| 61 | ||||
| 62 | .menuOpen { | |||
| 63 | /*display: block;*/ | |||
| 64 | } | |||
| 65 | ||||
| 66 | .menuClosed { | |||
| 67 | border-style: unset; | |||
| 68 | } | |||
| 69 | ||||
| 70 | .header{ | |||
| 71 | max-width: var(--main-page-width); | |||
| 72 | position: fixed; | |||
| 73 | width: 100%; | |||
| 74 | top:0; | |||
| 75 | background:white; | |||
| 76 | z-index: 1; | |||
| 77 | } | |||
| 78 | ||||
| 79 | hr{ | |||
| 80 | clear:both; | |||
| 81 | border-style: solid; | |||
| 82 | border-width: 1px; | |||
| 83 | border-color: var(--main-header-color); | |||
| 84 | } | |||
| 85 | ||||
| 86 | body { | |||
| 87 | max-width: var(--main-page-width); | |||
| 88 | display:block; | |||
| 89 | margin-left:auto; | |||
| 90 | margin-right:auto; | |||
| 91 | background: var(--main-body-background-color); | |||
| 92 | } | |||
| 93 | ||||
| 94 | .intercalaire { | |||
| 95 | background:white; | |||
| 96 | margin-top: 48px; | |||
| 97 | padding: 10px; | |||
| 98 | } | |||
| 99 | ||||
| 100 | .bold-footer { | |||
| 101 | color: var(--main-header-color); | |||
| 102 | } | |||
| 103 | ||||
| 104 | </style> | |||
| 105 | ||||
| 106 | <!-- Themes clair : | |||
| 107 | atom-one-light.css, vs.css googlecode.css github.css | |||
| 108 | qtcreator_light.css | |||
| 109 | Themes sombres : | |||
| 110 | agate.css vs2015.css atom-one-dark.css hybrid.css | |||
| 111 | ir-black.css sunburst.css tomorrow-night-bright.css | |||
| 112 | qtcreator_dark.css | |||
| 113 | Demo live : https://highlightjs.org/static/demo/ --> | |||
| 114 | <link rel="stylesheet" | |||
| 115 | href="[% resource('common/hljs/styles/sunburst.css') %]" > | |||
| 116 | ||||
| 117 | <!-- hljs --> | |||
| 118 | <script src="[% resource('common/hljs/highlight.pack.js') %]"></script> | |||
| 119 | ||||
| 120 | <script> | |||
| 121 | function openNav() { | |||
| 122 | if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") { | |||
| 123 | document.getElementById("mySidenav").style.width = "300px"; | |||
| 124 | /*document.getElementById("main").style.marginLeft = "300px";*/ | |||
| 125 | document.getElementById("mySidenav").setAttribute("class","menu menuOpen"); | |||
| 126 | /* Scroll to top when opening menu */ | |||
| 127 | document.body.scrollTop = 0 | |||
| 128 | document.documentElement.scrollTop = 0; | |||
| 129 | } else { | |||
| 130 | document.getElementById("mySidenav").style.width = "0"; | |||
| 131 | /*document.getElementById("main").style.marginLeft = "0";*/ | |||
| 132 | document.getElementById("mySidenav").setAttribute("class","menu menuClosed"); | |||
| 133 | } | |||
| 134 | } | |||
| 135 | </script> | |||
| 136 | </head> | |||
| 137 | <body> | |||
| 138 | ||||
| 139 | <!-- Header --> | |||
| 140 | <div class='header'> | |||
| 141 | <table class='navigation' style="float:left"> | |||
| 142 | <tr class='navigation'> | |||
| 143 | <td class='navigation'> | |||
| 144 | <span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span> | |||
| 145 | </td> | |||
| 146 | <td class='navigation'> | |||
| 147 | [% IF navigation.prev %] | |||
| 148 | <a href='[% uri(navigation.prev) %]'> | |||
| 149 | <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |||
| 150 | </a> | |||
| 151 | [% ELSE %] | |||
| 152 | <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> | |||
| 153 | [% END %] | |||
| 154 | </td> | |||
| 155 | <td class='navigation'> | |||
| 156 | [% IF links.get("index") %] | |||
| 157 | <a href='[% uri(links.get("index")) %]'> | |||
| 158 | <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |||
| 159 | </a> | |||
| 160 | [% ELSE %] | |||
| 161 | <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> | |||
| 162 | [% END %] | |||
| 163 | </td> | |||
| 164 | <td class='navigation'> | |||
| 165 | [% IF navigation.next %] | |||
| 166 | <a href='[% uri(navigation.next) %]'> | |||
| 167 | <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |||
| 168 | </a> | |||
| 169 | [% ELSE %] | |||
| 170 | <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> | |||
| 171 | [% END %] | |||
| 172 | </td> | |||
| 173 | </tr> | |||
| 174 | </table> | |||
| 175 | ||||
| 176 | <span> | |||
| 177 | [% FOR page IN pages %] | |||
| 178 | <a name='[% anchor(page) %]'></a> | |||
| 179 | <h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> | |||
| 180 | [% page.title %]</h1> | |||
| 181 | [% END %] | |||
| 182 | </span> | |||
| 183 | ||||
| 184 | <table class='navigation' style="float:right;margin-right:10px;"> | |||
| 185 | <tr class='navigation'> | |||
| 186 | <td class='navigation'> | |||
| 187 | [% FOR page IN pages %] | |||
| 188 | [% FOR link IN page.backlinks %] | |||
| 189 | [% IF loop.first %]<a href="#backlinks"> | |||
| 190 | <img src='[% resource("common/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> | |||
| 191 | </a>[% END %] | |||
| 192 | [% END %] | |||
| 193 | [% END %] | |||
| 194 | </td> | |||
| 195 | <td class='navigation'> | |||
| 196 | [% FOR page IN pages %] | |||
| 197 | [% FOR file IN page.attachments %] | |||
| 198 | [% IF loop.first %]<a href="#attach"> | |||
| 199 | <img src='[% resource("common/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> | |||
| 200 | </a>[% END %] | |||
| 201 | [% END %] | |||
| 202 | [% END %] | |||
| 203 | </td> | |||
| 204 | </tr> | |||
| 205 | </table> | |||
| 206 | </div> | |||
| 207 | ||||
| 208 | <div class="intercalaire"> | |||
| 209 | <hr /> | |||
| 210 | </div> | |||
| 211 | ||||
| 212 | <div id="mySidenav" class="menu menuClosed"> | |||
| 213 | [% index() %] | |||
| 214 | </div> | |||
| 215 | ||||
| 216 | [% options.empty_lines = "default" %] | |||
| 217 | ||||
| 218 | <!-- Wiki content --> | |||
| 219 | ||||
| 220 | <div id="main" class='pages'> | |||
| 221 | <!--[% FOR page IN pages %]--> | |||
| 222 | <!-- | |||
| 223 | <div class='heading'> | |||
| 224 | <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> | |||
| 225 | </div> | |||
| 226 | --> | |||
| 227 | <div class='content'> | |||
| 228 | [% page.body %] | |||
| 229 | </div> | |||
| 230 | ||||
| 231 | <br /> | |||
| 232 | ||||
| 233 | <div style="padding-bottom:10px;"> | |||
| 234 | <hr /> |
templates/html/Wize_with_index/common
| File was created | 1 | ../common |