Blame view
templates/html/Default_with_index.html
6.69 KB
a65220bcc
![]() |
1 2 3 4 5 6 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>[% title %]</title> <meta name='Generator' content='[% generator.name %]'> |
1f4a50657
![]() |
7 8 9 10 11 12 13 14 15 16 17 |
<link rel="stylesheet" href="[% resource('common/zim-style.css') %]" > <link rel="stylesheet" href="[% resource('common/zim-table-style.css') %]" > <link rel="stylesheet" href="[% resource('common/zim-special.css') %]" > <link rel="stylesheet" href="[% resource('common/zim-hljs.css') %]" > <style type='text/css'> * { font-family: sans-serif } |
a65220bcc
![]() |
18 |
|
1f4a50657
![]() |
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 29 |
} /* Specifique au with index */ 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; |
1f4a50657
![]() |
36 |
} |
c0f20deb1
![]() |
37 |
|
1f4a50657
![]() |
38 |
.menu{ |
c0f20deb1
![]() |
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
/*float:left; */ width: 0; color:#4e9a06; overflow-x: hidden; position: absolute; transition:.3s; background: #fafafa; border-style: solid; border-width: 1px; } .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
![]() |
69 |
} |
c0f20deb1
![]() |
70 |
|
1f4a50657
![]() |
71 |
hr{clear:both;} |
c0f20deb1
![]() |
72 73 74 75 76 77 78 |
body { max-width:63em; display:block; margin-left:auto; margin-right:auto; } |
a65220bcc
![]() |
79 |
|
a65220bcc
![]() |
80 |
</style> |
ed6f5b45b
![]() |
81 |
|
09d20cee4
![]() |
82 83 84 |
<!-- Themes clair : atom-one-light.css, vs.css googlecode.css github.css qtcreator_light.css |
ed6f5b45b
![]() |
85 |
Themes sombres : |
09d20cee4
![]() |
86 87 88 |
agate.css vs2015.css atom-one-dark.css hybrid.css ir-black.css sunburst.css tomorrow-night-bright.css qtcreator_dark.css |
ed6f5b45b
![]() |
89 90 |
Demo live : https://highlightjs.org/static/demo/ --> <link rel="stylesheet" |
3412afb6f
![]() |
91 |
href="[% resource('common/hljs/styles/sunburst.css') %]" > |
228a863ab
![]() |
92 |
|
ed6f5b45b
![]() |
93 |
<!-- hljs --> |
c0f20deb1
![]() |
94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 |
<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";*/ document.getElementById("mySidenav").setAttribute("class","menu menuClosed"); } } </script> |
ed6f5b45b
![]() |
113 |
|
c0f20deb1
![]() |
114 |
|
a65220bcc
![]() |
115 116 117 118 119 |
</head> <body> <!-- Header --> <div class='header'> |
c0f20deb1
![]() |
120 |
<table class='navigation' style="float:left"> |
a349cce98
![]() |
121 122 |
<tr class='navigation'> <td class='navigation'> |
c0f20deb1
![]() |
123 124 125 |
<span style="font-size:30px;cursor:pointer;color: #4e9a06;" onclick="openNav()">☰</span> </td> <td class='navigation'> |
a65220bcc
![]() |
126 |
[% IF navigation.prev %] |
a349cce98
![]() |
127 128 129 |
<a href='[% uri(navigation.prev) %]'> <img src="[% resource('common/arrow-left.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> </a> |
a65220bcc
![]() |
130 |
[% ELSE %] |
a349cce98
![]() |
131 |
<img src="[% resource('common/arrow-left-inact.png') %]" alt="[% gettext('Prev') %]" title="[% gettext('Prev') %]"> |
a65220bcc
![]() |
132 |
[% END %] |
a349cce98
![]() |
133 134 |
</td> <td class='navigation'> |
a65220bcc
![]() |
135 |
[% IF links.get("index") %] |
a349cce98
![]() |
136 137 138 |
<a href='[% uri(links.get("index")) %]'> <img src="[% resource('common/arrow-up.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> </a> |
a65220bcc
![]() |
139 |
[% ELSE %] |
a349cce98
![]() |
140 |
<img src="[% resource('common/arrow-up-inact.png') %]" alt="[% gettext('Index') %]" title="[% gettext('Index') %]"> |
a65220bcc
![]() |
141 |
[% END %] |
a349cce98
![]() |
142 143 |
</td> <td class='navigation'> |
a65220bcc
![]() |
144 |
[% IF navigation.next %] |
a349cce98
![]() |
145 146 147 |
<a href='[% uri(navigation.next) %]'> <img src="[% resource('common/arrow-right.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> </a> |
a65220bcc
![]() |
148 |
[% ELSE %] |
a349cce98
![]() |
149 |
<img src="[% resource('common/arrow-right-inact.png') %]" alt="[% gettext('Next') %]" title="[% gettext('Next') %]"> |
a65220bcc
![]() |
150 |
[% END %] |
a349cce98
![]() |
151 152 153 |
</td> </tr> </table> |
c0f20deb1
![]() |
154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 |
<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
![]() |
185 |
</div> |
c0f20deb1
![]() |
186 |
<hr style="margin-top:50px" /> |
a65220bcc
![]() |
187 |
|
c0f20deb1
![]() |
188 |
<div id="mySidenav" class="menu menuClosed"> |
a65220bcc
![]() |
189 190 191 192 193 194 |
[% index() %] </div> [% options.empty_lines = "default" %] <!-- Wiki content --> |
c0f20deb1
![]() |
195 |
<div id="main" class='pages'> |
a65220bcc
![]() |
196 |
<!--[% FOR page IN pages %]--> |
c0f20deb1
![]() |
197 |
<!-- |
a65220bcc
![]() |
198 199 200 |
<div class='heading'> <h1>[% page.title %] <a name='[% anchor(page) %]'></a></h1> </div> |
c0f20deb1
![]() |
201 |
--> |
a65220bcc
![]() |
202 203 204 205 206 207 208 209 |
<div class='content'> [% page.body %] </div> <br /> <div class='page-footer'> <!--[% FOR link IN page.backlinks %]--> |
c0f20deb1
![]() |
210 211 212 213 |
[% IF loop.first %] <a name="backlinks"></a> <b>[% gettext("Backlinks:") %]</b> [% END %] |
a65220bcc
![]() |
214 215 216 217 218 219 220 221 |
<a href='[% uri(link) %]'>[% link.name %]</a> [% IF loop.last %]<br /><br />[% END %] <!--[% END %]--> <!--[% FOR file IN page.attachments %]--> [% IF loop.first %] |
c0f20deb1
![]() |
222 |
<a name="attach"></a> |
a65220bcc
![]() |
223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 |
<b>[% gettext("Attachments:") %]</b> <table> [% END %] <tr><td><a href='[% uri(file) %]'>[% file.basename %]</a></td><td> </td><td>[% file.size %]</td></tr> [% IF loop.last %] </table> [% END %] <!--[% END %]--> </div> [% IF not loop.last %]<hr />[% END %] <!--[% END %]--> </div> |
591fa1f2a
![]() |
239 |
<script src="[% resource('common/go-hljs.js') %]"></script> |
ed6f5b45b
![]() |
240 |
|
a65220bcc
![]() |
241 242 243 |
</body> </html> |