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