William Daniau / wize

Download as
Browse Code »

Commit ae1da5d24e64597e644ab9ef086ee4f66b5a7597

Authored by William Daniau
1 parent 4fd76e81a2
Exists in master

On permet l'utilisation des #H5 dans les exports html "normaux"

Showing 5 changed files with 22 additions and 1 deletions Inline Diff

templates/html/Wize.html
Diff comments   View file @ ae1da5d
<!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="shortcut icon" 7 7 <link rel="shortcut icon"
href="[% resource('common-spec/favicon.ico') %]" > 8 8 href="[% resource('common-spec/favicon.ico') %]" >
<link rel="stylesheet" 9 9 <link rel="stylesheet"
href="[% resource('common-spec/zim-variables.css') %]" > 10 10 href="[% resource('common-spec/zim-variables.css') %]" >
<link rel="stylesheet" 11 11 <link rel="stylesheet"
href="[% resource('common/zim-style.css') %]" > 12 12 href="[% resource('common/zim-style.css') %]" >
<link rel="stylesheet" 13 13 <link rel="stylesheet"
href="[% resource('common/zim-table-style.css') %]" > 14 14 href="[% resource('common/zim-table-style.css') %]" >
<link rel="stylesheet" 15 15 <link rel="stylesheet"
href="[% resource('common/zim-special.css') %]" > 16 16 href="[% resource('common/zim-special.css') %]" >
<link rel="stylesheet" 17 17 <link rel="stylesheet"
href="[% resource('common/zim-hljs.css') %]" > 18 18 href="[% resource('common/zim-hljs.css') %]" >
<link rel="stylesheet" 19 19 <link rel="stylesheet"
href="[% resource('common-spec/zim-override.css') %]" > 20 20 href="[% resource('common-spec/zim-override.css') %]" >
21 21
22 22
<style type='text/css'> 23 23 <style type='text/css'>
* { font-family: sans-serif } 24 24 * { font-family: sans-serif }
25 25
a:hover { text-decoration: underline; } 26 26 a:hover { text-decoration: underline; }
27 27
/* Centre les images mais elles sont coupées aux sauts de page à l'impression */ 28 28 /* Centre les images mais elles sont coupées aux sauts de page à l'impression */
img { 29 29 img {
display: block; 30 30 display: block;
margin-left: auto; 31 31 margin-left: auto;
margin-right: auto; 32 32 margin-right: auto;
} 33 33 }
34 34
.pages { 35 35 .pages {
/*max-width: 1000px;*/ 36 36 /*max-width: 1000px;*/
/*padding-left: 320px;*/ 37 37 /*padding-left: 320px;*/
width: inherit; 38 38 width: inherit;
transition: margin-left .3s; 39 39 transition: margin-left .3s;
background: white; 40 40 background: white;
padding-left: 10px; 41 41 padding-left: 10px;
padding-right: 10px; 42 42 padding-right: 10px;
padding-bottom: 20px; 43 43 padding-bottom: 20px;
padding-top: 10px; 44 44 padding-top: 10px;
} 45 45 }
46 46
.header{ 47 47 .header{
max-width: var(--main-page-width); 48 48 max-width: var(--main-page-width);
position: fixed; 49 49 position: fixed;
width: 100%; 50 50 width: 100%;
top:0; 51 51 top:0;
background:white; 52 52 background:white;
z-index: 1; 53 53 z-index: 1;
} 54 54 }
55 55
hr{ 56 56 hr{
clear:both; 57 57 clear:both;
border-style: solid; 58 58 border-style: solid;
border-width: 1px; 59 59 border-width: 1px;
border-color: var(--main-header-color); 60 60 border-color: var(--main-header-color);
} 61 61 }
62 62
body { 63 63 body {
max-width: var(--main-page-width); 64 64 max-width: var(--main-page-width);
display:block; 65 65 display:block;
margin-left:auto; 66 66 margin-left:auto;
margin-right:auto; 67 67 margin-right:auto;
background: var(--main-body-background-color); 68 68 background: var(--main-body-background-color);
background-image: url('[% resource("common-spec/fond.jpg") %]'); 69 69 background-image: url('[% resource("common-spec/fond.jpg") %]');
background-position: var(--main-body-background-position); 70 70 background-position: var(--main-body-background-position);
background-repeat: var(--main-body-background-repeat); 71 71 background-repeat: var(--main-body-background-repeat);
} 72 72 }
73 73
.intercalaire { 74 74 .intercalaire {
background:white; 75 75 background:white;
margin-top: 48px; 76 76 margin-top: 48px;
padding: 10px; 77 77 padding: 10px;
} 78 78 }
79 79
.bold-footer { 80 80 .bold-footer {
color: var(--main-header-color); 81 81 color: var(--main-header-color);
} 82 82 }
83 83
</style> 84 84 </style>
85 85
<!-- Themes clair : 86 86 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 87 87 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 88 88 qtcreator_light.css
Themes sombres : 89 89 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 90 90 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 91 91 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 92 92 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 93 93 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 94 94 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 95 95 href="[% resource('common/hljs/styles/sunburst.css') %]" >
96 96
<!-- hljs --> 97 97 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 98 98 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
99 99
<script src="[% resource('common/wizefunc.js') %]"></script> 100 100 <script src="[% resource('common/wizefunc.js') %]"></script>
101 101
<script src="[% resource('common-spec/notice.js') %]"></script> 102 102 <script src="[% resource('common-spec/notice.js') %]"></script>
103 103
</head> 104 104 </head>
<body onload="testLogo()"> 105 105 <body onload="testLogo()">
<button onclick="topFunction()" id="upBtn" title="Go to top"></button> 106 106 <button onclick="topFunction()" id="upBtn" title="Go to top"></button>
[% options.empty_lines = "default" %] 107 107 [% options.empty_lines = "default" %]
108 108
<div class='header'> 109 109 <div class='header'>
<table class='navigation' style="float:left"> 110 110 <table class='navigation' style="float:left">
<tr class='navigation'> 111 111 <tr class='navigation'>
<td class='navigation'> 112 112 <td class='navigation'>
[% IF navigation.prev %] 113 113 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 114 114 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 115 115 <img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 116 116 </a>
[% ELSE %] 117 117 [% ELSE %]
<!-- 118 118 <!--
<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 119 119 <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
--> 120 120 -->
[% END %] 121 121 [% END %]
</td> 122 122 </td>
<td class='navigation'> 123 123 <td class='navigation'>
[% IF links.get("index") %] 124 124 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 125 125 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 126 126 <img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 127 127 </a>
[% ELSE %] 128 128 [% ELSE %]
<!-- 129 129 <!--
<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 130 130 <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
--> 131 131 -->
[% END %] 132 132 [% END %]
</td> 133 133 </td>
<td class='navigation'> 134 134 <td class='navigation'>
[% IF navigation.next %] 135 135 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 136 136 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 137 137 <img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 138 138 </a>
[% ELSE %] 139 139 [% ELSE %]
<!-- 140 140 <!--
<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 141 141 <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
--> 142 142 -->
[% END %] 143 143 [% END %]
</td> 144 144 </td>
</tr> 145 145 </tr>
</table> 146 146 </table>
147 147
<span> 148 148 <span>
[% FOR page IN pages %] 149 149 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 150 150 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 151 151 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 152 152 [% page.title %]</h1>
[% END %] 153 153 [% END %]
</span> 154 154 </span>
155 155
<table class='navigation' style="float:right;margin-right:10px;"> 156 156 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 157 157 <tr class='navigation'>
<td class='navigation'> 158 158 <td class='navigation'>
[% FOR page IN pages %] 159 159 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 160 160 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 161 161 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 162 162 <img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 163 163 </a>[% END %]
[% END %] 164 164 [% END %]
[% END %] 165 165 [% END %]
</td> 166 166 </td>
<td class='navigation'> 167 167 <td class='navigation'>
[% FOR page IN pages %] 168 168 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 169 169 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 170 170 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 171 171 <img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 172 172 </a>[% END %]
[% END %] 173 173 [% END %]
[% END %] 174 174 [% END %]
</td> 175 175 </td>
</tr> 176 176 </tr>
</table> 177 177 </table>
</div> 178 178 </div>
179 179
<div class="intercalaire"> 180 180 <div class="intercalaire">
<hr /> 181 181 <hr />
</div> 182 182 </div>
183 183
<div id="logoDivId" style="float:right"> 184 184 <div id="logoDivId" style="float:right">
<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '> 185 185 <img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div> 186 186 </div>
187 187
<!-- Wiki content --> 188 188 <!-- Wiki content -->
189 189
<div class='pages'> 190 190 <div class='pages'>
<!--[% FOR page IN pages %]--> 191 191 <!--[% FOR page IN pages %]-->
<!-- 192 192 <!--
<div class='heading'> 193 193 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 194 194 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 195 195 </div>
--> 196 196 -->
197 197
<div class='content'> 198 198 <div class='content'>
[% page.body %] 199 199 [% page.body %]
</div> 200 200 </div>
201 201
<br /> 202 202 <br />
203 203
<div class='page-footer'> 204 204 <div class='page-footer'>
<!--[% FOR link IN page.backlinks %]--> 205 205 <!--[% FOR link IN page.backlinks %]-->
<a name="backlinks"></a> 206 206 <a name="backlinks"></a>
[% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %] 207 207 [% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %]
208 208
<a href='[% uri(link) %]'>[% link.name %]</a> 209 209 <a href='[% uri(link) %]'>[% link.name %]</a>
210 210
[% IF loop.last %]<br /><br />[% END %] 211 211 [% IF loop.last %]<br /><br />[% END %]
<!--[% END %]--> 212 212 <!--[% END %]-->
213 213
<!--[% FOR file IN page.attachments %]--> 214 214 <!--[% FOR file IN page.attachments %]-->
templates/html/Wize_Print_Template.tpl
Diff comments   View file @ ae1da5d
<!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%%/.local/share/zim/templates/html/print-common/zim-variables.css" > 10 10 href="file:///%%HOME%%/.local/share/zim/templates/html/print-common/zim-variables.css" >
<link rel="stylesheet" 11 11 <link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-style.css" > 12 12 href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-style.css" >
<link rel="stylesheet" 13 13 <link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-table-style.css" > 14 14 href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-table-style.css" >
<link rel="stylesheet" 15 15 <link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-special.css" > 16 16 href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-special.css" >
<link rel="stylesheet" 17 17 <link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-hljs.css" > 18 18 href="file:///%%HOME%%/.local/share/zim/templates/html/common/zim-hljs.css" >
<link rel="stylesheet" 19 19 <link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/print-common/zim-print-override.css" > 20 20 href="file:///%%HOME%%/.local/share/zim/templates/html/print-common/zim-print-override.css" >
21 21
<style type='text/css'> 22 22 <style type='text/css'>
23 23
* { font-family: serif } 24 24 * { font-family: serif }
25 25
/* Centre les images mais elles sont coupées aux sauts de page à l'impression */ 26 26 /* Centre les images mais elles sont coupées aux sauts de page à l'impression */
/*img { 27 27 /*img {
display: block; 28 28 display: block;
margin-left: auto; 29 29 margin-left: auto;
margin-right: auto; 30 30 margin-right: auto;
}*/ 31 31 }*/
32 32
</style> 33 33 </style>
34 34
<!-- Themes clair : 35 35 <!-- Themes clair :
atom-one-light.css, vs.css 36 36 atom-one-light.css, vs.css
Themes sombres : 37 37 Themes sombres :
agate.css, vs2015.css, atom-one-dark.css 38 38 agate.css, vs2015.css, atom-one-dark.css
Demo live : https://highlightjs.org/static/demo/ --> 39 39 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 40 40 <link rel="stylesheet"
href="file:///%%HOME%%/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" > 41 41 href="file:///%%HOME%%/.local/share/zim/templates/html/common/hljs/styles/atom-one-light-wb.css" >
42 42
<!-- hljs --> 43 43 <!-- hljs -->
<script src="file:///%%HOME%%/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script> 44 44 <script src="file:///%%HOME%%/.local/share/zim/templates/html/common/hljs/highlight.pack.js"></script>
45 45
46 <script src="file:///%%HOME%%/.local/share/zim/templates/html/common/wizefunc.js"></script>
47
<script src="file:///%%HOME%%/.local/share/zim/templates/html/print-common/notice.js"></script> 46 48 <script src="file:///%%HOME%%/.local/share/zim/templates/html/print-common/notice.js"></script>
47 49
<script> 48 50 <script>
function testLogo() { 49 51 function testLogo() {
logo=document.getElementById("logoImgId"); 50 52 logo=document.getElementById("logoImgId");
logodiv=document.getElementById("logoDivId"); 51 53 logodiv=document.getElementById("logoDivId");
if (logo.naturalHeight == 0) { 52 54 if (logo.naturalHeight == 0) {
logodiv.setAttribute("style","display:none;"); 53 55 logodiv.setAttribute("style","display:none;");
} 54 56 }
} 55 57 }
</script> 56 58 </script>
</head> 57 59 </head>
<body onload="testLogo()"> 58 60 <body onload="testLogo()">
59 61
[% options.empty_lines = "default" %] 60 62 [% options.empty_lines = "default" %]
61 63
<!-- Wiki content --> 62 64 <!-- Wiki content -->
63 65
<div id="logoDivId" style="float:right"> 64 66 <div id="logoDivId" style="float:right">
<img id="logoImgId" src="file:///%%HOME%%/.local/share/zim/templates/html/print-common/logo.png" alt=' '> 65 67 <img id="logoImgId" src="file:///%%HOME%%/.local/share/zim/templates/html/print-common/logo.png" alt=' '>
</div> 66 68 </div>
67 69
68 70
templates/html/Wize_S5.html
Diff comments   View file @ ae1da5d
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 1 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 3
<html xmlns="http://www.w3.org/1999/xhtml"> 4 4 <html xmlns="http://www.w3.org/1999/xhtml">
5 5
<head> 6 6 <head>
<title>[% title %]</title> 7 7 <title>[% title %]</title>
<!-- metadata --> 8 8 <!-- metadata -->
<meta name="generator" content="[% generator.name %]" /> 9 9 <meta name="generator" content="[% generator.name %]" />
<meta charset="utf-8"/> 10 10 <meta charset="utf-8"/>
<meta name="version" content="S5 1.1" /> 11 11 <meta name="version" content="S5 1.1" />
<meta name="presdate" content="" /> 12 12 <meta name="presdate" content="" />
<meta name="author" content="" /> 13 13 <meta name="author" content="" />
<meta name="company" content="" /> 14 14 <meta name="company" content="" />
<!-- configuration parameters --> 15 15 <!-- configuration parameters -->
<meta name="defaultView" content="slideshow" /> 16 16 <meta name="defaultView" content="slideshow" />
<meta name="controlVis" content="hidden" /> 17 17 <meta name="controlVis" content="hidden" />
<!-- style sheet links --> 18 18 <!-- style sheet links -->
<link rel="shortcut icon" 19 19 <link rel="shortcut icon"
href="[% resource('common-spec/favicon.ico') %]" > 20 20 href="[% resource('common-spec/favicon.ico') %]" >
<link rel="stylesheet" 21 21 <link rel="stylesheet"
href="[% resource('common-spec/zim-variables.css') %]" > 22 22 href="[% resource('common-spec/zim-variables.css') %]" >
<link rel="stylesheet" 23 23 <link rel="stylesheet"
href="[% resource('common-spec/zim-pres-variables.css') %]" > 24 24 href="[% resource('common-spec/zim-pres-variables.css') %]" >
25 25
26 26
<link rel="stylesheet" href="[% resource('ui/default/slides.css') %]" type="text/css" media="projection" id="slideProj" /> 27 27 <link rel="stylesheet" href="[% resource('ui/default/slides.css') %]" type="text/css" media="projection" id="slideProj" />
<link rel="stylesheet" href="[% resource('ui/default/outline.css') %]" type="text/css" media="screen" id="outlineStyle" /> 28 28 <link rel="stylesheet" href="[% resource('ui/default/outline.css') %]" type="text/css" media="screen" id="outlineStyle" />
<link rel="stylesheet" href="[% resource('ui/default/print.css') %]" type="text/css" media="print" id="slidePrint" /> 29 29 <link rel="stylesheet" href="[% resource('ui/default/print.css') %]" type="text/css" media="print" id="slidePrint" />
<link rel="stylesheet" href="[% resource('ui/default/opera.css') %]" type="text/css" media="projection" id="operaFix" /> 30 30 <link rel="stylesheet" href="[% resource('ui/default/opera.css') %]" type="text/css" media="projection" id="operaFix" />
31 31
<link rel="stylesheet" 32 32 <link rel="stylesheet"
href="[% resource('common/zim-style.css') %]" > 33 33 href="[% resource('common/zim-style.css') %]" >
<link rel="stylesheet" 34 34 <link rel="stylesheet"
href="[% resource('common/zim-table-style.css') %]" > 35 35 href="[% resource('common/zim-table-style.css') %]" >
<link rel="stylesheet" 36 36 <link rel="stylesheet"
href="[% resource('common/zim-special.css') %]" > 37 37 href="[% resource('common/zim-special.css') %]" >
<link rel="stylesheet" 38 38 <link rel="stylesheet"
href="[% resource('common/zim-hljs.css') %]" > 39 39 href="[% resource('common/zim-hljs.css') %]" >
<link rel="stylesheet" 40 40 <link rel="stylesheet"
href="[% resource('common-spec/zim-pres-override.css') %]" > 41 41 href="[% resource('common-spec/zim-pres-override.css') %]" >
42 42
<link rel="stylesheet" 43 43 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 44 44 href="[% resource('common/hljs/styles/sunburst.css') %]" >
45 45
<!-- hljs --> 46 46 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 47 47 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
48 48
<script src="[% resource('common/wizefunc.js') %]"></script> 49 49 <script src="[% resource('common/wizefunc.js') %]"></script>
50 50
<!-- S5 JS --> 51 51 <!-- S5 JS -->
<script src="[% resource('ui/default/slides.js') %]" type="text/javascript"></script> 52 52 <script src="[% resource('ui/default/slides.js') %]" type="text/javascript"></script>
<style type='text/css'> 53 53 <style type='text/css'>
* { font-family: sans-serif } 54 54 * { font-family: sans-serif }
img { 55 55 img {
display: block; 56 56 display: block;
margin-left: auto; 57 57 margin-left: auto;
margin-right: auto; 58 58 margin-right: auto;
height: var(--main-pres-img-height); 59 59 height: var(--main-pres-img-height);
} 60 60 }
tt { 61 61 tt {
font-size: inherit; 62 62 font-size: inherit;
} 63 63 }
64 64
td, th { 65 65 td, th {
font-size: var(--main-pres-table-font-size); 66 66 font-size: var(--main-pres-table-font-size);
} 67 67 }
68 68
code { 69 69 code {
font-size: var(--main-pres-code-font-size); 70 70 font-size: var(--main-pres-code-font-size);
} 71 71 }
72 72
body { 73 73 body {
background: var(--main-pres-background-color); 74 74 background: var(--main-pres-background-color);
background-image: url('[% resource("common-spec/fond-pres.jpg") %]'); 75 75 background-image: url('[% resource("common-spec/fond-pres.jpg") %]');
background-repeat: var(--main-pres-background-repeat); 76 76 background-repeat: var(--main-pres-background-repeat);
background-size: var(--main-pres-background-size); 77 77 background-size: var(--main-pres-background-size);
} 78 78 }
79 79
</style> 80 80 </style>
</head> 81 81 </head>
<body> 82 82 <body>
83 83
<div class="layout"> 84 84 <div class="layout">
<div id="controls"><!-- DO NOT EDIT --></div> 85 85 <div id="controls"><!-- DO NOT EDIT --></div>
<div id="currentSlide"><!-- DO NOT EDIT --></div> 86 86 <div id="currentSlide"><!-- DO NOT EDIT --></div>
<div id="header"> 87 87 <div id="header">
<div id="logoDivId" style="position: absolute; right: 1em;"> 88 88 <div id="logoDivId" style="position: absolute; right: 1em;">
<img id="logoImgId" src='[% resource("common-spec/logo-pres.png") %]' alt=' '> 89 89 <img id="logoImgId" src='[% resource("common-spec/logo-pres.png") %]' alt=' '>
</div> 90 90 </div>
</div> 91 91 </div>
<div id="footer"> 92 92 <div id="footer">
<h2 id="footinfo1"></h2> 93 93 <h2 id="footinfo1"></h2>
<h2 id="footinfo2"></h2> 94 94 <h2 id="footinfo2"></h2>
</div> 95 95 </div>
96 96
</div> 97 97 </div>
98 98
<div class="presentation"> 99 99 <div class="presentation">
100 100
templates/html/Wize_with_index.html
Diff comments   View file @ ae1da5d
<!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="shortcut icon" 7 7 <link rel="shortcut icon"
href="[% resource('common-spec/favicon.ico') %]" > 8 8 href="[% resource('common-spec/favicon.ico') %]" >
<link rel="stylesheet" 9 9 <link rel="stylesheet"
href="[% resource('common-spec/zim-variables.css') %]" > 10 10 href="[% resource('common-spec/zim-variables.css') %]" >
<link rel="stylesheet" 11 11 <link rel="stylesheet"
href="[% resource('common/zim-style.css') %]" > 12 12 href="[% resource('common/zim-style.css') %]" >
<link rel="stylesheet" 13 13 <link rel="stylesheet"
href="[% resource('common/zim-table-style.css') %]" > 14 14 href="[% resource('common/zim-table-style.css') %]" >
<link rel="stylesheet" 15 15 <link rel="stylesheet"
href="[% resource('common/zim-special.css') %]" > 16 16 href="[% resource('common/zim-special.css') %]" >
<link rel="stylesheet" 17 17 <link rel="stylesheet"
href="[% resource('common/zim-hljs.css') %]" > 18 18 href="[% resource('common/zim-hljs.css') %]" >
<link rel="stylesheet" 19 19 <link rel="stylesheet"
href="[% resource('common-spec/zim-override.css') %]" > 20 20 href="[% resource('common-spec/zim-override.css') %]" >
21 21
<style type='text/css'> 22 22 <style type='text/css'>
* { font-family: sans-serif } 23 23 * { font-family: sans-serif }
24 24
a:hover { text-decoration: underline; } 25 25 a:hover { text-decoration: underline; }
26 26
/* Centre les images mais elles sont coupées aux sauts de page à l'impression */ 27 27 /* Centre les images mais elles sont coupées aux sauts de page à l'impression */
img { 28 28 img {
display: block; 29 29 display: block;
margin-left: auto; 30 30 margin-left: auto;
margin-right: auto; 31 31 margin-right: auto;
} 32 32 }
33 33
/* Specifique au with index */ 34 34 /* Specifique au with index */
span.insen { color: grey } 35 35 span.insen { color: grey }
36 36
.pages { 37 37 .pages {
/*max-width: 1000px;*/ 38 38 /*max-width: 1000px;*/
/*padding-left: 320px;*/ 39 39 /*padding-left: 320px;*/
width: inherit; 40 40 width: inherit;
transition: margin-left .3s; 41 41 transition: margin-left .3s;
background: white; 42 42 background: white;
padding-left: 10px; 43 43 padding-left: 10px;
padding-right: 10px; 44 44 padding-right: 10px;
padding-bottom: 20px; 45 45 padding-bottom: 20px;
padding-top: 10px; 46 46 padding-top: 10px;
} 47 47 }
48 48
.menu{ 49 49 .menu{
/*float:left; */ 50 50 /*float:left; */
width: 0; 51 51 width: 0;
color:var(--main-header-color); 52 52 color:var(--main-header-color);
overflow-x: hidden; 53 53 overflow-x: hidden;
position: absolute; 54 54 position: absolute;
transition:.3s; 55 55 transition:.3s;
background: var(--main-menu-background-color); 56 56 background: var(--main-menu-background-color);
border-style: solid; 57 57 border-style: solid;
border-width: 1px; 58 58 border-width: 1px;
margin-left:-20px; 59 59 margin-left:-20px;
} 60 60 }
61 61
.menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { 62 62 .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited {
color: var(--main-header-color); 63 63 color: var(--main-header-color);
} 64 64 }
65 65
.menuOpen { 66 66 .menuOpen {
/*display: block;*/ 67 67 /*display: block;*/
} 68 68 }
69 69
.menuClosed { 70 70 .menuClosed {
border-style: unset; 71 71 border-style: unset;
} 72 72 }
73 73
.header{ 74 74 .header{
max-width: var(--main-page-width); 75 75 max-width: var(--main-page-width);
position: fixed; 76 76 position: fixed;
width: 100%; 77 77 width: 100%;
top:0; 78 78 top:0;
background:white; 79 79 background:white;
z-index: 1; 80 80 z-index: 1;
} 81 81 }
82 82
hr{ 83 83 hr{
clear:both; 84 84 clear:both;
border-style: solid; 85 85 border-style: solid;
border-width: 1px; 86 86 border-width: 1px;
border-color: var(--main-header-color); 87 87 border-color: var(--main-header-color);
} 88 88 }
89 89
body { 90 90 body {
max-width: var(--main-page-width); 91 91 max-width: var(--main-page-width);
display:block; 92 92 display:block;
margin-left:auto; 93 93 margin-left:auto;
margin-right:auto; 94 94 margin-right:auto;
background: var(--main-body-background-color); 95 95 background: var(--main-body-background-color);
background-image: url('[% resource("common-spec/fond.jpg") %]'); 96 96 background-image: url('[% resource("common-spec/fond.jpg") %]');
background-position: var(--main-body-background-position); 97 97 background-position: var(--main-body-background-position);
background-repeat: var(--main-body-background-repeat); 98 98 background-repeat: var(--main-body-background-repeat);
} 99 99 }
100 100
.intercalaire { 101 101 .intercalaire {
background:white; 102 102 background:white;
margin-top: 48px; 103 103 margin-top: 48px;
padding: 10px; 104 104 padding: 10px;
} 105 105 }
106 106
.bold-footer { 107 107 .bold-footer {
color: var(--main-header-color); 108 108 color: var(--main-header-color);
} 109 109 }
110 110
</style> 111 111 </style>
112 112
<!-- Themes clair : 113 113 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 114 114 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 115 115 qtcreator_light.css
Themes sombres : 116 116 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 117 117 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 118 118 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 119 119 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 120 120 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 121 121 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 122 122 href="[% resource('common/hljs/styles/sunburst.css') %]" >
123 123
<!-- hljs --> 124 124 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 125 125 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
126 126
<script src="[% resource('common/wizefunc.js') %]"></script> 127 127 <script src="[% resource('common/wizefunc.js') %]"></script>
128 128
<script src="[% resource('common-spec/notice.js') %]"></script> 129 129 <script src="[% resource('common-spec/notice.js') %]"></script>
130 130
</head> 131 131 </head>
<body onload="testLogo()"> 132 132 <body onload="testLogo()">
<button onclick="topFunction()" id="upBtn" title="Go to top"></button> 133 133 <button onclick="topFunction()" id="upBtn" title="Go to top"></button>
<!-- Header --> 134 134 <!-- Header -->
<div class='header'> 135 135 <div class='header'>
<table class='navigation' style="float:left"> 136 136 <table class='navigation' style="float:left">
<tr class='navigation'> 137 137 <tr class='navigation'>
<td class='navigation'> 138 138 <td class='navigation'>
<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav(0)">&#9776;</span> 139 139 <span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav(0)">&#9776;</span>
</td> 140 140 </td>
<td class='navigation'> 141 141 <td class='navigation'>
[% IF navigation.prev %] 142 142 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 143 143 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 144 144 <img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 145 145 </a>
[% ELSE %] 146 146 [% ELSE %]
<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 147 147 <img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
[% END %] 148 148 [% END %]
</td> 149 149 </td>
<td class='navigation'> 150 150 <td class='navigation'>
[% IF links.get("index") %] 151 151 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 152 152 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 153 153 <img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 154 154 </a>
[% ELSE %] 155 155 [% ELSE %]
<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 156 156 <img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
[% END %] 157 157 [% END %]
</td> 158 158 </td>
<td class='navigation'> 159 159 <td class='navigation'>
[% IF navigation.next %] 160 160 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 161 161 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 162 162 <img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 163 163 </a>
[% ELSE %] 164 164 [% ELSE %]
<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 165 165 <img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
[% END %] 166 166 [% END %]
</td> 167 167 </td>
</tr> 168 168 </tr>
</table> 169 169 </table>
170 170
<span> 171 171 <span>
[% FOR page IN pages %] 172 172 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 173 173 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 174 174 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 175 175 [% page.title %]</h1>
[% END %] 176 176 [% END %]
</span> 177 177 </span>
178 178
<table class='navigation' style="float:right;margin-right:10px;"> 179 179 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 180 180 <tr class='navigation'>
<td class='navigation'> 181 181 <td class='navigation'>
[% FOR page IN pages %] 182 182 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 183 183 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 184 184 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 185 185 <img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 186 186 </a>[% END %]
[% END %] 187 187 [% END %]
[% END %] 188 188 [% END %]
</td> 189 189 </td>
<td class='navigation'> 190 190 <td class='navigation'>
[% FOR page IN pages %] 191 191 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 192 192 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 193 193 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 194 194 <img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 195 195 </a>[% END %]
[% END %] 196 196 [% END %]
[% END %] 197 197 [% END %]
</td> 198 198 </td>
</tr> 199 199 </tr>
</table> 200 200 </table>
</div> 201 201 </div>
202 202
<div class="intercalaire"> 203 203 <div class="intercalaire">
<hr /> 204 204 <hr />
</div> 205 205 </div>
206 206
<div id="logoDivId" style="float:right"> 207 207 <div id="logoDivId" style="float:right">
<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '> 208 208 <img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div> 209 209 </div>
210 210
<div id="mySidenav" class="menu menuClosed"> 211 211 <div id="mySidenav" class="menu menuClosed">
[% index() %] 212 212 [% index() %]
</div> 213 213 </div>
214 214
[% options.empty_lines = "default" %] 215 215 [% options.empty_lines = "default" %]
216 216
<!-- Wiki content --> 217 217 <!-- Wiki content -->
218 218
<div id="main" class='pages'> 219 219 <div id="main" class='pages'>
<!--[% FOR page IN pages %]--> 220 220 <!--[% FOR page IN pages %]-->
<!-- 221 221 <!--
<div class='heading'> 222 222 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 223 223 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 224 224 </div>
--> 225 225 -->
<div class='content'> 226 226 <div class='content'>
[% page.body %] 227 227 [% page.body %]
</div> 228 228 </div>
229 229
<br /> 230 230 <br />
231 231
<div style="padding-bottom:10px;"> 232 232 <div style="padding-bottom:10px;">
<hr /> 233 233 <hr />
</div> 234 234 </div>
235 235
<div class='page-footer'> 236 236 <div class='page-footer'>
<!--[% FOR link IN page.backlinks %]--> 237 237 <!--[% FOR link IN page.backlinks %]-->
[% IF loop.first %] 238 238 [% IF loop.first %]
<a name="backlinks"></a> 239 239 <a name="backlinks"></a>
<b class="bold-footer">[% gettext("Backlinks:") %]</b> 240 240 <b class="bold-footer">[% gettext("Backlinks:") %]</b>
[% END %] 241 241 [% END %]
242 242
<a href='[% uri(link) %]'>[% link.name %]</a> 243 243 <a href='[% uri(link) %]'>[% link.name %]</a>
templates/html/Wize_with_index_sod.html
Diff comments   View file @ ae1da5d
<!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="shortcut icon" 7 7 <link rel="shortcut icon"
href="[% resource('common-spec/favicon.ico') %]" > 8 8 href="[% resource('common-spec/favicon.ico') %]" >
<link rel="stylesheet" 9 9 <link rel="stylesheet"
href="[% resource('common-spec/zim-variables.css') %]" > 10 10 href="[% resource('common-spec/zim-variables.css') %]" >
<link rel="stylesheet" 11 11 <link rel="stylesheet"
href="[% resource('common/zim-style.css') %]" > 12 12 href="[% resource('common/zim-style.css') %]" >
<link rel="stylesheet" 13 13 <link rel="stylesheet"
href="[% resource('common/zim-table-style.css') %]" > 14 14 href="[% resource('common/zim-table-style.css') %]" >
<link rel="stylesheet" 15 15 <link rel="stylesheet"
href="[% resource('common/zim-special.css') %]" > 16 16 href="[% resource('common/zim-special.css') %]" >
<link rel="stylesheet" 17 17 <link rel="stylesheet"
href="[% resource('common/zim-hljs.css') %]" > 18 18 href="[% resource('common/zim-hljs.css') %]" >
<link rel="stylesheet" 19 19 <link rel="stylesheet"
href="[% resource('common-spec/zim-override.css') %]" > 20 20 href="[% resource('common-spec/zim-override.css') %]" >
21 21
<style type='text/css'> 22 22 <style type='text/css'>
23 23
/* Comme on a le menu sur le côté */ 24 24 /* Comme on a le menu sur le côté */
/* On augmente la taille de la page */ 25 25 /* On augmente la taille de la page */
:root { 26 26 :root {
--main-page-width: 80em; 27 27 --main-page-width: 80em;
} 28 28 }
29 29
* { font-family: sans-serif } 30 30 * { font-family: sans-serif }
31 31
a:hover { text-decoration: underline; } 32 32 a:hover { text-decoration: underline; }
33 33
/* Centre les images mais elles sont coupées aux sauts de page à l'impression */ 34 34 /* Centre les images mais elles sont coupées aux sauts de page à l'impression */
img { 35 35 img {
display: block; 36 36 display: block;
margin-left: auto; 37 37 margin-left: auto;
margin-right: auto; 38 38 margin-right: auto;
} 39 39 }
40 40
/* Specifique au with index */ 41 41 /* Specifique au with index */
span.insen { color: grey } 42 42 span.insen { color: grey }
43 43
.pages { 44 44 .pages {
/*max-width: 1000px;*/ 45 45 /*max-width: 1000px;*/
/*padding-left: 320px;*/ 46 46 /*padding-left: 320px;*/
margin-left: 300px; 47 47 margin-left: 300px;
width: inherit; 48 48 width: inherit;
transition: margin-left .3s; 49 49 transition: margin-left .3s;
background: white; 50 50 background: white;
padding-left: 10px; 51 51 padding-left: 10px;
padding-right: 10px; 52 52 padding-right: 10px;
padding-bottom: 20px; 53 53 padding-bottom: 20px;
padding-top: 10px; 54 54 padding-top: 10px;
} 55 55 }
56 56
.menu{ 57 57 .menu{
float:left; 58 58 float:left;
width: 300px; 59 59 width: 300px;
color:var(--main-header-color); 60 60 color:var(--main-header-color);
overflow-x: hidden; 61 61 overflow-x: hidden;
/*position: absolute;*/ 62 62 /*position: absolute;*/
transition:.3s; 63 63 transition:.3s;
background: var(--main-menu-background-color); 64 64 background: var(--main-menu-background-color);
border-style: solid; 65 65 border-style: solid;
border-width: 1px; 66 66 border-width: 1px;
margin-left:-20px; 67 67 margin-left:-20px;
} 68 68 }
69 69
.menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { 70 70 .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited {
color: var(--main-header-color); 71 71 color: var(--main-header-color);
} 72 72 }
73 73
.menuOpen { 74 74 .menuOpen {
/*display: block;*/ 75 75 /*display: block;*/
} 76 76 }
77 77
.menuClosed { 78 78 .menuClosed {
border-style: unset; 79 79 border-style: unset;
} 80 80 }
81 81
.header{ 82 82 .header{
max-width: var(--main-page-width); 83 83 max-width: var(--main-page-width);
position: fixed; 84 84 position: fixed;
width: 100%; 85 85 width: 100%;
top:0; 86 86 top:0;
background:white; 87 87 background:white;
z-index: 1; 88 88 z-index: 1;
} 89 89 }
90 90
hr{ 91 91 hr{
clear:both; 92 92 clear:both;
border-style: solid; 93 93 border-style: solid;
border-width: 1px; 94 94 border-width: 1px;
border-color: var(--main-header-color); 95 95 border-color: var(--main-header-color);
} 96 96 }
97 97
body { 98 98 body {
max-width: var(--main-page-width); 99 99 max-width: var(--main-page-width);
display:block; 100 100 display:block;
margin-left:auto; 101 101 margin-left:auto;
margin-right:auto; 102 102 margin-right:auto;
background: var(--main-body-background-color); 103 103 background: var(--main-body-background-color);
background-image: url('[% resource("common-spec/fond.jpg") %]'); 104 104 background-image: url('[% resource("common-spec/fond.jpg") %]');
background-position: var(--main-body-background-position); 105 105 background-position: var(--main-body-background-position);
background-repeat: var(--main-body-background-repeat); 106 106 background-repeat: var(--main-body-background-repeat);
} 107 107 }
108 108
.intercalaire { 109 109 .intercalaire {
background:white; 110 110 background:white;
margin-top: 48px; 111 111 margin-top: 48px;
padding: 10px; 112 112 padding: 10px;
} 113 113 }
114 114
.bold-footer { 115 115 .bold-footer {
color: var(--main-header-color); 116 116 color: var(--main-header-color);
} 117 117 }
118 118
.zemaster { 119 119 .zemaster {
background: white; 120 120 background: white;
} 121 121 }
122 122
123 123
</style> 124 124 </style>
125 125
<!-- Themes clair : 126 126 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 127 127 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 128 128 qtcreator_light.css
Themes sombres : 129 129 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 130 130 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 131 131 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 132 132 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 133 133 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 134 134 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 135 135 href="[% resource('common/hljs/styles/sunburst.css') %]" >
136 136
<!-- hljs --> 137 137 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 138 138 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
139 139
<script src="[% resource('common/wizefunc.js') %]"></script> 140 140 <script src="[% resource('common/wizefunc.js') %]"></script>
141 141
<script src="[% resource('common-spec/notice.js') %]"></script> 142 142 <script src="[% resource('common-spec/notice.js') %]"></script>
143 143
</head> 144 144 </head>
<body onload="testLogo()"> 145 145 <body onload="testLogo()">
<button onclick="topFunction()" id="upBtn" title="Go to top"></button> 146 146 <button onclick="topFunction()" id="upBtn" title="Go to top"></button>
<!-- Header --> 147 147 <!-- Header -->
<div class='header'> 148 148 <div class='header'>
<table class='navigation' style="float:left"> 149 149 <table class='navigation' style="float:left">
<tr class='navigation'> 150 150 <tr class='navigation'>
<td class='navigation'> 151 151 <td class='navigation'>
<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav(1)">&#9776;</span> 152 152 <span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav(1)">&#9776;</span>
</td> 153 153 </td>
<td class='navigation'> 154 154 <td class='navigation'>
[% IF navigation.prev %] 155 155 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 156 156 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 157 157 <img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 158 158 </a>
[% ELSE %] 159 159 [% ELSE %]
<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 160 160 <img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
[% END %] 161 161 [% END %]
</td> 162 162 </td>
<td class='navigation'> 163 163 <td class='navigation'>
[% IF links.get("index") %] 164 164 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 165 165 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 166 166 <img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 167 167 </a>
[% ELSE %] 168 168 [% ELSE %]
<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 169 169 <img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
[% END %] 170 170 [% END %]
</td> 171 171 </td>
<td class='navigation'> 172 172 <td class='navigation'>
[% IF navigation.next %] 173 173 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 174 174 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 175 175 <img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 176 176 </a>
[% ELSE %] 177 177 [% ELSE %]
<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 178 178 <img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
[% END %] 179 179 [% END %]
</td> 180 180 </td>
</tr> 181 181 </tr>
</table> 182 182 </table>
183 183
<span> 184 184 <span>
[% FOR page IN pages %] 185 185 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 186 186 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 187 187 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 188 188 [% page.title %]</h1>
[% END %] 189 189 [% END %]
</span> 190 190 </span>
191 191
<table class='navigation' style="float:right;margin-right:10px;"> 192 192 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 193 193 <tr class='navigation'>
<td class='navigation'> 194 194 <td class='navigation'>
[% FOR page IN pages %] 195 195 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 196 196 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 197 197 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 198 198 <img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 199 199 </a>[% END %]
[% END %] 200 200 [% END %]
[% END %] 201 201 [% END %]
</td> 202 202 </td>
<td class='navigation'> 203 203 <td class='navigation'>
[% FOR page IN pages %] 204 204 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 205 205 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 206 206 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 207 207 <img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 208 208 </a>[% END %]
[% END %] 209 209 [% END %]
[% END %] 210 210 [% END %]
</td> 211 211 </td>
</tr> 212 212 </tr>
</table> 213 213 </table>
</div> 214 214 </div>
215 215
<div class="intercalaire"> 216 216 <div class="intercalaire">
<hr /> 217 217 <hr />
</div> 218 218 </div>
219 219
<div id="logoDivId" style="float:right"> 220 220 <div id="logoDivId" style="float:right">
<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '> 221 221 <img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div> 222 222 </div>
223 223
<div class="zemaster"> 224 224 <div class="zemaster">
225 225
<div id="mySidenav" class="menu menuOpen"> 226 226 <div id="mySidenav" class="menu menuOpen">
[% index() %] 227 227 [% index() %]
</div> 228 228 </div>
229 229
[% options.empty_lines = "default" %] 230 230 [% options.empty_lines = "default" %]
231 231
<!-- Wiki content --> 232 232 <!-- Wiki content -->
233 233
<div id="main" class='pages'> 234 234 <div id="main" class='pages'>
<!--[% FOR page IN pages %]--> 235 235 <!--[% FOR page IN pages %]-->
<!-- 236 236 <!--
<div class='heading'> 237 237 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 238 238 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 239 239 </div>
--> 240 240 -->
<div class='content'> 241 241 <div class='content'>
[% page.body %] 242 242 [% page.body %]
</div> 243 243 </div>
244 244
<br /> 245 245 <br />
246 246
<div style="padding-bottom:10px;"> 247 247 <div style="padding-bottom:10px;">
<hr /> 248 248 <hr />
</div> 249 249 </div>
250 250
<div class='page-footer'> 251 251 <div class='page-footer'>
<!--[% FOR link IN page.backlinks %]--> 252 252 <!--[% FOR link IN page.backlinks %]-->
[% IF loop.first %] 253 253 [% IF loop.first %]
<a name="backlinks"></a> 254 254 <a name="backlinks"></a>