William Daniau / wize

Download as
Browse Code »

Commit eb1becac4142d022fea2977a0c0caebac520e56a

Authored by William Daniau
1 parent ae1da5d24e
Exists in master

Ajout d'une taille mini du header pour le cas où il n'y a aucune icone.

Showing 3 changed files with 3 additions and 0 deletions Inline Diff

templates/html/Wize.html
Diff comments   View file @ eb1beca
<!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 min-height:48px;
} 54 55 }
55 56
hr{ 56 57 hr{
clear:both; 57 58 clear:both;
border-style: solid; 58 59 border-style: solid;
border-width: 1px; 59 60 border-width: 1px;
border-color: var(--main-header-color); 60 61 border-color: var(--main-header-color);
} 61 62 }
62 63
body { 63 64 body {
max-width: var(--main-page-width); 64 65 max-width: var(--main-page-width);
display:block; 65 66 display:block;
margin-left:auto; 66 67 margin-left:auto;
margin-right:auto; 67 68 margin-right:auto;
background: var(--main-body-background-color); 68 69 background: var(--main-body-background-color);
background-image: url('[% resource("common-spec/fond.jpg") %]'); 69 70 background-image: url('[% resource("common-spec/fond.jpg") %]');
background-position: var(--main-body-background-position); 70 71 background-position: var(--main-body-background-position);
background-repeat: var(--main-body-background-repeat); 71 72 background-repeat: var(--main-body-background-repeat);
} 72 73 }
73 74
.intercalaire { 74 75 .intercalaire {
background:white; 75 76 background:white;
margin-top: 48px; 76 77 margin-top: 48px;
padding: 10px; 77 78 padding: 10px;
} 78 79 }
79 80
.bold-footer { 80 81 .bold-footer {
color: var(--main-header-color); 81 82 color: var(--main-header-color);
} 82 83 }
83 84
</style> 84 85 </style>
85 86
<!-- Themes clair : 86 87 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 87 88 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 88 89 qtcreator_light.css
Themes sombres : 89 90 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 90 91 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 91 92 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 92 93 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 93 94 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 94 95 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 95 96 href="[% resource('common/hljs/styles/sunburst.css') %]" >
96 97
<!-- hljs --> 97 98 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 98 99 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
99 100
<script src="[% resource('common/wizefunc.js') %]"></script> 100 101 <script src="[% resource('common/wizefunc.js') %]"></script>
101 102
<script src="[% resource('common-spec/notice.js') %]"></script> 102 103 <script src="[% resource('common-spec/notice.js') %]"></script>
103 104
</head> 104 105 </head>
<body onload="testLogo()"> 105 106 <body onload="testLogo()">
<button onclick="topFunction()" id="upBtn" title="Go to top"></button> 106 107 <button onclick="topFunction()" id="upBtn" title="Go to top"></button>
[% options.empty_lines = "default" %] 107 108 [% options.empty_lines = "default" %]
108 109
<div class='header'> 109 110 <div class='header'>
<table class='navigation' style="float:left"> 110 111 <table class='navigation' style="float:left">
<tr class='navigation'> 111 112 <tr class='navigation'>
<td class='navigation'> 112 113 <td class='navigation'>
[% IF navigation.prev %] 113 114 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 114 115 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 115 116 <img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 116 117 </a>
[% ELSE %] 117 118 [% ELSE %]
<!-- 118 119 <!--
<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 119 120 <img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
--> 120 121 -->
[% END %] 121 122 [% END %]
</td> 122 123 </td>
<td class='navigation'> 123 124 <td class='navigation'>
[% IF links.get("index") %] 124 125 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 125 126 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 126 127 <img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 127 128 </a>
[% ELSE %] 128 129 [% ELSE %]
<!-- 129 130 <!--
<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 130 131 <img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
--> 131 132 -->
[% END %] 132 133 [% END %]
</td> 133 134 </td>
<td class='navigation'> 134 135 <td class='navigation'>
[% IF navigation.next %] 135 136 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 136 137 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 137 138 <img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 138 139 </a>
[% ELSE %] 139 140 [% ELSE %]
<!-- 140 141 <!--
<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 141 142 <img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
--> 142 143 -->
[% END %] 143 144 [% END %]
</td> 144 145 </td>
</tr> 145 146 </tr>
</table> 146 147 </table>
147 148
<span> 148 149 <span>
[% FOR page IN pages %] 149 150 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 150 151 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 151 152 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 152 153 [% page.title %]</h1>
[% END %] 153 154 [% END %]
</span> 154 155 </span>
155 156
<table class='navigation' style="float:right;margin-right:10px;"> 156 157 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 157 158 <tr class='navigation'>
<td class='navigation'> 158 159 <td class='navigation'>
[% FOR page IN pages %] 159 160 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 160 161 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 161 162 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 162 163 <img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 163 164 </a>[% END %]
[% END %] 164 165 [% END %]
[% END %] 165 166 [% END %]
</td> 166 167 </td>
<td class='navigation'> 167 168 <td class='navigation'>
[% FOR page IN pages %] 168 169 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 169 170 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 170 171 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 171 172 <img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 172 173 </a>[% END %]
[% END %] 173 174 [% END %]
[% END %] 174 175 [% END %]
</td> 175 176 </td>
</tr> 176 177 </tr>
</table> 177 178 </table>
</div> 178 179 </div>
179 180
<div class="intercalaire"> 180 181 <div class="intercalaire">
<hr /> 181 182 <hr />
</div> 182 183 </div>
183 184
<div id="logoDivId" style="float:right"> 184 185 <div id="logoDivId" style="float:right">
<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '> 185 186 <img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div> 186 187 </div>
187 188
<!-- Wiki content --> 188 189 <!-- Wiki content -->
189 190
<div class='pages'> 190 191 <div class='pages'>
<!--[% FOR page IN pages %]--> 191 192 <!--[% FOR page IN pages %]-->
<!-- 192 193 <!--
<div class='heading'> 193 194 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 194 195 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 195 196 </div>
--> 196 197 -->
197 198
<div class='content'> 198 199 <div class='content'>
[% page.body %] 199 200 [% page.body %]
</div> 200 201 </div>
201 202
<br /> 202 203 <br />
203 204
<div class='page-footer'> 204 205 <div class='page-footer'>
<!--[% FOR link IN page.backlinks %]--> 205 206 <!--[% FOR link IN page.backlinks %]-->
<a name="backlinks"></a> 206 207 <a name="backlinks"></a>
[% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %] 207 208 [% IF loop.first %]<b class="bold-footer">[% gettext("Backlinks:") %]</b>[% END %]
208 209
<a href='[% uri(link) %]'>[% link.name %]</a> 209 210 <a href='[% uri(link) %]'>[% link.name %]</a>
210 211
[% IF loop.last %]<br /><br />[% END %] 211 212 [% IF loop.last %]<br /><br />[% END %]
<!--[% END %]--> 212 213 <!--[% END %]-->
213 214
<!--[% FOR file IN page.attachments %]--> 214 215 <!--[% FOR file IN page.attachments %]-->
templates/html/Wize_with_index.html
Diff comments   View file @ eb1beca
<!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 min-height:48px;
} 81 82 }
82 83
hr{ 83 84 hr{
clear:both; 84 85 clear:both;
border-style: solid; 85 86 border-style: solid;
border-width: 1px; 86 87 border-width: 1px;
border-color: var(--main-header-color); 87 88 border-color: var(--main-header-color);
} 88 89 }
89 90
body { 90 91 body {
max-width: var(--main-page-width); 91 92 max-width: var(--main-page-width);
display:block; 92 93 display:block;
margin-left:auto; 93 94 margin-left:auto;
margin-right:auto; 94 95 margin-right:auto;
background: var(--main-body-background-color); 95 96 background: var(--main-body-background-color);
background-image: url('[% resource("common-spec/fond.jpg") %]'); 96 97 background-image: url('[% resource("common-spec/fond.jpg") %]');
background-position: var(--main-body-background-position); 97 98 background-position: var(--main-body-background-position);
background-repeat: var(--main-body-background-repeat); 98 99 background-repeat: var(--main-body-background-repeat);
} 99 100 }
100 101
.intercalaire { 101 102 .intercalaire {
background:white; 102 103 background:white;
margin-top: 48px; 103 104 margin-top: 48px;
padding: 10px; 104 105 padding: 10px;
} 105 106 }
106 107
.bold-footer { 107 108 .bold-footer {
color: var(--main-header-color); 108 109 color: var(--main-header-color);
} 109 110 }
110 111
</style> 111 112 </style>
112 113
<!-- Themes clair : 113 114 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 114 115 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 115 116 qtcreator_light.css
Themes sombres : 116 117 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 117 118 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 118 119 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 119 120 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 120 121 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 121 122 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 122 123 href="[% resource('common/hljs/styles/sunburst.css') %]" >
123 124
<!-- hljs --> 124 125 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 125 126 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
126 127
<script src="[% resource('common/wizefunc.js') %]"></script> 127 128 <script src="[% resource('common/wizefunc.js') %]"></script>
128 129
<script src="[% resource('common-spec/notice.js') %]"></script> 129 130 <script src="[% resource('common-spec/notice.js') %]"></script>
130 131
</head> 131 132 </head>
<body onload="testLogo()"> 132 133 <body onload="testLogo()">
<button onclick="topFunction()" id="upBtn" title="Go to top"></button> 133 134 <button onclick="topFunction()" id="upBtn" title="Go to top"></button>
<!-- Header --> 134 135 <!-- Header -->
<div class='header'> 135 136 <div class='header'>
<table class='navigation' style="float:left"> 136 137 <table class='navigation' style="float:left">
<tr class='navigation'> 137 138 <tr class='navigation'>
<td class='navigation'> 138 139 <td class='navigation'>
<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav(0)">&#9776;</span> 139 140 <span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav(0)">&#9776;</span>
</td> 140 141 </td>
<td class='navigation'> 141 142 <td class='navigation'>
[% IF navigation.prev %] 142 143 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 143 144 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 144 145 <img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 145 146 </a>
[% ELSE %] 146 147 [% ELSE %]
<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 147 148 <img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
[% END %] 148 149 [% END %]
</td> 149 150 </td>
<td class='navigation'> 150 151 <td class='navigation'>
[% IF links.get("index") %] 151 152 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 152 153 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 153 154 <img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 154 155 </a>
[% ELSE %] 155 156 [% ELSE %]
<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 156 157 <img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
[% END %] 157 158 [% END %]
</td> 158 159 </td>
<td class='navigation'> 159 160 <td class='navigation'>
[% IF navigation.next %] 160 161 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 161 162 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 162 163 <img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 163 164 </a>
[% ELSE %] 164 165 [% ELSE %]
<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 165 166 <img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
[% END %] 166 167 [% END %]
</td> 167 168 </td>
</tr> 168 169 </tr>
</table> 169 170 </table>
170 171
<span> 171 172 <span>
[% FOR page IN pages %] 172 173 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 173 174 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 174 175 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 175 176 [% page.title %]</h1>
[% END %] 176 177 [% END %]
</span> 177 178 </span>
178 179
<table class='navigation' style="float:right;margin-right:10px;"> 179 180 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 180 181 <tr class='navigation'>
<td class='navigation'> 181 182 <td class='navigation'>
[% FOR page IN pages %] 182 183 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 183 184 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 184 185 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 185 186 <img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 186 187 </a>[% END %]
[% END %] 187 188 [% END %]
[% END %] 188 189 [% END %]
</td> 189 190 </td>
<td class='navigation'> 190 191 <td class='navigation'>
[% FOR page IN pages %] 191 192 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 192 193 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 193 194 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 194 195 <img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 195 196 </a>[% END %]
[% END %] 196 197 [% END %]
[% END %] 197 198 [% END %]
</td> 198 199 </td>
</tr> 199 200 </tr>
</table> 200 201 </table>
</div> 201 202 </div>
202 203
<div class="intercalaire"> 203 204 <div class="intercalaire">
<hr /> 204 205 <hr />
</div> 205 206 </div>
206 207
<div id="logoDivId" style="float:right"> 207 208 <div id="logoDivId" style="float:right">
<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '> 208 209 <img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div> 209 210 </div>
210 211
<div id="mySidenav" class="menu menuClosed"> 211 212 <div id="mySidenav" class="menu menuClosed">
[% index() %] 212 213 [% index() %]
</div> 213 214 </div>
214 215
[% options.empty_lines = "default" %] 215 216 [% options.empty_lines = "default" %]
216 217
<!-- Wiki content --> 217 218 <!-- Wiki content -->
218 219
<div id="main" class='pages'> 219 220 <div id="main" class='pages'>
<!--[% FOR page IN pages %]--> 220 221 <!--[% FOR page IN pages %]-->
<!-- 221 222 <!--
<div class='heading'> 222 223 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 223 224 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 224 225 </div>
--> 225 226 -->
<div class='content'> 226 227 <div class='content'>
[% page.body %] 227 228 [% page.body %]
</div> 228 229 </div>
229 230
<br /> 230 231 <br />
231 232
<div style="padding-bottom:10px;"> 232 233 <div style="padding-bottom:10px;">
<hr /> 233 234 <hr />
</div> 234 235 </div>
235 236
<div class='page-footer'> 236 237 <div class='page-footer'>
<!--[% FOR link IN page.backlinks %]--> 237 238 <!--[% FOR link IN page.backlinks %]-->
[% IF loop.first %] 238 239 [% IF loop.first %]
<a name="backlinks"></a> 239 240 <a name="backlinks"></a>
<b class="bold-footer">[% gettext("Backlinks:") %]</b> 240 241 <b class="bold-footer">[% gettext("Backlinks:") %]</b>
[% END %] 241 242 [% END %]
242 243
<a href='[% uri(link) %]'>[% link.name %]</a> 243 244 <a href='[% uri(link) %]'>[% link.name %]</a>
templates/html/Wize_with_index_sod.html
Diff comments   View file @ eb1beca
<!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 min-height:48px;
} 89 90 }
90 91
hr{ 91 92 hr{
clear:both; 92 93 clear:both;
border-style: solid; 93 94 border-style: solid;
border-width: 1px; 94 95 border-width: 1px;
border-color: var(--main-header-color); 95 96 border-color: var(--main-header-color);
} 96 97 }
97 98
body { 98 99 body {
max-width: var(--main-page-width); 99 100 max-width: var(--main-page-width);
display:block; 100 101 display:block;
margin-left:auto; 101 102 margin-left:auto;
margin-right:auto; 102 103 margin-right:auto;
background: var(--main-body-background-color); 103 104 background: var(--main-body-background-color);
background-image: url('[% resource("common-spec/fond.jpg") %]'); 104 105 background-image: url('[% resource("common-spec/fond.jpg") %]');
background-position: var(--main-body-background-position); 105 106 background-position: var(--main-body-background-position);
background-repeat: var(--main-body-background-repeat); 106 107 background-repeat: var(--main-body-background-repeat);
} 107 108 }
108 109
.intercalaire { 109 110 .intercalaire {
background:white; 110 111 background:white;
margin-top: 48px; 111 112 margin-top: 48px;
padding: 10px; 112 113 padding: 10px;
} 113 114 }
114 115
.bold-footer { 115 116 .bold-footer {
color: var(--main-header-color); 116 117 color: var(--main-header-color);
} 117 118 }
118 119
.zemaster { 119 120 .zemaster {
background: white; 120 121 background: white;
} 121 122 }
122 123
123 124
</style> 124 125 </style>
125 126
<!-- Themes clair : 126 127 <!-- Themes clair :
atom-one-light.css, vs.css googlecode.css github.css 127 128 atom-one-light.css, vs.css googlecode.css github.css
qtcreator_light.css 128 129 qtcreator_light.css
Themes sombres : 129 130 Themes sombres :
agate.css vs2015.css atom-one-dark.css hybrid.css 130 131 agate.css vs2015.css atom-one-dark.css hybrid.css
ir-black.css sunburst.css tomorrow-night-bright.css 131 132 ir-black.css sunburst.css tomorrow-night-bright.css
qtcreator_dark.css 132 133 qtcreator_dark.css
Demo live : https://highlightjs.org/static/demo/ --> 133 134 Demo live : https://highlightjs.org/static/demo/ -->
<link rel="stylesheet" 134 135 <link rel="stylesheet"
href="[% resource('common/hljs/styles/sunburst.css') %]" > 135 136 href="[% resource('common/hljs/styles/sunburst.css') %]" >
136 137
<!-- hljs --> 137 138 <!-- hljs -->
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> 138 139 <script src="[% resource('common/hljs/highlight.pack.js') %]"></script>
139 140
<script src="[% resource('common/wizefunc.js') %]"></script> 140 141 <script src="[% resource('common/wizefunc.js') %]"></script>
141 142
<script src="[% resource('common-spec/notice.js') %]"></script> 142 143 <script src="[% resource('common-spec/notice.js') %]"></script>
143 144
</head> 144 145 </head>
<body onload="testLogo()"> 145 146 <body onload="testLogo()">
<button onclick="topFunction()" id="upBtn" title="Go to top"></button> 146 147 <button onclick="topFunction()" id="upBtn" title="Go to top"></button>
<!-- Header --> 147 148 <!-- Header -->
<div class='header'> 148 149 <div class='header'>
<table class='navigation' style="float:left"> 149 150 <table class='navigation' style="float:left">
<tr class='navigation'> 150 151 <tr class='navigation'>
<td class='navigation'> 151 152 <td class='navigation'>
<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav(1)">&#9776;</span> 152 153 <span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav(1)">&#9776;</span>
</td> 153 154 </td>
<td class='navigation'> 154 155 <td class='navigation'>
[% IF navigation.prev %] 155 156 [% IF navigation.prev %]
<a href='[% uri(navigation.prev) %]'> 156 157 <a href='[% uri(navigation.prev) %]'>
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 157 158 <img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
</a> 158 159 </a>
[% ELSE %] 159 160 [% ELSE %]
<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> 160 161 <img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]">
[% END %] 161 162 [% END %]
</td> 162 163 </td>
<td class='navigation'> 163 164 <td class='navigation'>
[% IF links.get("index") %] 164 165 [% IF links.get("index") %]
<a href='[% uri(links.get("index")) %]'> 165 166 <a href='[% uri(links.get("index")) %]'>
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 166 167 <img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
</a> 167 168 </a>
[% ELSE %] 168 169 [% ELSE %]
<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> 169 170 <img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]">
[% END %] 170 171 [% END %]
</td> 171 172 </td>
<td class='navigation'> 172 173 <td class='navigation'>
[% IF navigation.next %] 173 174 [% IF navigation.next %]
<a href='[% uri(navigation.next) %]'> 174 175 <a href='[% uri(navigation.next) %]'>
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 175 176 <img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
</a> 176 177 </a>
[% ELSE %] 177 178 [% ELSE %]
<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> 178 179 <img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]">
[% END %] 179 180 [% END %]
</td> 180 181 </td>
</tr> 181 182 </tr>
</table> 182 183 </table>
183 184
<span> 184 185 <span>
[% FOR page IN pages %] 185 186 [% FOR page IN pages %]
<a name='[% anchor(page) %]'></a> 186 187 <a name='[% anchor(page) %]'></a>
<h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> 187 188 <h1 style="display:inline-block;margin-left:20px;margin-top:5px;">
[% page.title %]</h1> 188 189 [% page.title %]</h1>
[% END %] 189 190 [% END %]
</span> 190 191 </span>
191 192
<table class='navigation' style="float:right;margin-right:10px;"> 192 193 <table class='navigation' style="float:right;margin-right:10px;">
<tr class='navigation'> 193 194 <tr class='navigation'>
<td class='navigation'> 194 195 <td class='navigation'>
[% FOR page IN pages %] 195 196 [% FOR page IN pages %]
[% FOR link IN page.backlinks %] 196 197 [% FOR link IN page.backlinks %]
[% IF loop.first %]<a href="#backlinks"> 197 198 [% IF loop.first %]<a href="#backlinks">
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> 198 199 <img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'>
</a>[% END %] 199 200 </a>[% END %]
[% END %] 200 201 [% END %]
[% END %] 201 202 [% END %]
</td> 202 203 </td>
<td class='navigation'> 203 204 <td class='navigation'>
[% FOR page IN pages %] 204 205 [% FOR page IN pages %]
[% FOR file IN page.attachments %] 205 206 [% FOR file IN page.attachments %]
[% IF loop.first %]<a href="#attach"> 206 207 [% IF loop.first %]<a href="#attach">
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> 207 208 <img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'>
</a>[% END %] 208 209 </a>[% END %]
[% END %] 209 210 [% END %]
[% END %] 210 211 [% END %]
</td> 211 212 </td>
</tr> 212 213 </tr>
</table> 213 214 </table>
</div> 214 215 </div>
215 216
<div class="intercalaire"> 216 217 <div class="intercalaire">
<hr /> 217 218 <hr />
</div> 218 219 </div>
219 220
<div id="logoDivId" style="float:right"> 220 221 <div id="logoDivId" style="float:right">
<img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '> 221 222 <img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '>
</div> 222 223 </div>
223 224
<div class="zemaster"> 224 225 <div class="zemaster">
225 226
<div id="mySidenav" class="menu menuOpen"> 226 227 <div id="mySidenav" class="menu menuOpen">
[% index() %] 227 228 [% index() %]
</div> 228 229 </div>
229 230
[% options.empty_lines = "default" %] 230 231 [% options.empty_lines = "default" %]
231 232
<!-- Wiki content --> 232 233 <!-- Wiki content -->
233 234
<div id="main" class='pages'> 234 235 <div id="main" class='pages'>
<!--[% FOR page IN pages %]--> 235 236 <!--[% FOR page IN pages %]-->
<!-- 236 237 <!--
<div class='heading'> 237 238 <div class='heading'>
<h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> 238 239 <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1>
</div> 239 240 </div>
--> 240 241 -->
<div class='content'> 241 242 <div class='content'>
[% page.body %] 242 243 [% page.body %]
</div> 243 244 </div>
244 245
<br /> 245 246 <br />
246 247
<div style="padding-bottom:10px;"> 247 248 <div style="padding-bottom:10px;">
<hr /> 248 249 <hr />
</div> 249 250 </div>
250 251
<div class='page-footer'> 251 252 <div class='page-footer'>
<!--[% FOR link IN page.backlinks %]--> 252 253 <!--[% FOR link IN page.backlinks %]-->
[% IF loop.first %] 253 254 [% IF loop.first %]
<a name="backlinks"></a> 254 255 <a name="backlinks"></a>