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