Blame view
templates/html/Wize_with_index.html
8.68 KB
a65220bcc
![]() |
1 2 3 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> |
94ef5e415
![]() |
4 5 6 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>[% title %]</title> <meta name='Generator' content='[% generator.name %]'> |
677db2974
![]() |
7 8 |
<link rel="shortcut icon" href="[% resource('common-spec/favicon.ico') %]" > |
8acad7fc6
![]() |
9 |
<link rel="stylesheet" |
f8a4e9c0b
![]() |
10 |
href="[% resource('common-spec/zim-variables.css') %]" > |
1f4a50657
![]() |
11 |
<link rel="stylesheet" |
94ef5e415
![]() |
12 |
href="[% resource('common/zim-style.css') %]" > |
1f4a50657
![]() |
13 |
<link rel="stylesheet" |
94ef5e415
![]() |
14 |
href="[% resource('common/zim-table-style.css') %]" > |
1f4a50657
![]() |
15 |
<link rel="stylesheet" |
94ef5e415
![]() |
16 |
href="[% resource('common/zim-special.css') %]" > |
1f4a50657
![]() |
17 |
<link rel="stylesheet" |
94ef5e415
![]() |
18 |
href="[% resource('common/zim-hljs.css') %]" > |
1f4a50657
![]() |
19 20 |
<style type='text/css'> |
94ef5e415
![]() |
21 |
* { font-family: sans-serif } |
a65220bcc
![]() |
22 |
|
94ef5e415
![]() |
23 |
a:hover { text-decoration: underline; } |
a65220bcc
![]() |
24 25 26 27 28 29 |
/* Centre les images mais elles sont coupées aux sauts de page à l'impression */ img { display: block; margin-left: auto; margin-right: auto; |
1f4a50657
![]() |
30 31 32 |
} /* Specifique au with index */ |
94ef5e415
![]() |
33 |
span.insen { color: grey } |
a65220bcc
![]() |
34 |
|
1f4a50657
![]() |
35 |
.pages { |
c0f20deb1
![]() |
36 37 38 39 |
/*max-width: 1000px;*/ /*padding-left: 320px;*/ width: inherit; transition: margin-left .3s; |
fdb370fcc
![]() |
40 41 42 43 |
background: white; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; |
5aacce24d
![]() |
44 |
padding-top: 10px; |
1f4a50657
![]() |
45 |
} |
c0f20deb1
![]() |
46 |
|
1f4a50657
![]() |
47 |
.menu{ |
c0f20deb1
![]() |
48 49 |
/*float:left; */ width: 0; |
3e021ae7f
![]() |
50 |
color:var(--main-header-color); |
c0f20deb1
![]() |
51 52 53 |
overflow-x: hidden; position: absolute; transition:.3s; |
3e021ae7f
![]() |
54 |
background: var(--main-menu-background-color); |
c0f20deb1
![]() |
55 56 |
border-style: solid; border-width: 1px; |
5aacce24d
![]() |
57 |
margin-left:-20px; |
c0f20deb1
![]() |
58 59 60 |
} .menu a,.menu a:link,.menu a:hover,.menu a:active,.menu a:visited { |
3e021ae7f
![]() |
61 |
color: var(--main-header-color); |
c0f20deb1
![]() |
62 63 64 65 66 67 68 69 70 71 72 |
} .menuOpen { /*display: block;*/ } .menuClosed { border-style: unset; } .header{ |
fbb8c93dc
![]() |
73 |
max-width: var(--main-page-width); |
c0f20deb1
![]() |
74 75 76 77 78 |
position: fixed; width: 100%; top:0; background:white; z-index: 1; |
1f4a50657
![]() |
79 |
} |
c0f20deb1
![]() |
80 |
|
5aacce24d
![]() |
81 82 83 84 |
hr{ clear:both; border-style: solid; border-width: 1px; |
3e021ae7f
![]() |
85 |
border-color: var(--main-header-color); |
5aacce24d
![]() |
86 |
} |
c0f20deb1
![]() |
87 88 |
body { |
fbb8c93dc
![]() |
89 |
max-width: var(--main-page-width); |
c0f20deb1
![]() |
90 91 92 |
display:block; margin-left:auto; margin-right:auto; |
0aa18fe45
![]() |
93 |
background: var(--main-body-background-color); |
66e16d78f
![]() |
94 95 96 |
background-image: url('[% resource("common-spec/fond.jpg") %]'); background-position: var(--main-body-background-position); background-repeat: var(--main-body-background-repeat); |
c0f20deb1
![]() |
97 |
} |
a65220bcc
![]() |
98 |
|
fdb370fcc
![]() |
99 100 101 |
.intercalaire { background:white; margin-top: 48px; |
5aacce24d
![]() |
102 103 104 105 |
padding: 10px; } .bold-footer { |
3e021ae7f
![]() |
106 |
color: var(--main-header-color); |
fdb370fcc
![]() |
107 108 |
} |
94ef5e415
![]() |
109 |
</style> |
09d20cee4
![]() |
110 |
<!-- Themes clair : |
94ef5e415
![]() |
111 112 113 |
atom-one-light.css, vs.css googlecode.css github.css qtcreator_light.css Themes sombres : |
09d20cee4
![]() |
114 115 116 |
agate.css vs2015.css atom-one-dark.css hybrid.css ir-black.css sunburst.css tomorrow-night-bright.css qtcreator_dark.css |
ed6f5b45b
![]() |
117 |
Demo live : https://highlightjs.org/static/demo/ --> |
94ef5e415
![]() |
118 119 |
<link rel="stylesheet" href="[% resource('common/hljs/styles/sunburst.css') %]" > |
228a863ab
![]() |
120 |
|
ed6f5b45b
![]() |
121 |
<!-- hljs --> |
c0f20deb1
![]() |
122 123 124 125 126 127 128 129 130 131 132 133 134 135 |
<script src="[% resource('common/hljs/highlight.pack.js') %]"></script> <script> function openNav() { if (document.getElementById("mySidenav").getAttribute("class").split(' ')[1] == "menuClosed") { document.getElementById("mySidenav").style.width = "300px"; /*document.getElementById("main").style.marginLeft = "300px";*/ document.getElementById("mySidenav").setAttribute("class","menu menuOpen"); /* Scroll to top when opening menu */ document.body.scrollTop = 0 document.documentElement.scrollTop = 0; } else { document.getElementById("mySidenav").style.width = "0"; /*document.getElementById("main").style.marginLeft = "0";*/ |
94ef5e415
![]() |
136 |
document.getElementById("mySidenav").setAttribute("class","menu menuClosed"); |
c0f20deb1
![]() |
137 138 139 |
} } </script> |
ba586589a
![]() |
140 141 142 |
<script src="[% resource('common-spec/notice.js') %]"></script> |
f50b33c8f
![]() |
143 144 145 146 147 148 149 150 151 |
<script> function testLogo() { logo=document.getElementById("logoImgId"); logodiv=document.getElementById("logoDivId"); if (logo.naturalHeight == 0) { logodiv.setAttribute("style","display:none;"); } } </script> |
a65220bcc
![]() |
152 |
</head> |
f50b33c8f
![]() |
153 |
<body onload="testLogo()"> |
a65220bcc
![]() |
154 155 156 |
<!-- Header --> <div class='header'> |
c0f20deb1
![]() |
157 |
<table class='navigation' style="float:left"> |
a349cce98
![]() |
158 159 |
<tr class='navigation'> <td class='navigation'> |
3e021ae7f
![]() |
160 |
<span style="font-size:30px;cursor:pointer;color: var(--main-header-color);" onclick="openNav()">☰</span> |
c0f20deb1
![]() |
161 162 |
</td> <td class='navigation'> |
a65220bcc
![]() |
163 |
[% IF navigation.prev %] |
94ef5e415
![]() |
164 |
<a href='[% uri(navigation.prev) %]'> |
f8a4e9c0b
![]() |
165 |
<img src="[% resource('common-spec/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> |
94ef5e415
![]() |
166 |
</a> |
a65220bcc
![]() |
167 |
[% ELSE %] |
f8a4e9c0b
![]() |
168 |
<img src="[% resource('common-spec/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> |
a65220bcc
![]() |
169 |
[% END %] |
a349cce98
![]() |
170 171 |
</td> <td class='navigation'> |
a65220bcc
![]() |
172 |
[% IF links.get("index") %] |
94ef5e415
![]() |
173 |
<a href='[% uri(links.get("index")) %]'> |
f8a4e9c0b
![]() |
174 |
<img src="[% resource('common-spec/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> |
94ef5e415
![]() |
175 |
</a> |
a65220bcc
![]() |
176 |
[% ELSE %] |
f8a4e9c0b
![]() |
177 |
<img src="[% resource('common-spec/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> |
a65220bcc
![]() |
178 |
[% END %] |
a349cce98
![]() |
179 180 |
</td> <td class='navigation'> |
a65220bcc
![]() |
181 |
[% IF navigation.next %] |
94ef5e415
![]() |
182 |
<a href='[% uri(navigation.next) %]'> |
f8a4e9c0b
![]() |
183 |
<img src="[% resource('common-spec/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> |
94ef5e415
![]() |
184 |
</a> |
a65220bcc
![]() |
185 |
[% ELSE %] |
f8a4e9c0b
![]() |
186 |
<img src="[% resource('common-spec/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> |
a65220bcc
![]() |
187 |
[% END %] |
a349cce98
![]() |
188 189 190 |
</td> </tr> </table> |
c0f20deb1
![]() |
191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 |
<span> [% FOR page IN pages %] <a name='[% anchor(page) %]'></a> <h1 style="display:inline-block;margin-left:20px;margin-top:5px;"> [% page.title %]</h1> [% END %] </span> <table class='navigation' style="float:right;margin-right:10px;"> <tr class='navigation'> <td class='navigation'> [% FOR page IN pages %] [% FOR link IN page.backlinks %] [% IF loop.first %]<a href="#backlinks"> |
f8a4e9c0b
![]() |
206 |
<img src='[% resource("common-spec/backlink.png") %]' alt='[% gettext("Backlinks:") %]' title='[% gettext("Backlinks:") %]'> |
c0f20deb1
![]() |
207 208 209 210 211 212 213 214 |
</a>[% END %] [% END %] [% END %] </td> <td class='navigation'> [% FOR page IN pages %] [% FOR file IN page.attachments %] [% IF loop.first %]<a href="#attach"> |
f8a4e9c0b
![]() |
215 |
<img src='[% resource("common-spec/attachment.png") %]' alt='[% gettext("Attachments:") %]' title='[% gettext("Attachments:") %]'> |
c0f20deb1
![]() |
216 217 218 219 220 221 |
</a>[% END %] [% END %] [% END %] </td> </tr> </table> |
a65220bcc
![]() |
222 |
</div> |
fdb370fcc
![]() |
223 224 225 |
<div class="intercalaire"> <hr /> </div> |
a65220bcc
![]() |
226 |
|
f50b33c8f
![]() |
227 228 |
<div id="logoDivId" style="float:right"> <img id="logoImgId" src='[% resource("common-spec/logo.png") %]' alt=' '> |
05e558785
![]() |
229 |
</div> |
c0f20deb1
![]() |
230 |
<div id="mySidenav" class="menu menuClosed"> |
a65220bcc
![]() |
231 232 233 234 235 236 |
[% index() %] </div> [% options.empty_lines = "default" %] <!-- Wiki content --> |
c0f20deb1
![]() |
237 |
<div id="main" class='pages'> |
a65220bcc
![]() |
238 |
<!--[% FOR page IN pages %]--> |
c0f20deb1
![]() |
239 |
<!-- |
94ef5e415
![]() |
240 241 242 |
<div class='heading'> <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> </div> |
c0f20deb1
![]() |
243 |
--> |
94ef5e415
![]() |
244 245 246 |
<div class='content'> [% page.body %] </div> |
a65220bcc
![]() |
247 |
|
94ef5e415
![]() |
248 |
<br /> |
5aacce24d
![]() |
249 250 251 252 |
<div style="padding-bottom:10px;"> <hr /> </div> |
a65220bcc
![]() |
253 |
|
94ef5e415
![]() |
254 255 256 257 258 259 |
<div class='page-footer'> <!--[% FOR link IN page.backlinks %]--> [% IF loop.first %] <a name="backlinks"></a> <b class="bold-footer">[% gettext("Backlinks:") %]</b> [% END %] |
a65220bcc
![]() |
260 |
|
94ef5e415
![]() |
261 |
<a href='[% uri(link) %]'>[% link.name %]</a> |
a65220bcc
![]() |
262 |
|
94ef5e415
![]() |
263 264 |
[% IF loop.last %]<br /><br />[% END %] <!--[% END %]--> |
a65220bcc
![]() |
265 |
|
94ef5e415
![]() |
266 267 |
<!--[% FOR file IN page.attachments %]--> [% IF loop.first %] |
c0f20deb1
![]() |
268 |
<a name="attach"></a> |
94ef5e415
![]() |
269 270 271 |
<b class="bold-footer">[% gettext("Attachments:") %]</b> <table> [% END %] |
a65220bcc
![]() |
272 |
|
94ef5e415
![]() |
273 |
<tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td> </td><td>[% file.size %]</td></tr> |
a65220bcc
![]() |
274 |
|
94ef5e415
![]() |
275 276 277 278 |
[% IF loop.last %] </table> [% END %] <!--[% END %]--> |
ba586589a
![]() |
279 280 |
<div id="foot-notice" class="notice"></div> |
94ef5e415
![]() |
281 |
</div> |
a65220bcc
![]() |
282 |
|
94ef5e415
![]() |
283 |
[% IF not loop.last %]<hr />[% END %] |
a65220bcc
![]() |
284 285 286 |
<!--[% END %]--> </div> |
591fa1f2a
![]() |
287 |
<script src="[% resource('common/go-hljs.js') %]"></script> |
ba586589a
![]() |
288 |
<script>printNotice()</script> |
ed6f5b45b
![]() |
289 |
|
a65220bcc
![]() |
290 291 292 |
</body> </html> |